@khanacademy/perseus 5.0.0 → 6.1.0

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 (115) hide show
  1. package/CHANGELOG.md +62 -0
  2. package/dist/components/fixed-to-responsive.d.ts +27 -1
  3. package/dist/components/fixed-to-responsive.js.flow +27 -1
  4. package/dist/components/graph.d.ts +42 -26
  5. package/dist/components/graph.js.flow +42 -28
  6. package/dist/components/graphie.d.ts +34 -22
  7. package/dist/components/graphie.js.flow +37 -24
  8. package/dist/components/hud.d.ts +8 -14
  9. package/dist/components/hud.js.flow +7 -14
  10. package/dist/components/inline-icon.d.ts +9 -19
  11. package/dist/components/inline-icon.js.flow +26 -13
  12. package/dist/components/lint.d.ts +41 -13
  13. package/dist/components/lint.js.flow +42 -13
  14. package/dist/components/math-output.d.ts +15 -11
  15. package/dist/components/math-output.js.flow +15 -11
  16. package/dist/components/sortable.d.ts +17 -9
  17. package/dist/components/sortable.js.flow +22 -9
  18. package/dist/components/svg-image.d.ts +5 -3
  19. package/dist/components/svg-image.js.flow +5 -3
  20. package/dist/components/tooltip.d.ts +45 -4
  21. package/dist/components/tooltip.js.flow +44 -31
  22. package/dist/es/index.css +0 -3
  23. package/dist/es/index.js +478 -649
  24. package/dist/es/index.js.map +1 -1
  25. package/dist/index.css +0 -3
  26. package/dist/index.js +482 -646
  27. package/dist/index.js.map +1 -1
  28. package/dist/perseus-types.d.ts +11 -9
  29. package/dist/perseus-types.js.flow +11 -9
  30. package/dist/renderer.d.ts +2 -2
  31. package/dist/renderer.js.flow +1 -3
  32. package/dist/styles/shared.d.ts +0 -1
  33. package/dist/styles/shared.js.flow +0 -1
  34. package/dist/types.d.ts +0 -10
  35. package/dist/types.js.flow +0 -13
  36. package/dist/util/a11y.d.ts +0 -1
  37. package/dist/util/a11y.js.flow +0 -1
  38. package/dist/util/interactive.d.ts +2 -0
  39. package/dist/util/interactive.js.flow +2 -0
  40. package/dist/util.d.ts +3 -3
  41. package/dist/util.js.flow +4 -3
  42. package/dist/widgets/grapher.d.ts +1 -1
  43. package/dist/widgets/grapher.js.flow +12 -3
  44. package/dist/widgets/matcher.d.ts +7 -3
  45. package/dist/widgets/matcher.js.flow +7 -3
  46. package/dist/widgets/number-line.d.ts +1 -1
  47. package/dist/widgets/number-line.js.flow +1 -1
  48. package/package.json +2 -2
  49. package/src/__tests__/__snapshots__/item-renderer.test.tsx.snap +151 -159
  50. package/src/__tests__/__snapshots__/renderer.test.tsx.snap +358 -394
  51. package/src/__tests__/__snapshots__/server-item-renderer.test.tsx.snap +169 -189
  52. package/src/components/__stories__/lint.stories.tsx +56 -21
  53. package/src/components/__stories__/sortable.stories.tsx +5 -5
  54. package/src/components/__stories__/tooltip.stories.tsx +52 -0
  55. package/src/components/__tests__/__snapshots__/sortable.test.tsx.snap +114 -30
  56. package/src/components/__tests__/__snapshots__/sorter.test.tsx.snap +172 -204
  57. package/src/components/__tests__/sortable.test.tsx +54 -16
  58. package/src/components/__tests__/sorter.test.tsx +12 -9
  59. package/src/components/fixed-to-responsive.tsx +43 -38
  60. package/src/components/graph.tsx +95 -81
  61. package/src/components/graphie.tsx +62 -32
  62. package/src/components/hud.tsx +104 -115
  63. package/src/components/inline-icon.tsx +15 -32
  64. package/src/components/input-with-examples.tsx +4 -4
  65. package/src/components/lint.tsx +47 -41
  66. package/src/components/math-output.tsx +17 -11
  67. package/src/components/simple-keypad-input.tsx +2 -2
  68. package/src/components/sortable.tsx +134 -94
  69. package/src/components/svg-image.tsx +10 -11
  70. package/src/components/tooltip.tsx +189 -171
  71. package/src/interactive2/types.ts +2 -2
  72. package/src/mixins/provide-keypad.tsx +2 -2
  73. package/src/multi-items/__tests__/__snapshots__/multi-renderer.test.tsx.snap +708 -764
  74. package/src/perseus-types.ts +13 -9
  75. package/src/renderer.tsx +11 -22
  76. package/src/types.ts +0 -18
  77. package/src/util/interactive.ts +18 -5
  78. package/src/util/tex.ts +13 -77
  79. package/src/util.ts +3 -4
  80. package/src/widgets/__stories__/test-keypad-context-wrapper.tsx +2 -2
  81. package/src/widgets/__tests__/__snapshots__/categorizer.test.ts.snap +717 -773
  82. package/src/widgets/__tests__/__snapshots__/cs-program.test.ts.snap +28 -36
  83. package/src/widgets/__tests__/__snapshots__/definition.test.ts.snap +52 -60
  84. package/src/widgets/__tests__/__snapshots__/dropdown.test.ts.snap +100 -108
  85. package/src/widgets/__tests__/__snapshots__/explanation.test.ts.snap +212 -260
  86. package/src/widgets/__tests__/__snapshots__/graded-group-set-jipt.test.ts.snap +613 -641
  87. package/src/widgets/__tests__/__snapshots__/graded-group-set.test.ts.snap +249 -261
  88. package/src/widgets/__tests__/__snapshots__/graded-group.test.ts.snap +671 -735
  89. package/src/widgets/__tests__/__snapshots__/grapher.test.ts.snap +2676 -2684
  90. package/src/widgets/__tests__/__snapshots__/group.test.tsx.snap +938 -1002
  91. package/src/widgets/__tests__/__snapshots__/iframe.test.ts.snap +28 -36
  92. package/src/widgets/__tests__/__snapshots__/image.test.ts.snap +227 -255
  93. package/src/widgets/__tests__/__snapshots__/input-number.test.ts.snap +353 -357
  94. package/src/widgets/__tests__/__snapshots__/interaction.test.ts.snap +255 -259
  95. package/src/widgets/__tests__/__snapshots__/interactive-graph.test.ts.snap +2401 -2433
  96. package/src/widgets/__tests__/__snapshots__/matcher.test.tsx.snap +600 -756
  97. package/src/widgets/__tests__/__snapshots__/matrix.test.ts.snap +420 -428
  98. package/src/widgets/__tests__/__snapshots__/number-line.test.ts.snap +762 -770
  99. package/src/widgets/__tests__/__snapshots__/numeric-input.test.ts.snap +373 -393
  100. package/src/widgets/__tests__/__snapshots__/orderer.test.ts.snap +116 -148
  101. package/src/widgets/__tests__/__snapshots__/passage-ref.test.ts.snap +289 -301
  102. package/src/widgets/__tests__/__snapshots__/passage.test.tsx.snap +1679 -1711
  103. package/src/widgets/__tests__/__snapshots__/radio.test.ts.snap +2692 -2960
  104. package/src/widgets/__tests__/__snapshots__/video.test.ts.snap +90 -98
  105. package/src/widgets/__tests__/matcher.test.tsx +33 -9
  106. package/src/widgets/expression.tsx +9 -6
  107. package/src/widgets/grapher.tsx +3 -3
  108. package/src/widgets/image.tsx +2 -2
  109. package/src/widgets/interactive-graph.tsx +5 -5
  110. package/src/widgets/matcher.tsx +43 -24
  111. package/src/widgets/number-line.tsx +1 -1
  112. package/src/widgets/simulator.tsx +4 -6
  113. package/{tsconfig.json → tsconfig-build.json} +6 -6
  114. package/tsconfig-build.tsbuildinfo +1 -0
  115. package/tsconfig.tsbuildinfo +0 -1
@@ -2,1265 +2,1201 @@
2
2
 
3
3
  exports[`group widget should snapshot: initial render 1`] = `
4
4
  <div>
5
- <span
6
- class="mock-KatexProvider"
5
+ <div
6
+ class="perseus-renderer perseus-renderer-responsive perseus-renderer-two-columns"
7
7
  >
8
8
  <div
9
- class="perseus-renderer perseus-renderer-responsive perseus-renderer-two-columns"
9
+ class="paragraph"
10
+ data-perseus-paragraph-index="0"
10
11
  >
11
12
  <div
12
- class="paragraph"
13
- data-perseus-paragraph-index="0"
13
+ class="perseus-two-columns"
14
14
  >
15
15
  <div
16
- class="perseus-two-columns"
16
+ class="perseus-column"
17
17
  >
18
18
  <div
19
- class="perseus-column"
19
+ class="perseus-column-content"
20
20
  >
21
21
  <div
22
- class="perseus-column-content"
22
+ class="paragraph"
23
23
  >
24
24
  <div
25
- class="paragraph"
25
+ class="fixed-to-responsive svg-image"
26
+ style="max-width: 428px; max-height: 480px;"
26
27
  >
27
28
  <div
28
- class="fixed-to-responsive svg-image"
29
- style="max-width: 428px; max-height: 480px;"
29
+ style="padding-bottom: 112.14999999999999%;"
30
+ />
31
+ <span
32
+ style="top: 0px; left: 0px; width: 100%; height: 100%; position: absolute; min-width: 20px; display: flex; justify-content: center; align-content: center;"
30
33
  >
31
34
  <div
32
- style="padding-bottom: 112.14999999999999%;"
33
- />
34
- <span
35
- style="top: 0px; left: 0px; width: 100%; height: 100%; position: absolute; min-width: 20px; display: flex; justify-content: center; align-content: center;"
35
+ class="default_xu2jcg-o_O-spinnerContainer_agrn11"
36
36
  >
37
- <div
38
- class="default_xu2jcg-o_O-spinnerContainer_agrn11"
37
+ <svg
38
+ height="48"
39
+ viewBox="0 0 48 48"
40
+ width="48"
41
+ xmlns="http://www.w3.org/2000/svg"
39
42
  >
40
- <svg
41
- height="48"
42
- viewBox="0 0 48 48"
43
- width="48"
44
- xmlns="http://www.w3.org/2000/svg"
45
- >
46
- <path
47
- class="loadingSpinner_1dvgeb3-o_O-inlineStyles_1kzk0y9"
48
- d="M44.19 23.455a1.91 1.91 0 1 1 3.801 0h.003c.004.18.006.363.006.545 0 13.255-10.745 24-24 24S0 37.255 0 24 10.745 0 24 0c.182 0 .364.002.545.006V.01a1.91 1.91 0 1 1 0 3.801v.015A20.564 20.564 0 0 0 24 3.818C12.854 3.818 3.818 12.854 3.818 24c0 11.146 9.036 20.182 20.182 20.182 11.146 0 20.182-9.036 20.182-20.182 0-.182-.003-.364-.007-.545h.015z"
49
- fill-rule="nonzero"
50
- />
51
- </svg>
52
- </div>
53
- </span>
54
- </div>
43
+ <path
44
+ class="loadingSpinner_1dvgeb3-o_O-inlineStyles_1kzk0y9"
45
+ d="M44.19 23.455a1.91 1.91 0 1 1 3.801 0h.003c.004.18.006.363.006.545 0 13.255-10.745 24-24 24S0 37.255 0 24 10.745 0 24 0c.182 0 .364.002.545.006V.01a1.91 1.91 0 1 1 0 3.801v.015A20.564 20.564 0 0 0 24 3.818C12.854 3.818 3.818 12.854 3.818 24c0 11.146 9.036 20.182 20.182 20.182 11.146 0 20.182-9.036 20.182-20.182 0-.182-.003-.364-.007-.545h.015z"
46
+ fill-rule="nonzero"
47
+ />
48
+ </svg>
49
+ </div>
50
+ </span>
55
51
  </div>
56
52
  </div>
57
53
  </div>
54
+ </div>
55
+ <div
56
+ class="perseus-column"
57
+ >
58
58
  <div
59
- class="perseus-column"
59
+ class="perseus-column-content"
60
60
  >
61
61
  <div
62
- class="perseus-column-content"
62
+ class="paragraph"
63
63
  >
64
64
  <div
65
- class="paragraph"
65
+ class="perseus-widget-container widget-nohighlight widget-block"
66
66
  >
67
67
  <div
68
- class="perseus-widget-container widget-nohighlight widget-block"
68
+ class="perseus-group perseus-group-invalid-answer"
69
69
  >
70
70
  <div
71
- class="perseus-group perseus-group-invalid-answer"
71
+ class="perseus-renderer perseus-renderer-responsive"
72
72
  >
73
- <span
74
- class="mock-KatexProvider"
73
+ <div
74
+ class="paragraph"
75
+ data-perseus-paragraph-index="0"
75
76
  >
76
77
  <div
77
- class="perseus-renderer perseus-renderer-responsive"
78
+ class="paragraph"
78
79
  >
79
- <div
80
- class="paragraph"
81
- data-perseus-paragraph-index="0"
82
- >
83
- <div
84
- class="paragraph"
80
+ <strong>
81
+ In one week, how many more hours are in the periods with a
82
+ <span
83
+ style="white-space: nowrap;"
85
84
  >
86
- <strong>
87
- In one week, how many more hours are in the periods with a
88
- <span
89
- style="white-space: nowrap;"
90
- >
91
- <span />
92
- <span
93
- class="mock-TeX"
94
- >
95
- 35
96
- </span>
97
- <span />
98
- </span>
99
- percent discount than in the periods with the regular price?
100
- </strong>
101
- </div>
102
- </div>
85
+ <span />
86
+ <span
87
+ class="mock-TeX"
88
+ >
89
+ 35
90
+ </span>
91
+ <span />
92
+ </span>
93
+ percent discount than in the periods with the regular price?
94
+ </strong>
95
+ </div>
96
+ </div>
97
+ <div
98
+ class="paragraph"
99
+ data-perseus-paragraph-index="1"
100
+ >
101
+ <div
102
+ class="paragraph"
103
+ >
103
104
  <div
104
- class="paragraph"
105
- data-perseus-paragraph-index="1"
105
+ class="perseus-widget-container widget-nohighlight widget-block"
106
106
  >
107
107
  <div
108
- class="paragraph"
108
+ class="responsiveContainer_vq37gq"
109
109
  >
110
- <div
111
- class="perseus-widget-container widget-nohighlight widget-block"
110
+ <fieldset
111
+ class="perseus-widget-radio-fieldset responsiveFieldset_c0l5kf"
112
112
  >
113
+ <legend
114
+ class="perseus-sr-only"
115
+ >
116
+ Choose 1 answer:
117
+ </legend>
113
118
  <div
114
- class="responsiveContainer_vq37gq"
119
+ aria-hidden="true"
120
+ class="instructions instructions_125m8j1"
121
+ >
122
+ Choose 1 answer:
123
+ </div>
124
+ <ul
125
+ class="perseus-widget-radio perseus-rendered-radio radio_1gyjybc-o_O-responsiveRadioContainer_1ybwre2"
126
+ style="list-style: none;"
115
127
  >
116
- <fieldset
117
- class="perseus-widget-radio-fieldset responsiveFieldset_c0l5kf"
128
+ <li
129
+ class="aboveScratchpad_1x0jb4k-o_O-item_dswvvi-o_O-responsiveItem_85oyrd perseus-radio-option"
118
130
  >
119
- <legend
120
- class="perseus-sr-only"
121
- >
122
- Choose 1 answer:
123
- </legend>
124
131
  <div
125
- aria-hidden="true"
126
- class="instructions instructions_125m8j1"
127
- >
128
- Choose 1 answer:
129
- </div>
130
- <ul
131
- class="perseus-widget-radio perseus-rendered-radio radio_1gyjybc-o_O-responsiveRadioContainer_1ybwre2"
132
- style="list-style: none;"
132
+ class="description description_psmgei"
133
+ style="flex-direction: column; color: rgb(33, 36, 44);"
133
134
  >
134
- <li
135
- class="aboveScratchpad_1x0jb4k-o_O-item_dswvvi-o_O-responsiveItem_85oyrd perseus-radio-option"
135
+ <div
136
+ style="display: flex; flex-direction: row; opacity: 1;"
136
137
  >
137
138
  <div
138
- class="description description_psmgei"
139
- style="flex-direction: column; color: rgb(33, 36, 44);"
139
+ class="perseus-sr-only"
140
140
  >
141
- <div
142
- style="display: flex; flex-direction: row; opacity: 1;"
141
+ <input
142
+ class="perseus-radio-option-content"
143
+ id="choice-5"
144
+ tabindex="-1"
145
+ type="radio"
146
+ />
147
+ <label
148
+ for="choice-5"
143
149
  >
150
+ (Choice A)
151
+  
144
152
  <div
145
- class="perseus-sr-only"
146
- >
147
- <input
148
- class="perseus-radio-option-content"
149
- id="choice-5"
150
- tabindex="-1"
151
- type="radio"
152
- />
153
- <label
154
- for="choice-5"
155
- >
156
- (Choice A)
157
-  
158
- <span
159
- class="mock-KatexProvider"
160
- >
161
- <div
162
- class="perseus-renderer perseus-renderer-responsive"
163
- >
164
- <div
165
- class="paragraph perseus-paragraph-centered"
166
- data-perseus-paragraph-index="0"
167
- >
168
- <div
169
- class="perseus-block-math"
170
- >
171
- <div
172
- class="perseus-block-math-inner"
173
- style="overflow-x: auto; overflow-y: hidden; padding-top: 10px; padding-bottom: 10px; margin-top: -10px; margin-bottom: -10px;"
174
- >
175
- <span
176
- class="mock-TeX"
177
- >
178
- 45
179
- </span>
180
- </div>
181
- </div>
182
- </div>
183
- </div>
184
- </span>
185
- </label>
186
- </div>
187
- <button
188
- aria-disabled="false"
189
- aria-hidden="true"
190
- class="button_vr44p2-o_O-reset_152ygtm-o_O-link_13xlah4-o_O-inlineStyles_1jvwfht"
191
- type="button"
153
+ class="perseus-renderer perseus-renderer-responsive"
192
154
  >
193
155
  <div
194
- style="display: flex; flex-direction: row; justify-content: center; align-content: center; padding-top: 8px; padding-bottom: 8px; padding-left: 8px;"
156
+ class="paragraph perseus-paragraph-centered"
157
+ data-perseus-paragraph-index="0"
195
158
  >
196
159
  <div
197
- class="iconWrapper_17y0hv9"
160
+ class="perseus-block-math"
198
161
  >
199
- <span
200
- class="ring_ya75gi"
201
- data-test-id="focus-ring"
202
- style="border-color: transparent; border-radius: 50%;"
162
+ <div
163
+ class="perseus-block-math-inner"
164
+ style="overflow-x: auto; overflow-y: hidden; padding-top: 10px; padding-bottom: 10px; margin-top: -10px; margin-bottom: -10px;"
203
165
  >
204
- <div
205
- class="circle_1tys2th"
206
- data-is-radio-icon="true"
207
- data-test-id="choice-icon__library-choice-icon"
208
- style="border-color: rgba(33,36,44,0.64); color: rgba(33, 36, 44, 0.64); border-radius: 24px;"
209
- >
210
- <div
211
- class="innerWrapper_177sg8x"
212
- >
213
- A
214
- </div>
215
- </div>
216
- </span>
217
- </div>
218
- <span
219
- style="padding-left: 12px; text-align: left; flex: 1; padding-top: 4px;"
220
- >
221
- <div />
222
- <div>
223
166
  <span
224
- class="mock-KatexProvider"
167
+ class="mock-TeX"
225
168
  >
226
- <div
227
- class="perseus-renderer perseus-renderer-responsive"
228
- >
229
- <div
230
- class="paragraph perseus-paragraph-centered"
231
- data-perseus-paragraph-index="0"
232
- >
233
- <div
234
- class="perseus-block-math"
235
- >
236
- <div
237
- class="perseus-block-math-inner"
238
- style="overflow-x: auto; overflow-y: hidden; padding-top: 10px; padding-bottom: 10px; margin-top: -10px; margin-bottom: -10px;"
239
- >
240
- <span
241
- class="mock-TeX"
242
- >
243
- 45
244
- </span>
245
- </div>
246
- </div>
247
- </div>
248
- </div>
169
+ 45
249
170
  </span>
250
171
  </div>
251
- </span>
172
+ </div>
252
173
  </div>
253
- </button>
254
- </div>
174
+ </div>
175
+ </label>
255
176
  </div>
256
- </li>
257
- <li
258
- class="aboveScratchpad_1x0jb4k-o_O-item_dswvvi-o_O-responsiveItem_85oyrd perseus-radio-option"
259
- >
260
- <div
261
- class="description description_psmgei"
262
- style="flex-direction: column; color: rgb(33, 36, 44);"
177
+ <button
178
+ aria-disabled="false"
179
+ aria-hidden="true"
180
+ class="button_vr44p2-o_O-reset_152ygtm-o_O-link_13xlah4-o_O-inlineStyles_1jvwfht"
181
+ type="button"
263
182
  >
264
183
  <div
265
- style="display: flex; flex-direction: row; opacity: 1;"
184
+ style="display: flex; flex-direction: row; justify-content: center; align-content: center; padding-top: 8px; padding-bottom: 8px; padding-left: 8px;"
266
185
  >
267
186
  <div
268
- class="perseus-sr-only"
187
+ class="iconWrapper_17y0hv9"
269
188
  >
270
- <input
271
- class="perseus-radio-option-content"
272
- id="choice-6"
273
- tabindex="-1"
274
- type="radio"
275
- />
276
- <label
277
- for="choice-6"
189
+ <span
190
+ class="ring_ya75gi"
191
+ data-test-id="focus-ring"
192
+ style="border-color: transparent; border-radius: 50%;"
278
193
  >
279
- (Choice B)
280
-  
281
- <span
282
- class="mock-KatexProvider"
194
+ <div
195
+ class="circle_1tys2th"
196
+ data-is-radio-icon="true"
197
+ data-test-id="choice-icon__library-choice-icon"
198
+ style="border-color: rgba(33,36,44,0.64); color: rgba(33, 36, 44, 0.64); border-radius: 24px;"
283
199
  >
284
200
  <div
285
- class="perseus-renderer perseus-renderer-responsive"
201
+ class="innerWrapper_177sg8x"
286
202
  >
287
- <div
288
- class="paragraph perseus-paragraph-centered"
289
- data-perseus-paragraph-index="0"
290
- >
291
- <div
292
- class="perseus-block-math"
293
- >
294
- <div
295
- class="perseus-block-math-inner"
296
- style="overflow-x: auto; overflow-y: hidden; padding-top: 10px; padding-bottom: 10px; margin-top: -10px; margin-bottom: -10px;"
297
- >
298
- <span
299
- class="mock-TeX"
300
- >
301
- 42
302
- </span>
303
- </div>
304
- </div>
305
- </div>
203
+ A
306
204
  </div>
307
- </span>
308
- </label>
205
+ </div>
206
+ </span>
309
207
  </div>
310
- <button
311
- aria-disabled="false"
312
- aria-hidden="true"
313
- class="button_vr44p2-o_O-reset_152ygtm-o_O-link_13xlah4-o_O-inlineStyles_1jvwfht"
314
- type="button"
208
+ <span
209
+ style="padding-left: 12px; text-align: left; flex: 1; padding-top: 4px;"
315
210
  >
316
- <div
317
- style="display: flex; flex-direction: row; justify-content: center; align-content: center; padding-top: 8px; padding-bottom: 8px; padding-left: 8px;"
318
- >
211
+ <div />
212
+ <div>
319
213
  <div
320
- class="iconWrapper_17y0hv9"
214
+ class="perseus-renderer perseus-renderer-responsive"
321
215
  >
322
- <span
323
- class="ring_ya75gi"
324
- data-test-id="focus-ring"
325
- style="border-color: transparent; border-radius: 50%;"
216
+ <div
217
+ class="paragraph perseus-paragraph-centered"
218
+ data-perseus-paragraph-index="0"
326
219
  >
327
220
  <div
328
- class="circle_1tys2th"
329
- data-is-radio-icon="true"
330
- data-test-id="choice-icon__library-choice-icon"
331
- style="border-color: rgba(33,36,44,0.64); color: rgba(33, 36, 44, 0.64); border-radius: 24px;"
221
+ class="perseus-block-math"
332
222
  >
333
223
  <div
334
- class="innerWrapper_177sg8x"
224
+ class="perseus-block-math-inner"
225
+ style="overflow-x: auto; overflow-y: hidden; padding-top: 10px; padding-bottom: 10px; margin-top: -10px; margin-bottom: -10px;"
335
226
  >
336
- B
227
+ <span
228
+ class="mock-TeX"
229
+ >
230
+ 45
231
+ </span>
337
232
  </div>
338
233
  </div>
339
- </span>
234
+ </div>
340
235
  </div>
341
- <span
342
- style="padding-left: 12px; text-align: left; flex: 1; padding-top: 4px;"
236
+ </div>
237
+ </span>
238
+ </div>
239
+ </button>
240
+ </div>
241
+ </div>
242
+ </li>
243
+ <li
244
+ class="aboveScratchpad_1x0jb4k-o_O-item_dswvvi-o_O-responsiveItem_85oyrd perseus-radio-option"
245
+ >
246
+ <div
247
+ class="description description_psmgei"
248
+ style="flex-direction: column; color: rgb(33, 36, 44);"
249
+ >
250
+ <div
251
+ style="display: flex; flex-direction: row; opacity: 1;"
252
+ >
253
+ <div
254
+ class="perseus-sr-only"
255
+ >
256
+ <input
257
+ class="perseus-radio-option-content"
258
+ id="choice-6"
259
+ tabindex="-1"
260
+ type="radio"
261
+ />
262
+ <label
263
+ for="choice-6"
264
+ >
265
+ (Choice B)
266
+  
267
+ <div
268
+ class="perseus-renderer perseus-renderer-responsive"
269
+ >
270
+ <div
271
+ class="paragraph perseus-paragraph-centered"
272
+ data-perseus-paragraph-index="0"
273
+ >
274
+ <div
275
+ class="perseus-block-math"
343
276
  >
344
- <div />
345
- <div>
277
+ <div
278
+ class="perseus-block-math-inner"
279
+ style="overflow-x: auto; overflow-y: hidden; padding-top: 10px; padding-bottom: 10px; margin-top: -10px; margin-bottom: -10px;"
280
+ >
346
281
  <span
347
- class="mock-KatexProvider"
282
+ class="mock-TeX"
348
283
  >
349
- <div
350
- class="perseus-renderer perseus-renderer-responsive"
351
- >
352
- <div
353
- class="paragraph perseus-paragraph-centered"
354
- data-perseus-paragraph-index="0"
355
- >
356
- <div
357
- class="perseus-block-math"
358
- >
359
- <div
360
- class="perseus-block-math-inner"
361
- style="overflow-x: auto; overflow-y: hidden; padding-top: 10px; padding-bottom: 10px; margin-top: -10px; margin-bottom: -10px;"
362
- >
363
- <span
364
- class="mock-TeX"
365
- >
366
- 42
367
- </span>
368
- </div>
369
- </div>
370
- </div>
371
- </div>
284
+ 42
372
285
  </span>
373
286
  </div>
374
- </span>
287
+ </div>
375
288
  </div>
376
- </button>
377
- </div>
289
+ </div>
290
+ </label>
378
291
  </div>
379
- </li>
380
- <li
381
- class="aboveScratchpad_1x0jb4k-o_O-item_dswvvi-o_O-responsiveItem_85oyrd perseus-radio-option"
382
- >
383
- <div
384
- class="description description_psmgei"
385
- style="flex-direction: column; color: rgb(33, 36, 44);"
292
+ <button
293
+ aria-disabled="false"
294
+ aria-hidden="true"
295
+ class="button_vr44p2-o_O-reset_152ygtm-o_O-link_13xlah4-o_O-inlineStyles_1jvwfht"
296
+ type="button"
386
297
  >
387
298
  <div
388
- style="display: flex; flex-direction: row; opacity: 1;"
299
+ style="display: flex; flex-direction: row; justify-content: center; align-content: center; padding-top: 8px; padding-bottom: 8px; padding-left: 8px;"
389
300
  >
390
301
  <div
391
- class="perseus-sr-only"
302
+ class="iconWrapper_17y0hv9"
392
303
  >
393
- <input
394
- class="perseus-radio-option-content"
395
- id="choice-7"
396
- tabindex="-1"
397
- type="radio"
398
- />
399
- <label
400
- for="choice-7"
304
+ <span
305
+ class="ring_ya75gi"
306
+ data-test-id="focus-ring"
307
+ style="border-color: transparent; border-radius: 50%;"
401
308
  >
402
- (Choice C)
403
-  
404
- <span
405
- class="mock-KatexProvider"
309
+ <div
310
+ class="circle_1tys2th"
311
+ data-is-radio-icon="true"
312
+ data-test-id="choice-icon__library-choice-icon"
313
+ style="border-color: rgba(33,36,44,0.64); color: rgba(33, 36, 44, 0.64); border-radius: 24px;"
406
314
  >
407
315
  <div
408
- class="perseus-renderer perseus-renderer-responsive"
316
+ class="innerWrapper_177sg8x"
409
317
  >
410
- <div
411
- class="paragraph perseus-paragraph-centered"
412
- data-perseus-paragraph-index="0"
413
- >
414
- <div
415
- class="perseus-block-math"
416
- >
417
- <div
418
- class="perseus-block-math-inner"
419
- style="overflow-x: auto; overflow-y: hidden; padding-top: 10px; padding-bottom: 10px; margin-top: -10px; margin-bottom: -10px;"
420
- >
421
- <span
422
- class="mock-TeX"
423
- >
424
- 30
425
- </span>
426
- </div>
427
- </div>
428
- </div>
318
+ B
429
319
  </div>
430
- </span>
431
- </label>
320
+ </div>
321
+ </span>
432
322
  </div>
433
- <button
434
- aria-disabled="false"
435
- aria-hidden="true"
436
- class="button_vr44p2-o_O-reset_152ygtm-o_O-link_13xlah4-o_O-inlineStyles_1jvwfht"
437
- type="button"
323
+ <span
324
+ style="padding-left: 12px; text-align: left; flex: 1; padding-top: 4px;"
438
325
  >
439
- <div
440
- style="display: flex; flex-direction: row; justify-content: center; align-content: center; padding-top: 8px; padding-bottom: 8px; padding-left: 8px;"
441
- >
326
+ <div />
327
+ <div>
442
328
  <div
443
- class="iconWrapper_17y0hv9"
329
+ class="perseus-renderer perseus-renderer-responsive"
444
330
  >
445
- <span
446
- class="ring_ya75gi"
447
- data-test-id="focus-ring"
448
- style="border-color: transparent; border-radius: 50%;"
331
+ <div
332
+ class="paragraph perseus-paragraph-centered"
333
+ data-perseus-paragraph-index="0"
449
334
  >
450
335
  <div
451
- class="circle_1tys2th"
452
- data-is-radio-icon="true"
453
- data-test-id="choice-icon__library-choice-icon"
454
- style="border-color: rgba(33,36,44,0.64); color: rgba(33, 36, 44, 0.64); border-radius: 24px;"
336
+ class="perseus-block-math"
455
337
  >
456
338
  <div
457
- class="innerWrapper_177sg8x"
339
+ class="perseus-block-math-inner"
340
+ style="overflow-x: auto; overflow-y: hidden; padding-top: 10px; padding-bottom: 10px; margin-top: -10px; margin-bottom: -10px;"
458
341
  >
459
- C
342
+ <span
343
+ class="mock-TeX"
344
+ >
345
+ 42
346
+ </span>
460
347
  </div>
461
348
  </div>
462
- </span>
349
+ </div>
463
350
  </div>
464
- <span
465
- style="padding-left: 12px; text-align: left; flex: 1; padding-top: 4px;"
351
+ </div>
352
+ </span>
353
+ </div>
354
+ </button>
355
+ </div>
356
+ </div>
357
+ </li>
358
+ <li
359
+ class="aboveScratchpad_1x0jb4k-o_O-item_dswvvi-o_O-responsiveItem_85oyrd perseus-radio-option"
360
+ >
361
+ <div
362
+ class="description description_psmgei"
363
+ style="flex-direction: column; color: rgb(33, 36, 44);"
364
+ >
365
+ <div
366
+ style="display: flex; flex-direction: row; opacity: 1;"
367
+ >
368
+ <div
369
+ class="perseus-sr-only"
370
+ >
371
+ <input
372
+ class="perseus-radio-option-content"
373
+ id="choice-7"
374
+ tabindex="-1"
375
+ type="radio"
376
+ />
377
+ <label
378
+ for="choice-7"
379
+ >
380
+ (Choice C)
381
+  
382
+ <div
383
+ class="perseus-renderer perseus-renderer-responsive"
384
+ >
385
+ <div
386
+ class="paragraph perseus-paragraph-centered"
387
+ data-perseus-paragraph-index="0"
388
+ >
389
+ <div
390
+ class="perseus-block-math"
466
391
  >
467
- <div />
468
- <div>
392
+ <div
393
+ class="perseus-block-math-inner"
394
+ style="overflow-x: auto; overflow-y: hidden; padding-top: 10px; padding-bottom: 10px; margin-top: -10px; margin-bottom: -10px;"
395
+ >
469
396
  <span
470
- class="mock-KatexProvider"
397
+ class="mock-TeX"
471
398
  >
472
- <div
473
- class="perseus-renderer perseus-renderer-responsive"
474
- >
475
- <div
476
- class="paragraph perseus-paragraph-centered"
477
- data-perseus-paragraph-index="0"
478
- >
479
- <div
480
- class="perseus-block-math"
481
- >
482
- <div
483
- class="perseus-block-math-inner"
484
- style="overflow-x: auto; overflow-y: hidden; padding-top: 10px; padding-bottom: 10px; margin-top: -10px; margin-bottom: -10px;"
485
- >
486
- <span
487
- class="mock-TeX"
488
- >
489
- 30
490
- </span>
491
- </div>
492
- </div>
493
- </div>
494
- </div>
399
+ 30
495
400
  </span>
496
401
  </div>
497
- </span>
402
+ </div>
498
403
  </div>
499
- </button>
500
- </div>
404
+ </div>
405
+ </label>
501
406
  </div>
502
- </li>
503
- <li
504
- class="aboveScratchpad_1x0jb4k-o_O-item_dswvvi-o_O-responsiveItem_85oyrd perseus-radio-option"
505
- >
506
- <div
507
- class="description description_psmgei"
508
- style="flex-direction: column; color: rgb(33, 36, 44);"
407
+ <button
408
+ aria-disabled="false"
409
+ aria-hidden="true"
410
+ class="button_vr44p2-o_O-reset_152ygtm-o_O-link_13xlah4-o_O-inlineStyles_1jvwfht"
411
+ type="button"
509
412
  >
510
413
  <div
511
- style="display: flex; flex-direction: row; opacity: 1;"
414
+ style="display: flex; flex-direction: row; justify-content: center; align-content: center; padding-top: 8px; padding-bottom: 8px; padding-left: 8px;"
512
415
  >
513
416
  <div
514
- class="perseus-sr-only"
417
+ class="iconWrapper_17y0hv9"
515
418
  >
516
- <input
517
- class="perseus-radio-option-content"
518
- id="choice-8"
519
- tabindex="-1"
520
- type="radio"
521
- />
522
- <label
523
- for="choice-8"
419
+ <span
420
+ class="ring_ya75gi"
421
+ data-test-id="focus-ring"
422
+ style="border-color: transparent; border-radius: 50%;"
524
423
  >
525
- (Choice D)
526
-  
527
- <span
528
- class="mock-KatexProvider"
424
+ <div
425
+ class="circle_1tys2th"
426
+ data-is-radio-icon="true"
427
+ data-test-id="choice-icon__library-choice-icon"
428
+ style="border-color: rgba(33,36,44,0.64); color: rgba(33, 36, 44, 0.64); border-radius: 24px;"
529
429
  >
530
430
  <div
531
- class="perseus-renderer perseus-renderer-responsive"
431
+ class="innerWrapper_177sg8x"
532
432
  >
533
- <div
534
- class="paragraph perseus-paragraph-centered"
535
- data-perseus-paragraph-index="0"
536
- >
537
- <div
538
- class="perseus-block-math"
539
- >
540
- <div
541
- class="perseus-block-math-inner"
542
- style="overflow-x: auto; overflow-y: hidden; padding-top: 10px; padding-bottom: 10px; margin-top: -10px; margin-bottom: -10px;"
543
- >
544
- <span
545
- class="mock-TeX"
546
- >
547
- 18
548
- </span>
549
- </div>
550
- </div>
551
- </div>
433
+ C
552
434
  </div>
553
- </span>
554
- </label>
435
+ </div>
436
+ </span>
555
437
  </div>
556
- <button
557
- aria-disabled="false"
558
- aria-hidden="true"
559
- class="button_vr44p2-o_O-reset_152ygtm-o_O-link_13xlah4-o_O-inlineStyles_1jvwfht"
560
- type="button"
438
+ <span
439
+ style="padding-left: 12px; text-align: left; flex: 1; padding-top: 4px;"
561
440
  >
562
- <div
563
- style="display: flex; flex-direction: row; justify-content: center; align-content: center; padding-top: 8px; padding-bottom: 8px; padding-left: 8px;"
564
- >
441
+ <div />
442
+ <div>
565
443
  <div
566
- class="iconWrapper_17y0hv9"
444
+ class="perseus-renderer perseus-renderer-responsive"
567
445
  >
568
- <span
569
- class="ring_ya75gi"
570
- data-test-id="focus-ring"
571
- style="border-color: transparent; border-radius: 50%;"
446
+ <div
447
+ class="paragraph perseus-paragraph-centered"
448
+ data-perseus-paragraph-index="0"
572
449
  >
573
450
  <div
574
- class="circle_1tys2th"
575
- data-is-radio-icon="true"
576
- data-test-id="choice-icon__library-choice-icon"
577
- style="border-color: rgba(33,36,44,0.64); color: rgba(33, 36, 44, 0.64); border-radius: 24px;"
451
+ class="perseus-block-math"
578
452
  >
579
453
  <div
580
- class="innerWrapper_177sg8x"
454
+ class="perseus-block-math-inner"
455
+ style="overflow-x: auto; overflow-y: hidden; padding-top: 10px; padding-bottom: 10px; margin-top: -10px; margin-bottom: -10px;"
581
456
  >
582
- D
457
+ <span
458
+ class="mock-TeX"
459
+ >
460
+ 30
461
+ </span>
583
462
  </div>
584
463
  </div>
585
- </span>
464
+ </div>
586
465
  </div>
587
- <span
588
- style="padding-left: 12px; text-align: left; flex: 1; padding-top: 4px;"
466
+ </div>
467
+ </span>
468
+ </div>
469
+ </button>
470
+ </div>
471
+ </div>
472
+ </li>
473
+ <li
474
+ class="aboveScratchpad_1x0jb4k-o_O-item_dswvvi-o_O-responsiveItem_85oyrd perseus-radio-option"
475
+ >
476
+ <div
477
+ class="description description_psmgei"
478
+ style="flex-direction: column; color: rgb(33, 36, 44);"
479
+ >
480
+ <div
481
+ style="display: flex; flex-direction: row; opacity: 1;"
482
+ >
483
+ <div
484
+ class="perseus-sr-only"
485
+ >
486
+ <input
487
+ class="perseus-radio-option-content"
488
+ id="choice-8"
489
+ tabindex="-1"
490
+ type="radio"
491
+ />
492
+ <label
493
+ for="choice-8"
494
+ >
495
+ (Choice D)
496
+  
497
+ <div
498
+ class="perseus-renderer perseus-renderer-responsive"
499
+ >
500
+ <div
501
+ class="paragraph perseus-paragraph-centered"
502
+ data-perseus-paragraph-index="0"
503
+ >
504
+ <div
505
+ class="perseus-block-math"
589
506
  >
590
- <div />
591
- <div>
507
+ <div
508
+ class="perseus-block-math-inner"
509
+ style="overflow-x: auto; overflow-y: hidden; padding-top: 10px; padding-bottom: 10px; margin-top: -10px; margin-bottom: -10px;"
510
+ >
592
511
  <span
593
- class="mock-KatexProvider"
512
+ class="mock-TeX"
594
513
  >
595
- <div
596
- class="perseus-renderer perseus-renderer-responsive"
597
- >
598
- <div
599
- class="paragraph perseus-paragraph-centered"
600
- data-perseus-paragraph-index="0"
601
- >
602
- <div
603
- class="perseus-block-math"
604
- >
605
- <div
606
- class="perseus-block-math-inner"
607
- style="overflow-x: auto; overflow-y: hidden; padding-top: 10px; padding-bottom: 10px; margin-top: -10px; margin-bottom: -10px;"
608
- >
609
- <span
610
- class="mock-TeX"
611
- >
612
- 18
613
- </span>
614
- </div>
615
- </div>
616
- </div>
617
- </div>
514
+ 18
618
515
  </span>
619
516
  </div>
620
- </span>
517
+ </div>
621
518
  </div>
622
- </button>
623
- </div>
519
+ </div>
520
+ </label>
624
521
  </div>
625
- </li>
626
- <li
627
- class="aboveScratchpad_1x0jb4k-o_O-item_dswvvi-o_O-responsiveItem_85oyrd perseus-radio-option"
628
- >
629
- <div
630
- class="description description_psmgei"
631
- style="flex-direction: column; color: rgb(33, 36, 44);"
522
+ <button
523
+ aria-disabled="false"
524
+ aria-hidden="true"
525
+ class="button_vr44p2-o_O-reset_152ygtm-o_O-link_13xlah4-o_O-inlineStyles_1jvwfht"
526
+ type="button"
632
527
  >
633
528
  <div
634
- style="display: flex; flex-direction: row; opacity: 1;"
529
+ style="display: flex; flex-direction: row; justify-content: center; align-content: center; padding-top: 8px; padding-bottom: 8px; padding-left: 8px;"
635
530
  >
636
531
  <div
637
- class="perseus-sr-only"
532
+ class="iconWrapper_17y0hv9"
638
533
  >
639
- <input
640
- class="perseus-radio-option-content"
641
- id="choice-9"
642
- tabindex="-1"
643
- type="radio"
644
- />
645
- <label
646
- for="choice-9"
534
+ <span
535
+ class="ring_ya75gi"
536
+ data-test-id="focus-ring"
537
+ style="border-color: transparent; border-radius: 50%;"
647
538
  >
648
- (Choice E)
649
-  
650
- <span
651
- class="mock-KatexProvider"
539
+ <div
540
+ class="circle_1tys2th"
541
+ data-is-radio-icon="true"
542
+ data-test-id="choice-icon__library-choice-icon"
543
+ style="border-color: rgba(33,36,44,0.64); color: rgba(33, 36, 44, 0.64); border-radius: 24px;"
652
544
  >
653
545
  <div
654
- class="perseus-renderer perseus-renderer-responsive"
546
+ class="innerWrapper_177sg8x"
655
547
  >
656
- <div
657
- class="paragraph perseus-paragraph-centered"
658
- data-perseus-paragraph-index="0"
659
- >
660
- <div
661
- class="perseus-block-math"
662
- >
663
- <div
664
- class="perseus-block-math-inner"
665
- style="overflow-x: auto; overflow-y: hidden; padding-top: 10px; padding-bottom: 10px; margin-top: -10px; margin-bottom: -10px;"
666
- >
667
- <span
668
- class="mock-TeX"
669
- >
670
- 15
671
- </span>
672
- </div>
673
- </div>
674
- </div>
548
+ D
675
549
  </div>
676
- </span>
677
- </label>
550
+ </div>
551
+ </span>
678
552
  </div>
679
- <button
680
- aria-disabled="false"
681
- aria-hidden="true"
682
- class="button_vr44p2-o_O-reset_152ygtm-o_O-link_13xlah4-o_O-inlineStyles_1jvwfht"
683
- type="button"
553
+ <span
554
+ style="padding-left: 12px; text-align: left; flex: 1; padding-top: 4px;"
684
555
  >
685
- <div
686
- style="display: flex; flex-direction: row; justify-content: center; align-content: center; padding-top: 8px; padding-bottom: 8px; padding-left: 8px;"
687
- >
556
+ <div />
557
+ <div>
688
558
  <div
689
- class="iconWrapper_17y0hv9"
559
+ class="perseus-renderer perseus-renderer-responsive"
690
560
  >
691
- <span
692
- class="ring_ya75gi"
693
- data-test-id="focus-ring"
694
- style="border-color: transparent; border-radius: 50%;"
561
+ <div
562
+ class="paragraph perseus-paragraph-centered"
563
+ data-perseus-paragraph-index="0"
695
564
  >
696
565
  <div
697
- class="circle_1tys2th"
698
- data-is-radio-icon="true"
699
- data-test-id="choice-icon__library-choice-icon"
700
- style="border-color: rgba(33,36,44,0.64); color: rgba(33, 36, 44, 0.64); border-radius: 24px;"
566
+ class="perseus-block-math"
701
567
  >
702
568
  <div
703
- class="innerWrapper_177sg8x"
569
+ class="perseus-block-math-inner"
570
+ style="overflow-x: auto; overflow-y: hidden; padding-top: 10px; padding-bottom: 10px; margin-top: -10px; margin-bottom: -10px;"
704
571
  >
705
- E
572
+ <span
573
+ class="mock-TeX"
574
+ >
575
+ 18
576
+ </span>
706
577
  </div>
707
578
  </div>
708
- </span>
579
+ </div>
709
580
  </div>
710
- <span
711
- style="padding-left: 12px; text-align: left; flex: 1; padding-top: 4px;"
581
+ </div>
582
+ </span>
583
+ </div>
584
+ </button>
585
+ </div>
586
+ </div>
587
+ </li>
588
+ <li
589
+ class="aboveScratchpad_1x0jb4k-o_O-item_dswvvi-o_O-responsiveItem_85oyrd perseus-radio-option"
590
+ >
591
+ <div
592
+ class="description description_psmgei"
593
+ style="flex-direction: column; color: rgb(33, 36, 44);"
594
+ >
595
+ <div
596
+ style="display: flex; flex-direction: row; opacity: 1;"
597
+ >
598
+ <div
599
+ class="perseus-sr-only"
600
+ >
601
+ <input
602
+ class="perseus-radio-option-content"
603
+ id="choice-9"
604
+ tabindex="-1"
605
+ type="radio"
606
+ />
607
+ <label
608
+ for="choice-9"
609
+ >
610
+ (Choice E)
611
+  
612
+ <div
613
+ class="perseus-renderer perseus-renderer-responsive"
614
+ >
615
+ <div
616
+ class="paragraph perseus-paragraph-centered"
617
+ data-perseus-paragraph-index="0"
618
+ >
619
+ <div
620
+ class="perseus-block-math"
712
621
  >
713
- <div />
714
- <div>
622
+ <div
623
+ class="perseus-block-math-inner"
624
+ style="overflow-x: auto; overflow-y: hidden; padding-top: 10px; padding-bottom: 10px; margin-top: -10px; margin-bottom: -10px;"
625
+ >
715
626
  <span
716
- class="mock-KatexProvider"
627
+ class="mock-TeX"
628
+ >
629
+ 15
630
+ </span>
631
+ </div>
632
+ </div>
633
+ </div>
634
+ </div>
635
+ </label>
636
+ </div>
637
+ <button
638
+ aria-disabled="false"
639
+ aria-hidden="true"
640
+ class="button_vr44p2-o_O-reset_152ygtm-o_O-link_13xlah4-o_O-inlineStyles_1jvwfht"
641
+ type="button"
642
+ >
643
+ <div
644
+ style="display: flex; flex-direction: row; justify-content: center; align-content: center; padding-top: 8px; padding-bottom: 8px; padding-left: 8px;"
645
+ >
646
+ <div
647
+ class="iconWrapper_17y0hv9"
648
+ >
649
+ <span
650
+ class="ring_ya75gi"
651
+ data-test-id="focus-ring"
652
+ style="border-color: transparent; border-radius: 50%;"
653
+ >
654
+ <div
655
+ class="circle_1tys2th"
656
+ data-is-radio-icon="true"
657
+ data-test-id="choice-icon__library-choice-icon"
658
+ style="border-color: rgba(33,36,44,0.64); color: rgba(33, 36, 44, 0.64); border-radius: 24px;"
659
+ >
660
+ <div
661
+ class="innerWrapper_177sg8x"
662
+ >
663
+ E
664
+ </div>
665
+ </div>
666
+ </span>
667
+ </div>
668
+ <span
669
+ style="padding-left: 12px; text-align: left; flex: 1; padding-top: 4px;"
670
+ >
671
+ <div />
672
+ <div>
673
+ <div
674
+ class="perseus-renderer perseus-renderer-responsive"
675
+ >
676
+ <div
677
+ class="paragraph perseus-paragraph-centered"
678
+ data-perseus-paragraph-index="0"
679
+ >
680
+ <div
681
+ class="perseus-block-math"
717
682
  >
718
683
  <div
719
- class="perseus-renderer perseus-renderer-responsive"
684
+ class="perseus-block-math-inner"
685
+ style="overflow-x: auto; overflow-y: hidden; padding-top: 10px; padding-bottom: 10px; margin-top: -10px; margin-bottom: -10px;"
720
686
  >
721
- <div
722
- class="paragraph perseus-paragraph-centered"
723
- data-perseus-paragraph-index="0"
687
+ <span
688
+ class="mock-TeX"
724
689
  >
725
- <div
726
- class="perseus-block-math"
727
- >
728
- <div
729
- class="perseus-block-math-inner"
730
- style="overflow-x: auto; overflow-y: hidden; padding-top: 10px; padding-bottom: 10px; margin-top: -10px; margin-bottom: -10px;"
731
- >
732
- <span
733
- class="mock-TeX"
734
- >
735
- 15
736
- </span>
737
- </div>
738
- </div>
739
- </div>
690
+ 15
691
+ </span>
740
692
  </div>
741
- </span>
693
+ </div>
742
694
  </div>
743
- </span>
695
+ </div>
744
696
  </div>
745
- </button>
697
+ </span>
746
698
  </div>
747
- </div>
748
- </li>
749
- </ul>
750
- </fieldset>
751
- </div>
752
- </div>
699
+ </button>
700
+ </div>
701
+ </div>
702
+ </li>
703
+ </ul>
704
+ </fieldset>
753
705
  </div>
754
706
  </div>
755
707
  </div>
756
- </span>
708
+ </div>
757
709
  </div>
758
710
  </div>
759
711
  </div>
712
+ </div>
713
+ <div
714
+ class="paragraph"
715
+ >
760
716
  <div
761
- class="paragraph"
717
+ class="perseus-widget-container widget-nohighlight widget-block"
762
718
  >
763
719
  <div
764
- class="perseus-widget-container widget-nohighlight widget-block"
720
+ class="perseus-group perseus-group-invalid-answer"
765
721
  >
766
722
  <div
767
- class="perseus-group perseus-group-invalid-answer"
723
+ class="perseus-renderer perseus-renderer-responsive"
768
724
  >
769
- <span
770
- class="mock-KatexProvider"
725
+ <div
726
+ class="paragraph"
727
+ data-perseus-paragraph-index="0"
771
728
  >
772
729
  <div
773
- class="perseus-renderer perseus-renderer-responsive"
730
+ class="paragraph"
774
731
  >
775
- <div
776
- class="paragraph"
777
- data-perseus-paragraph-index="0"
778
- >
779
- <div
780
- class="paragraph"
732
+ <strong>
733
+ What is
734
+ <span
735
+ style="white-space: nowrap;"
781
736
  >
782
- <strong>
783
- What is
784
- <span
785
- style="white-space: nowrap;"
786
- >
787
- <span />
788
- <span
789
- class="mock-TeX"
790
- >
791
- \\redD{\\text{A}}
792
- </span>
793
- <span />
794
- </span>
795
- rounded to the nearest ten?
796
- </strong>
797
-
798
- </div>
799
- </div>
737
+ <span />
738
+ <span
739
+ class="mock-TeX"
740
+ >
741
+ \\redD{\\text{A}}
742
+ </span>
743
+ <span />
744
+ </span>
745
+ rounded to the nearest ten?
746
+ </strong>
747
+
748
+ </div>
749
+ </div>
750
+ <div
751
+ class="paragraph"
752
+ data-perseus-paragraph-index="1"
753
+ >
754
+ <div
755
+ class="paragraph"
756
+ >
800
757
  <div
801
- class="paragraph"
802
- data-perseus-paragraph-index="1"
758
+ class="perseus-widget-container widget-nohighlight widget-inline-block"
803
759
  >
804
- <div
805
- class="paragraph"
806
- >
807
- <div
808
- class="perseus-widget-container widget-nohighlight widget-inline-block"
809
- >
760
+ <div>
761
+ <span>
810
762
  <div>
811
- <span>
812
- <div>
813
- <input
814
- aria-label="value rounded to the nearest ten"
815
- autocapitalize="off"
816
- autocomplete="off"
817
- autocorrect="off"
818
- class="input_1t4b01j-o_O-LabelMedium_1rew30o-o_O-default_1r2dwp3-o_O-input_19vw1dn"
819
- id="input-with-examples-bnVtZXJpYy1pbnB1dCAx"
820
- type="text"
821
- value=""
763
+ <input
764
+ aria-label="value rounded to the nearest ten"
765
+ autocapitalize="off"
766
+ autocomplete="off"
767
+ autocorrect="off"
768
+ class="input_1t4b01j-o_O-LabelMedium_1rew30o-o_O-default_1r2dwp3-o_O-input_19vw1dn"
769
+ id="input-with-examples-bnVtZXJpYy1pbnB1dCAx"
770
+ type="text"
771
+ value=""
772
+ />
773
+ </div>
774
+ <div
775
+ style="position: relative; height: 0px; display: none;"
776
+ >
777
+ <div
778
+ class="tooltipContainer"
779
+ style="position: absolute; left: 0px;"
780
+ >
781
+ <div
782
+ style="display: block; position: relative; visibility: visible; left: 0px; top: -1px; width: 12px; height: 11px; margin-top: -1px; margin-bottom: -2px; z-index: 10;"
783
+ >
784
+ <div
785
+ style="display: block; height: 0px; width: 0px; position: absolute; left: 0px; top: -1px; border-right: 12px solid transparent; border-bottom: 12px solid #ccc;"
786
+ />
787
+ <div
788
+ style="display: block; height: 0px; width: 0px; position: absolute; left: 1px; top: 1px; border-right: 10px solid transparent; border-bottom: 10px solid white;"
822
789
  />
823
790
  </div>
824
791
  <div
825
- style="position: relative; height: 0px; display: none;"
792
+ class="perseus-formats-tooltip preview-measure"
793
+ style="position: relative; top: 0px; left: 0px; border: 1px solid #ccc; box-shadow: 0 1px 3px #ccc; z-index: 9;"
826
794
  >
827
795
  <div
828
- class="tooltipContainer"
829
- style="position: absolute; left: 0px;"
796
+ id="input-with-examples-bnVtZXJpYy1pbnB1dCAx"
830
797
  >
831
798
  <div
832
- style="display: block; position: relative; visibility: visible; left: 0px; top: -1px; width: 12px; height: 11px; margin-top: -1px; margin-bottom: -2px; z-index: 10;"
799
+ class="perseus-renderer perseus-renderer-responsive"
833
800
  >
834
801
  <div
835
- style="display: block; height: 0px; width: 0px; position: absolute; left: 0px; top: -1px; border-right: 12px solid transparent; border-bottom: 12px solid #ccc;"
836
- />
837
- <div
838
- style="display: block; height: 0px; width: 0px; position: absolute; left: 1px; top: 1px; border-right: 10px solid transparent; border-bottom: 10px solid white;"
839
- />
840
- </div>
841
- <div
842
- class="perseus-formats-tooltip preview-measure"
843
- style="position: relative; top: 0px; left: 0px; border: 1px solid #ccc; box-shadow: 0 1px 3px #ccc; z-index: 9;"
844
- >
845
- <div
846
- id="input-with-examples-bnVtZXJpYy1pbnB1dCAx"
802
+ class="paragraph"
803
+ data-perseus-paragraph-index="0"
847
804
  >
848
- <span
849
- class="mock-KatexProvider"
850
- >
851
- <div
852
- class="perseus-renderer perseus-renderer-responsive"
853
- >
854
- <div
855
- class="paragraph"
856
- data-perseus-paragraph-index="0"
805
+ <ul>
806
+ <li>
807
+ <strong>
808
+ Your answer should be
809
+ </strong>
810
+ </li>
811
+ <li>
812
+ an integer, like
813
+ <span
814
+ style="white-space: nowrap;"
857
815
  >
858
- <ul>
859
- <li>
860
- <strong>
861
- Your answer should be
862
- </strong>
863
- </li>
864
- <li>
865
- an integer, like
866
- <span
867
- style="white-space: nowrap;"
868
- >
869
- <span />
870
- <span
871
- class="mock-TeX"
872
- >
873
- 6
874
- </span>
875
- <span />
876
- </span>
877
- </li>
878
- <li>
879
- a
880
- <em>
881
- simplified proper
882
- </em>
883
- fraction, like
884
- <span
885
- style="white-space: nowrap;"
886
- >
887
- <span />
888
- <span
889
- class="mock-TeX"
890
- >
891
- 3/5
892
- </span>
893
- <span />
894
- </span>
895
- </li>
896
- <li>
897
- a
898
- <em>
899
- simplified improper
900
- </em>
901
- fraction, like
902
- <span
903
- style="white-space: nowrap;"
904
- >
905
- <span />
906
- <span
907
- class="mock-TeX"
908
- >
909
- 7/4
910
- </span>
911
- <span />
912
- </span>
913
- </li>
914
- <li>
915
- a mixed number, like
916
- <span
917
- style="white-space: nowrap;"
918
- >
919
- <span />
920
- <span
921
- class="mock-TeX"
922
- >
923
- 1\\ 3/4
924
- </span>
925
- <span />
926
- </span>
927
- </li>
928
- <li>
929
- an
930
- <em>
931
- exact
932
- </em>
933
- decimal, like
934
- <span
935
- style="white-space: nowrap;"
936
- >
937
- <span />
938
- <span
939
- class="mock-TeX"
940
- >
941
- 0.75
942
- </span>
943
- <span />
944
- </span>
945
- </li>
946
- <li>
947
- a multiple of pi, like
948
- <span
949
- style="white-space: nowrap;"
950
- >
951
- <span />
952
- <span
953
- class="mock-TeX"
954
- >
955
- 12\\ \\text{pi}
956
- </span>
957
- <span />
958
- </span>
959
- or
960
- <span
961
- style="white-space: nowrap;"
962
- >
963
- <span />
964
- <span
965
- class="mock-TeX"
966
- >
967
- 2/3\\ \\text{pi}
968
- </span>
969
- <span />
970
- </span>
971
- </li>
972
- </ul>
973
- </div>
974
- </div>
975
- </span>
816
+ <span />
817
+ <span
818
+ class="mock-TeX"
819
+ >
820
+ 6
821
+ </span>
822
+ <span />
823
+ </span>
824
+ </li>
825
+ <li>
826
+ a
827
+ <em>
828
+ simplified proper
829
+ </em>
830
+ fraction, like
831
+ <span
832
+ style="white-space: nowrap;"
833
+ >
834
+ <span />
835
+ <span
836
+ class="mock-TeX"
837
+ >
838
+ 3/5
839
+ </span>
840
+ <span />
841
+ </span>
842
+ </li>
843
+ <li>
844
+ a
845
+ <em>
846
+ simplified improper
847
+ </em>
848
+ fraction, like
849
+ <span
850
+ style="white-space: nowrap;"
851
+ >
852
+ <span />
853
+ <span
854
+ class="mock-TeX"
855
+ >
856
+ 7/4
857
+ </span>
858
+ <span />
859
+ </span>
860
+ </li>
861
+ <li>
862
+ a mixed number, like
863
+ <span
864
+ style="white-space: nowrap;"
865
+ >
866
+ <span />
867
+ <span
868
+ class="mock-TeX"
869
+ >
870
+ 1\\ 3/4
871
+ </span>
872
+ <span />
873
+ </span>
874
+ </li>
875
+ <li>
876
+ an
877
+ <em>
878
+ exact
879
+ </em>
880
+ decimal, like
881
+ <span
882
+ style="white-space: nowrap;"
883
+ >
884
+ <span />
885
+ <span
886
+ class="mock-TeX"
887
+ >
888
+ 0.75
889
+ </span>
890
+ <span />
891
+ </span>
892
+ </li>
893
+ <li>
894
+ a multiple of pi, like
895
+ <span
896
+ style="white-space: nowrap;"
897
+ >
898
+ <span />
899
+ <span
900
+ class="mock-TeX"
901
+ >
902
+ 12\\ \\text{pi}
903
+ </span>
904
+ <span />
905
+ </span>
906
+ or
907
+ <span
908
+ style="white-space: nowrap;"
909
+ >
910
+ <span />
911
+ <span
912
+ class="mock-TeX"
913
+ >
914
+ 2/3\\ \\text{pi}
915
+ </span>
916
+ <span />
917
+ </span>
918
+ </li>
919
+ </ul>
976
920
  </div>
977
921
  </div>
978
922
  </div>
979
923
  </div>
980
- </span>
924
+ </div>
981
925
  </div>
982
- </div>
926
+ </span>
983
927
  </div>
984
928
  </div>
985
- <div
986
- class="paragraph"
987
- data-perseus-paragraph-index="2"
988
- >
989
- <div
990
- class="paragraph"
929
+ </div>
930
+ </div>
931
+ <div
932
+ class="paragraph"
933
+ data-perseus-paragraph-index="2"
934
+ >
935
+ <div
936
+ class="paragraph"
937
+ >
938
+ <strong>
939
+ What is
940
+ <span
941
+ style="white-space: nowrap;"
991
942
  >
992
- <strong>
993
- What is
994
- <span
995
- style="white-space: nowrap;"
996
- >
997
- <span />
998
- <span
999
- class="mock-TeX"
1000
- >
1001
- \\redD{\\text{A}}
1002
- </span>
1003
- <span />
1004
- </span>
1005
- rounded to the nearest hundred?
1006
- </strong>
1007
-
1008
- </div>
1009
- </div>
943
+ <span />
944
+ <span
945
+ class="mock-TeX"
946
+ >
947
+ \\redD{\\text{A}}
948
+ </span>
949
+ <span />
950
+ </span>
951
+ rounded to the nearest hundred?
952
+ </strong>
953
+
954
+ </div>
955
+ </div>
956
+ <div
957
+ class="paragraph"
958
+ data-perseus-paragraph-index="3"
959
+ >
960
+ <div
961
+ class="paragraph"
962
+ >
1010
963
  <div
1011
- class="paragraph"
1012
- data-perseus-paragraph-index="3"
964
+ class="perseus-widget-container widget-nohighlight widget-inline-block"
1013
965
  >
1014
- <div
1015
- class="paragraph"
1016
- >
1017
- <div
1018
- class="perseus-widget-container widget-nohighlight widget-inline-block"
1019
- >
966
+ <div>
967
+ <span>
1020
968
  <div>
1021
- <span>
1022
- <div>
1023
- <input
1024
- aria-label="value rounded to the nearest hundred"
1025
- autocapitalize="off"
1026
- autocomplete="off"
1027
- autocorrect="off"
1028
- class="input_1t4b01j-o_O-LabelMedium_1rew30o-o_O-default_1r2dwp3-o_O-input_19vw1dn"
1029
- id="input-with-examples-bnVtZXJpYy1pbnB1dCAy"
1030
- type="text"
1031
- value=""
969
+ <input
970
+ aria-label="value rounded to the nearest hundred"
971
+ autocapitalize="off"
972
+ autocomplete="off"
973
+ autocorrect="off"
974
+ class="input_1t4b01j-o_O-LabelMedium_1rew30o-o_O-default_1r2dwp3-o_O-input_19vw1dn"
975
+ id="input-with-examples-bnVtZXJpYy1pbnB1dCAy"
976
+ type="text"
977
+ value=""
978
+ />
979
+ </div>
980
+ <div
981
+ style="position: relative; height: 0px; display: none;"
982
+ >
983
+ <div
984
+ class="tooltipContainer"
985
+ style="position: absolute; left: 0px;"
986
+ >
987
+ <div
988
+ style="display: block; position: relative; visibility: visible; left: 0px; top: -1px; width: 12px; height: 11px; margin-top: -1px; margin-bottom: -2px; z-index: 10;"
989
+ >
990
+ <div
991
+ style="display: block; height: 0px; width: 0px; position: absolute; left: 0px; top: -1px; border-right: 12px solid transparent; border-bottom: 12px solid #ccc;"
992
+ />
993
+ <div
994
+ style="display: block; height: 0px; width: 0px; position: absolute; left: 1px; top: 1px; border-right: 10px solid transparent; border-bottom: 10px solid white;"
1032
995
  />
1033
996
  </div>
1034
997
  <div
1035
- style="position: relative; height: 0px; display: none;"
998
+ class="perseus-formats-tooltip preview-measure"
999
+ style="position: relative; top: 0px; left: 0px; border: 1px solid #ccc; box-shadow: 0 1px 3px #ccc; z-index: 9;"
1036
1000
  >
1037
1001
  <div
1038
- class="tooltipContainer"
1039
- style="position: absolute; left: 0px;"
1002
+ id="input-with-examples-bnVtZXJpYy1pbnB1dCAy"
1040
1003
  >
1041
1004
  <div
1042
- style="display: block; position: relative; visibility: visible; left: 0px; top: -1px; width: 12px; height: 11px; margin-top: -1px; margin-bottom: -2px; z-index: 10;"
1005
+ class="perseus-renderer perseus-renderer-responsive"
1043
1006
  >
1044
1007
  <div
1045
- style="display: block; height: 0px; width: 0px; position: absolute; left: 0px; top: -1px; border-right: 12px solid transparent; border-bottom: 12px solid #ccc;"
1046
- />
1047
- <div
1048
- style="display: block; height: 0px; width: 0px; position: absolute; left: 1px; top: 1px; border-right: 10px solid transparent; border-bottom: 10px solid white;"
1049
- />
1050
- </div>
1051
- <div
1052
- class="perseus-formats-tooltip preview-measure"
1053
- style="position: relative; top: 0px; left: 0px; border: 1px solid #ccc; box-shadow: 0 1px 3px #ccc; z-index: 9;"
1054
- >
1055
- <div
1056
- id="input-with-examples-bnVtZXJpYy1pbnB1dCAy"
1008
+ class="paragraph"
1009
+ data-perseus-paragraph-index="0"
1057
1010
  >
1058
- <span
1059
- class="mock-KatexProvider"
1060
- >
1061
- <div
1062
- class="perseus-renderer perseus-renderer-responsive"
1063
- >
1064
- <div
1065
- class="paragraph"
1066
- data-perseus-paragraph-index="0"
1011
+ <ul>
1012
+ <li>
1013
+ <strong>
1014
+ Your answer should be
1015
+ </strong>
1016
+ </li>
1017
+ <li>
1018
+ an integer, like
1019
+ <span
1020
+ style="white-space: nowrap;"
1067
1021
  >
1068
- <ul>
1069
- <li>
1070
- <strong>
1071
- Your answer should be
1072
- </strong>
1073
- </li>
1074
- <li>
1075
- an integer, like
1076
- <span
1077
- style="white-space: nowrap;"
1078
- >
1079
- <span />
1080
- <span
1081
- class="mock-TeX"
1082
- >
1083
- 6
1084
- </span>
1085
- <span />
1086
- </span>
1087
- </li>
1088
- <li>
1089
- a
1090
- <em>
1091
- simplified proper
1092
- </em>
1093
- fraction, like
1094
- <span
1095
- style="white-space: nowrap;"
1096
- >
1097
- <span />
1098
- <span
1099
- class="mock-TeX"
1100
- >
1101
- 3/5
1102
- </span>
1103
- <span />
1104
- </span>
1105
- </li>
1106
- <li>
1107
- a
1108
- <em>
1109
- simplified improper
1110
- </em>
1111
- fraction, like
1112
- <span
1113
- style="white-space: nowrap;"
1114
- >
1115
- <span />
1116
- <span
1117
- class="mock-TeX"
1118
- >
1119
- 7/4
1120
- </span>
1121
- <span />
1122
- </span>
1123
- </li>
1124
- <li>
1125
- a mixed number, like
1126
- <span
1127
- style="white-space: nowrap;"
1128
- >
1129
- <span />
1130
- <span
1131
- class="mock-TeX"
1132
- >
1133
- 1\\ 3/4
1134
- </span>
1135
- <span />
1136
- </span>
1137
- </li>
1138
- <li>
1139
- an
1140
- <em>
1141
- exact
1142
- </em>
1143
- decimal, like
1144
- <span
1145
- style="white-space: nowrap;"
1146
- >
1147
- <span />
1148
- <span
1149
- class="mock-TeX"
1150
- >
1151
- 0.75
1152
- </span>
1153
- <span />
1154
- </span>
1155
- </li>
1156
- <li>
1157
- a multiple of pi, like
1158
- <span
1159
- style="white-space: nowrap;"
1160
- >
1161
- <span />
1162
- <span
1163
- class="mock-TeX"
1164
- >
1165
- 12\\ \\text{pi}
1166
- </span>
1167
- <span />
1168
- </span>
1169
- or
1170
- <span
1171
- style="white-space: nowrap;"
1172
- >
1173
- <span />
1174
- <span
1175
- class="mock-TeX"
1176
- >
1177
- 2/3\\ \\text{pi}
1178
- </span>
1179
- <span />
1180
- </span>
1181
- </li>
1182
- </ul>
1183
- </div>
1184
- </div>
1185
- </span>
1022
+ <span />
1023
+ <span
1024
+ class="mock-TeX"
1025
+ >
1026
+ 6
1027
+ </span>
1028
+ <span />
1029
+ </span>
1030
+ </li>
1031
+ <li>
1032
+ a
1033
+ <em>
1034
+ simplified proper
1035
+ </em>
1036
+ fraction, like
1037
+ <span
1038
+ style="white-space: nowrap;"
1039
+ >
1040
+ <span />
1041
+ <span
1042
+ class="mock-TeX"
1043
+ >
1044
+ 3/5
1045
+ </span>
1046
+ <span />
1047
+ </span>
1048
+ </li>
1049
+ <li>
1050
+ a
1051
+ <em>
1052
+ simplified improper
1053
+ </em>
1054
+ fraction, like
1055
+ <span
1056
+ style="white-space: nowrap;"
1057
+ >
1058
+ <span />
1059
+ <span
1060
+ class="mock-TeX"
1061
+ >
1062
+ 7/4
1063
+ </span>
1064
+ <span />
1065
+ </span>
1066
+ </li>
1067
+ <li>
1068
+ a mixed number, like
1069
+ <span
1070
+ style="white-space: nowrap;"
1071
+ >
1072
+ <span />
1073
+ <span
1074
+ class="mock-TeX"
1075
+ >
1076
+ 1\\ 3/4
1077
+ </span>
1078
+ <span />
1079
+ </span>
1080
+ </li>
1081
+ <li>
1082
+ an
1083
+ <em>
1084
+ exact
1085
+ </em>
1086
+ decimal, like
1087
+ <span
1088
+ style="white-space: nowrap;"
1089
+ >
1090
+ <span />
1091
+ <span
1092
+ class="mock-TeX"
1093
+ >
1094
+ 0.75
1095
+ </span>
1096
+ <span />
1097
+ </span>
1098
+ </li>
1099
+ <li>
1100
+ a multiple of pi, like
1101
+ <span
1102
+ style="white-space: nowrap;"
1103
+ >
1104
+ <span />
1105
+ <span
1106
+ class="mock-TeX"
1107
+ >
1108
+ 12\\ \\text{pi}
1109
+ </span>
1110
+ <span />
1111
+ </span>
1112
+ or
1113
+ <span
1114
+ style="white-space: nowrap;"
1115
+ >
1116
+ <span />
1117
+ <span
1118
+ class="mock-TeX"
1119
+ >
1120
+ 2/3\\ \\text{pi}
1121
+ </span>
1122
+ <span />
1123
+ </span>
1124
+ </li>
1125
+ </ul>
1186
1126
  </div>
1187
1127
  </div>
1188
1128
  </div>
1189
1129
  </div>
1190
- </span>
1130
+ </div>
1191
1131
  </div>
1192
- </div>
1132
+ </span>
1193
1133
  </div>
1194
1134
  </div>
1135
+ </div>
1136
+ </div>
1137
+ <div
1138
+ class="paragraph"
1139
+ data-perseus-paragraph-index="4"
1140
+ >
1141
+ <div
1142
+ class="paragraph"
1143
+ >
1195
1144
  <div
1196
- class="paragraph"
1197
- data-perseus-paragraph-index="4"
1145
+ class="perseus-widget-container widget-nohighlight widget-block"
1198
1146
  >
1199
1147
  <div
1200
- class="paragraph"
1148
+ class="perseus-image-widget"
1201
1149
  >
1202
1150
  <div
1203
- class="perseus-widget-container widget-nohighlight widget-block"
1151
+ class="fixed-to-responsive svg-image"
1152
+ style="max-width: 380px; max-height: 80px;"
1204
1153
  >
1205
1154
  <div
1206
- class="perseus-image-widget"
1155
+ style="padding-bottom: 21.05%;"
1156
+ />
1157
+ <span
1158
+ style="top: 0px; left: 0px; width: 100%; height: 100%; position: absolute; min-width: 20px; display: flex; justify-content: center; align-content: center;"
1207
1159
  >
1208
1160
  <div
1209
- class="fixed-to-responsive svg-image"
1210
- style="max-width: 380px; max-height: 80px;"
1161
+ class="default_xu2jcg-o_O-spinnerContainer_agrn11"
1211
1162
  >
1212
- <div
1213
- style="padding-bottom: 21.05%;"
1214
- />
1215
- <span
1216
- style="top: 0px; left: 0px; width: 100%; height: 100%; position: absolute; min-width: 20px; display: flex; justify-content: center; align-content: center;"
1163
+ <svg
1164
+ height="48"
1165
+ viewBox="0 0 48 48"
1166
+ width="48"
1167
+ xmlns="http://www.w3.org/2000/svg"
1217
1168
  >
1218
- <div
1219
- class="default_xu2jcg-o_O-spinnerContainer_agrn11"
1220
- >
1221
- <svg
1222
- height="48"
1223
- viewBox="0 0 48 48"
1224
- width="48"
1225
- xmlns="http://www.w3.org/2000/svg"
1226
- >
1227
- <path
1228
- class="loadingSpinner_1dvgeb3-o_O-inlineStyles_1kzk0y9"
1229
- d="M44.19 23.455a1.91 1.91 0 1 1 3.801 0h.003c.004.18.006.363.006.545 0 13.255-10.745 24-24 24S0 37.255 0 24 10.745 0 24 0c.182 0 .364.002.545.006V.01a1.91 1.91 0 1 1 0 3.801v.015A20.564 20.564 0 0 0 24 3.818C12.854 3.818 3.818 12.854 3.818 24c0 11.146 9.036 20.182 20.182 20.182 11.146 0 20.182-9.036 20.182-20.182 0-.182-.003-.364-.007-.545h.015z"
1230
- fill-rule="nonzero"
1231
- />
1232
- </svg>
1233
- </div>
1234
- </span>
1169
+ <path
1170
+ class="loadingSpinner_1dvgeb3-o_O-inlineStyles_1kzk0y9"
1171
+ d="M44.19 23.455a1.91 1.91 0 1 1 3.801 0h.003c.004.18.006.363.006.545 0 13.255-10.745 24-24 24S0 37.255 0 24 10.745 0 24 0c.182 0 .364.002.545.006V.01a1.91 1.91 0 1 1 0 3.801v.015A20.564 20.564 0 0 0 24 3.818C12.854 3.818 3.818 12.854 3.818 24c0 11.146 9.036 20.182 20.182 20.182 11.146 0 20.182-9.036 20.182-20.182 0-.182-.003-.364-.007-.545h.015z"
1172
+ fill-rule="nonzero"
1173
+ />
1174
+ </svg>
1235
1175
  </div>
1236
- <span
1237
- class="perseus-sr-only"
1176
+ </span>
1177
+ </div>
1178
+ <span
1179
+ class="perseus-sr-only"
1180
+ >
1181
+ <div
1182
+ class="perseus-renderer perseus-renderer-responsive"
1183
+ >
1184
+ <div
1185
+ class="paragraph"
1186
+ data-perseus-paragraph-index="0"
1238
1187
  >
1239
- <span
1240
- class="mock-KatexProvider"
1188
+ <div
1189
+ class="paragraph"
1241
1190
  >
1242
- <div
1243
- class="perseus-renderer perseus-renderer-responsive"
1244
- >
1245
- <div
1246
- class="paragraph"
1247
- data-perseus-paragraph-index="0"
1248
- >
1249
- <div
1250
- class="paragraph"
1251
- >
1252
- A number line labeled 200 to 300 with tick marks at every 5 units. The tick marks at 200, 210, 220, 230, 240, 250, 260, 270, 280, 290, and 300 are labeled. A red circle labeled A is between 220 tick mark and 230 tick mark.
1253
- </div>
1254
- </div>
1255
- </div>
1256
- </span>
1257
- </span>
1191
+ A number line labeled 200 to 300 with tick marks at every 5 units. The tick marks at 200, 210, 220, 230, 240, 250, 260, 270, 280, 290, and 300 are labeled. A red circle labeled A is between 220 tick mark and 230 tick mark.
1192
+ </div>
1193
+ </div>
1258
1194
  </div>
1259
- </div>
1195
+ </span>
1260
1196
  </div>
1261
1197
  </div>
1262
1198
  </div>
1263
- </span>
1199
+ </div>
1264
1200
  </div>
1265
1201
  </div>
1266
1202
  </div>
@@ -1269,6 +1205,6 @@ exports[`group widget should snapshot: initial render 1`] = `
1269
1205
  </div>
1270
1206
  </div>
1271
1207
  </div>
1272
- </span>
1208
+ </div>
1273
1209
  </div>
1274
1210
  `;