@lls/vivi 24.24.0-a5cdcc4f → 24.24.0-a958e609

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 (3) hide show
  1. package/lib/assets/vivi.css +247 -227
  2. package/lib/index.js +424 -345
  3. package/package.json +4 -4
@@ -1,12 +1,12 @@
1
- /* css-modules:css-modules://wK1L74Mq5FwL9mbfX3dqOGRy4eMRYdwV2w0pbL1B5fo.css */
2
- .vv-tx3A0a-codemirrorWrapper {
1
+ /* css-modules:css-modules://eD3ZbgZbXV7VEYp9HeJkFZYi3jt7n_Jxom6ZaawmRdM.css */
2
+ .vv-gLJpVG-codemirrorWrapper {
3
3
  height: 100%;
4
4
  }
5
- .vv-tx3A0a-codemirrorWrapper .CodeMirror {
5
+ .vv-gLJpVG-codemirrorWrapper .CodeMirror {
6
6
  font-size: 16px;
7
7
  height: 100% !important;
8
8
  }
9
- .vv-tx3A0a-codemirrorWrapper .CodeMirror * {
9
+ .vv-gLJpVG-codemirrorWrapper .CodeMirror * {
10
10
  font-family:
11
11
  Monaco,
12
12
  Menlo,
@@ -15,140 +15,140 @@
15
15
  source-code-pro,
16
16
  monospace;
17
17
  }
18
- .vv-tx3A0a-codemirrorWrapper .CodeMirror-selectedtext {
18
+ .vv-gLJpVG-codemirrorWrapper .CodeMirror-selectedtext {
19
19
  background: #264f78 !important;
20
20
  }
21
21
 
22
- /* css-modules:css-modules://Ra5teDDyI7XcDs8B_O-RnQQdw9-pVEbFHb6JiOxsAMQ.css */
23
- .vv-9YOOua-header {
22
+ /* css-modules:css-modules://XHo30UidAngF93FnkFxou1p3HhvScigSDe6vXZ8M0zc.css */
23
+ .vv-r8X7TG-header {
24
24
  cursor: pointer;
25
25
  background-color: var(--white-color);
26
26
  padding: 5px;
27
27
  }
28
- .vv-9YOOua-header:hover {
28
+ .vv-r8X7TG-header:hover {
29
29
  background-color: #e5e5e5;
30
30
  }
31
31
 
32
- /* css-modules:css-modules://jg_mUO4hhKEmD1E9I7_8VaNgchXBF6n2mfQjQF7OzwI.css */
33
- .vv-o6yVFa-ul {
32
+ /* css-modules:css-modules://eKucDfv8ZguCLjngjM-w9uSKILU3lS9R3qQzFvFJJ5o.css */
33
+ .vv-KdKrzq-ul {
34
34
  cursor: pointer;
35
35
  margin: 0;
36
36
  padding: 6px 0 6px 24px;
37
37
  }
38
- .vv-o6yVFa-ul:hover {
38
+ .vv-KdKrzq-ul:hover {
39
39
  background-color: #e5e5e5;
40
40
  }
41
41
 
42
- /* css-modules:css-modules://xGr_gcPHe20_06BBEe4kBJIFDnBCi1Q5o8Ued27Dy74.css */
43
- .vv-XssCga-mathsElement {
42
+ /* css-modules:css-modules://Nu_JPgDJpt8VhaodRU7G31xqvHWf4y6sKU3M-PTk_qg.css */
43
+ .vv-YlKima-mathsElement {
44
44
  cursor: pointer;
45
45
  margin: 0;
46
46
  padding: 6px;
47
47
  }
48
- .vv-XssCga-mathsElement:hover {
48
+ .vv-YlKima-mathsElement:hover {
49
49
  background-color: #e5e5e5;
50
50
  }
51
51
 
52
- /* css-modules:css-modules://XYPa9ItXHlAVVputu2L5CTASJmfZzNUgzX8rB1ND2fg.css */
53
- .vv-Dcbpoa-ol {
52
+ /* css-modules:css-modules://J7Dmm9scS1wQ5_QUcUVhp9fmeuV7uUQSUCr4OSQSzNA.css */
53
+ .vv-B5VxTW-ol {
54
54
  cursor: pointer;
55
55
  border-right: 1px solid #e5e5e5;
56
56
  margin: 0;
57
57
  padding: 6px 5px 6px 26px;
58
58
  display: inline-block;
59
59
  }
60
- .vv-Dcbpoa-ol:last-of-type {
60
+ .vv-B5VxTW-ol:last-of-type {
61
61
  border-right: none;
62
62
  }
63
- .vv-Dcbpoa-ol:hover {
63
+ .vv-B5VxTW-ol:hover {
64
64
  background-color: #e5e5e5;
65
65
  }
66
66
 
67
- /* css-modules:css-modules://dMhKdFghtWsOvoIXtZ6ahU8536aXpSs2X99J11zr0JM.css */
68
- .vv-Nhi7qW-question {
67
+ /* css-modules:css-modules://pFO6DymkYEt8ilkWoky1Yt_1BXTpmQ3ft-ppnuvS6kA.css */
68
+ .vv-db_C3G-question {
69
69
  cursor: pointer;
70
70
  padding: 5px;
71
71
  }
72
- .vv-Nhi7qW-question:hover {
72
+ .vv-db_C3G-question:hover {
73
73
  background-color: #e5e5e5;
74
74
  }
75
75
 
76
- /* css-modules:css-modules://M7Umk9wU9CWCYYILyeCePpTgnAcZjehPvZMNkSAnllI.css */
77
- .vv-Ac7kZa-stamp {
76
+ /* css-modules:css-modules://yf7anGBmjTVh4VbrqVUkft6CWKNie4kmpMsQ0yyZb3Q.css */
77
+ .vv-J4OKgG-stamp {
78
78
  cursor: pointer;
79
79
  padding: 5px;
80
80
  }
81
- .vv-Ac7kZa-stamp:hover {
81
+ .vv-J4OKgG-stamp:hover {
82
82
  background-color: #e5e5e5;
83
83
  }
84
84
 
85
- /* css-modules:css-modules://50muUoPK1F3FfB5qnNH34gNl9R2ZkxRN_Q_RJCTWsIg.css */
86
- .vv-X2m78W-cell {
85
+ /* css-modules:css-modules://jkpCxh5stMW_8nLMRfngLhQLjo4iyaKxbQ0_R8L59qE.css */
86
+ .vv-5_wPUG-cell {
87
87
  width: var(--v-cell-width);
88
88
  height: var(--v-cell-height);
89
89
  background-color: #999;
90
90
  }
91
- .vv-X2m78W-cell:hover {
91
+ .vv-5_wPUG-cell:hover {
92
92
  background-color: #444;
93
93
  }
94
- .vv-X2m78W-cell[data-isselected="1"] {
94
+ .vv-5_wPUG-cell[data-isselected="1"] {
95
95
  background-color: #444;
96
96
  }
97
- .vv-X2m78W-header {
97
+ .vv-5_wPUG-header {
98
98
  text-align: center;
99
99
  }
100
- .vv-X2m78W-grid {
100
+ .vv-5_wPUG-grid {
101
101
  width: var(--v-line-width);
102
102
  }
103
- .vv-X2m78W-line {
103
+ .vv-5_wPUG-line {
104
104
  margin-bottom: var(--v-cell-margin);
105
105
  justify-content: space-between;
106
106
  display: flex;
107
107
  }
108
- .vv-X2m78W-line:last-of-type {
108
+ .vv-5_wPUG-line:last-of-type {
109
109
  margin-bottom: 0;
110
110
  }
111
111
 
112
- /* css-modules:css-modules://hTCSshuymakywdv4FRxYHFwAWwnGzBzWwg1Oc_OGnWU.css */
113
- .vv-OyGf_G-h1 {
112
+ /* css-modules:css-modules://38e7RYCOPV0YgmnFlAw7VvQU-uYTU2wvITxGxbLpXkY.css */
113
+ .vv-xJuirq-h1 {
114
114
  font-size: 24px;
115
115
  }
116
- .vv-OyGf_G-h2 {
116
+ .vv-xJuirq-h2 {
117
117
  font-size: 22px;
118
118
  }
119
- .vv-OyGf_G-h3 {
119
+ .vv-xJuirq-h3 {
120
120
  font-size: 20px;
121
121
  }
122
- .vv-OyGf_G-h4 {
122
+ .vv-xJuirq-h4 {
123
123
  font-size: 18px;
124
124
  }
125
- .vv-OyGf_G-body1 {
125
+ .vv-xJuirq-body1 {
126
126
  font-size: 16px;
127
127
  }
128
- .vv-OyGf_G-body2 {
128
+ .vv-xJuirq-body2 {
129
129
  font-size: 14px;
130
130
  }
131
- .vv-OyGf_G-body3 {
131
+ .vv-xJuirq-body3 {
132
132
  font-size: 12px;
133
133
  }
134
- .vv-OyGf_G-title {
134
+ .vv-xJuirq-title {
135
135
  cursor: pointer;
136
136
  padding: 5px;
137
137
  }
138
- .vv-OyGf_G-title:hover {
138
+ .vv-xJuirq-title:hover {
139
139
  background-color: #e5e5e5;
140
140
  }
141
141
 
142
- /* css-modules:css-modules://TGO3z1urZdVX9Zt0eQAyVybNMwobmB7TCwoQwJcrexo.css */
143
- .vv-PV-XNq-span {
142
+ /* css-modules:css-modules://GcunvNDA8gmt8yC5NzALhbjCPHK6eMBxIsmxpKJ2ASo.css */
143
+ .vv-YV1XEG-span {
144
144
  display: inline-flex;
145
145
  }
146
- .vv-PV-XNq-editorToolbar {
146
+ .vv-YV1XEG-editorToolbar {
147
147
  border-bottom: 1px solid #3a3a3a;
148
148
  }
149
149
 
150
- /* css-modules:css-modules://yPVg9gCtqPPAIq-D_P1U0lnpLp7BtZ-R7nrC9SHVTk0.css */
151
- .vv-PU6f_q-handle {
150
+ /* css-modules:css-modules://X18wv13BcfbQvmFWavwMAGFJ7H-VjANKOWwSQ0PxORo.css */
151
+ .vv-ewgyKa-handle {
152
152
  z-index: 1;
153
153
  user-select: none;
154
154
  top: var(--v-top);
@@ -159,25 +159,25 @@
159
159
  position: absolute;
160
160
  }
161
161
 
162
- /* css-modules:css-modules://BoTNuocCH7eArpSNKVdh5ITI1BtQZRceJ5JSyKhiajM.css */
163
- .vv-Xqf6cG-rnd {
162
+ /* css-modules:css-modules://5okp4jO5whgwjerPip0sBxhRXtU1bxOxH5aDyAv83N4.css */
163
+ .vv-5R1U5a-rnd {
164
164
  z-index: var(--z-viewer-editor);
165
165
  background-color: #333;
166
166
  flex-direction: column;
167
167
  display: flex;
168
168
  box-shadow: 0 0 5px #00000057;
169
169
  }
170
- .vv-Xqf6cG-header {
170
+ .vv-5R1U5a-header {
171
171
  text-align: right;
172
172
  cursor: grab;
173
173
  background-color: #4e4e4e;
174
174
  height: 24px;
175
175
  }
176
- .vv-Xqf6cG-wrapper {
176
+ .vv-5R1U5a-wrapper {
177
177
  flex-grow: 1;
178
178
  overflow-y: auto;
179
179
  }
180
- .vv-Xqf6cG-errorBanner {
180
+ .vv-5R1U5a-errorBanner {
181
181
  color: #fff;
182
182
  white-space: nowrap;
183
183
  background: red;
@@ -189,8 +189,8 @@
189
189
  overflow: hidden;
190
190
  }
191
191
 
192
- /* css-modules:css-modules://WrYp8OcOzUrPyW_AW7SA5ZcBbjJjuyt5iALSSoOduU0.css */
193
- .vv-SOgB7q-toolbar {
192
+ /* css-modules:css-modules://ArFJY8HDt9qhj7P7Zh_d-C1-6ndtCjVRU39-Mq04m-k.css */
193
+ .vv-GObRfq-toolbar {
194
194
  z-index: var(--z-document-toolbar);
195
195
  box-sizing: border-box;
196
196
  transition: all .2s ease-in-out;
@@ -198,19 +198,19 @@
198
198
  position: absolute;
199
199
  top: 0;
200
200
  }
201
- .vv-SOgB7q-toolbar:hover {
201
+ .vv-GObRfq-toolbar:hover {
202
202
  opacity: 1;
203
203
  }
204
204
  @media print {
205
- .vv-SOgB7q-toolbar {
205
+ .vv-GObRfq-toolbar {
206
206
  display: none;
207
207
  }
208
208
  }
209
- .vv-SOgB7q-parentToolbar {
209
+ .vv-GObRfq-parentToolbar {
210
210
  opacity: 1;
211
211
  position: static;
212
212
  }
213
- .vv-SOgB7q-toggleMenuButton {
213
+ .vv-GObRfq-toggleMenuButton {
214
214
  z-index: 3;
215
215
  color: #333;
216
216
  opacity: .7;
@@ -227,8 +227,8 @@
227
227
  position: absolute;
228
228
  }
229
229
 
230
- /* css-modules:css-modules://qirArq5xHbKBdOy7Lwuv93KJUZmqct0mgngeiEDQ110.css */
231
- .vv-g4qqgW-errorBoundary {
230
+ /* css-modules:css-modules://gXzXaDoe1w8VWM7X5kUY0eyiHlG2SpmhWPG8JH7kWGA.css */
231
+ .vv-F0vt2a-errorBoundary {
232
232
  box-sizing: border-box;
233
233
  background: #ffefef;
234
234
  border-radius: 8px;
@@ -236,7 +236,7 @@
236
236
  padding: 10px 20px;
237
237
  overflow: scroll;
238
238
  }
239
- .vv-g4qqgW-errorBoundary textarea {
239
+ .vv-F0vt2a-errorBoundary textarea {
240
240
  color: red;
241
241
  box-sizing: border-box;
242
242
  resize: none;
@@ -253,8 +253,8 @@
253
253
  overflow-y: scroll;
254
254
  }
255
255
 
256
- /* css-modules:css-modules://HQFGdRdihKNEw-JDSr5S_UJ0pBfjspyQ6L7YpCF1nzY.css */
257
- .vv--3QcbW-editGrid {
256
+ /* css-modules:css-modules://jXrFn6xqdoJog7y7DaxjHs3IRREm-ccUUA5en6tAgOo.css */
257
+ .vv-SPItJG-editGrid {
258
258
  --kit-button-margin: 0;
259
259
  box-sizing: border-box;
260
260
  align-items: start;
@@ -264,7 +264,7 @@
264
264
  padding: 16px;
265
265
  display: flex;
266
266
  }
267
- .vv--3QcbW-interface {
267
+ .vv-SPItJG-interface {
268
268
  box-sizing: border-box;
269
269
  background: var(--gray-5-color);
270
270
  border-radius: 8px;
@@ -278,10 +278,10 @@
278
278
  overflow-y: auto;
279
279
  box-shadow: 0 4px 4px #04224d1f;
280
280
  }
281
- .vv--3QcbW-interface h2 {
281
+ .vv-SPItJG-interface h2 {
282
282
  margin: 0 0 16px;
283
283
  }
284
- .vv--3QcbW-interfaceHeader {
284
+ .vv-SPItJG-interfaceHeader {
285
285
  z-index: 1;
286
286
  background: var(--gray-5-color);
287
287
  flex-direction: column;
@@ -293,25 +293,25 @@
293
293
  position: sticky;
294
294
  top: 0;
295
295
  }
296
- .vv--3QcbW-col {
296
+ .vv-SPItJG-col {
297
297
  flex-direction: column;
298
298
  align-items: stretch;
299
299
  gap: 8px;
300
300
  width: 100%;
301
301
  display: flex;
302
302
  }
303
- .vv--3QcbW-row {
303
+ .vv-SPItJG-row {
304
304
  align-items: center;
305
305
  gap: 8px;
306
306
  display: flex;
307
307
  }
308
- .vv--3QcbW-zonePicture {
308
+ .vv-SPItJG-zonePicture {
309
309
  box-sizing: border-box;
310
310
  }
311
- .vv--3QcbW-zonePictureInner {
311
+ .vv-SPItJG-zonePictureInner {
312
312
  outline: 4px solid var(--v-grid-zone-picture-color);
313
313
  }
314
- .vv--3QcbW-zone {
314
+ .vv-SPItJG-zone {
315
315
  box-sizing: border-box;
316
316
  --kit-button-margin: 0 2px;
317
317
  background: #fff;
@@ -322,49 +322,49 @@
322
322
  display: flex;
323
323
  box-shadow: 0 4px 4px #04224d1f;
324
324
  }
325
- .vv--3QcbW-zone .vv--3QcbW-row {
325
+ .vv-SPItJG-zone .vv-SPItJG-row {
326
326
  flex-wrap: wrap;
327
327
  justify-content: space-between;
328
328
  }
329
- .vv--3QcbW-zone h4 {
329
+ .vv-SPItJG-zone h4 {
330
330
  margin: 0;
331
331
  }
332
- .vv--3QcbW-zone .vv--3QcbW-zonePicture {
332
+ .vv-SPItJG-zone .vv-SPItJG-zonePicture {
333
333
  width: 100%;
334
334
  height: 120px;
335
335
  display: flex;
336
336
  }
337
- .vv--3QcbW-docs {
337
+ .vv-SPItJG-docs {
338
338
  flex-direction: column;
339
339
  gap: 16px;
340
340
  display: flex;
341
341
  }
342
- .vv--3QcbW-angleValue {
342
+ .vv-SPItJG-angleValue {
343
343
  text-align: center;
344
344
  width: 36px;
345
345
  display: inline-block;
346
346
  }
347
347
 
348
- /* css-modules:css-modules://asWdQoGl8T9HT9HYiwuWYXRTmRlevCr0yrhPFPs2TKo.css */
349
- .vv-OvMAka-container {
348
+ /* css-modules:css-modules://3waK8151fLDL-rcOPhvhJFdeo9zxlHv3fbsDkDX0gxE.css */
349
+ .vv-dLArjq-container {
350
350
  justify-content: center;
351
351
  align-items: center;
352
352
  max-width: 100%;
353
353
  min-height: 54px;
354
354
  display: flex;
355
355
  }
356
- .vv-OvMAka-audio {
356
+ .vv-dLArjq-audio {
357
357
  max-width: 100%;
358
358
  }
359
359
 
360
- /* css-modules:css-modules://dlTTUMrpYi_sOA6sRtEWMCll7scIKvlu5VgaeyzOu90.css */
361
- .vv-9Qh94G-container {
360
+ /* css-modules:css-modules://ltdDIuLFELgtrg9uS-N81EFuCIHJZQ4yrMdRgcDN1QI.css */
361
+ .vv-bHBj7a-container {
362
362
  width: 100%;
363
363
  height: 100%;
364
364
  }
365
365
 
366
- /* css-modules:css-modules://uPJaM6NJ7YYmxkH17n6y1OcnaYD1hdeUTVs2Zupx-Rk.css */
367
- .vv-wazDwq-container {
366
+ /* css-modules:css-modules://7LYQJKNrPfDGKYmwGZX9PM64aoM4nkq0K1m-2P8LhQo.css */
367
+ .vv-ShaIHq-container {
368
368
  aspect-ratio: 16 / 9;
369
369
  overflow-wrap: normal;
370
370
  justify-content: center;
@@ -372,33 +372,33 @@
372
372
  max-width: 100%;
373
373
  display: flex;
374
374
  }
375
- .vv-wazDwq-video {
375
+ .vv-ShaIHq-video {
376
376
  max-width: 100%;
377
377
  }
378
378
 
379
- /* css-modules:css-modules://HMuVy4AhK_AwOwaMQM8thkfcQlTQ_l2eqrFGTEXeADs.css */
380
- .vv-OcJUga-col {
379
+ /* css-modules:css-modules://jM1YDHEpoRrzXXNKY8GDo8fPWdWDTxzOodM8THO9UdY.css */
380
+ .vv-vCTMPq-col {
381
381
  flex-direction: column;
382
382
  align-items: stretch;
383
383
  gap: 8px;
384
384
  width: 100%;
385
385
  display: flex;
386
386
  }
387
- .vv-OcJUga-row {
387
+ .vv-vCTMPq-row {
388
388
  align-items: center;
389
389
  gap: 8px;
390
390
  display: flex;
391
391
  }
392
- .vv-OcJUga-zonePicture {
392
+ .vv-vCTMPq-zonePicture {
393
393
  box-sizing: border-box;
394
394
  width: 100%;
395
395
  height: 120px;
396
396
  display: flex;
397
397
  }
398
- .vv-OcJUga-zonePictureInner {
398
+ .vv-vCTMPq-zonePictureInner {
399
399
  outline: 4px solid var(--v-grid-zone-picture-color);
400
400
  }
401
- .vv-OcJUga-zone {
401
+ .vv-vCTMPq-zone {
402
402
  box-sizing: border-box;
403
403
  --kit-button-margin: 0 2px;
404
404
  background: #fff;
@@ -409,14 +409,14 @@
409
409
  display: flex;
410
410
  box-shadow: 0 4px 4px #04224d1f;
411
411
  }
412
- .vv-OcJUga-zone .vv-OcJUga-row {
412
+ .vv-vCTMPq-zone .vv-vCTMPq-row {
413
413
  flex-wrap: wrap;
414
414
  justify-content: space-between;
415
415
  }
416
- .vv-OcJUga-zone h3 {
416
+ .vv-vCTMPq-zone h3 {
417
417
  margin: 0;
418
418
  }
419
- .vv-OcJUga-stickyElementsList {
419
+ .vv-vCTMPq-stickyElementsList {
420
420
  z-index: 1;
421
421
  background: #fff;
422
422
  flex-direction: column;
@@ -425,7 +425,7 @@
425
425
  position: sticky;
426
426
  top: 0;
427
427
  }
428
- .vv-OcJUga-addZone {
428
+ .vv-vCTMPq-addZone {
429
429
  border: 2px dashed var(--primary-40-color);
430
430
  border-radius: 16px;
431
431
  flex-direction: column;
@@ -433,15 +433,15 @@
433
433
  padding: 16px;
434
434
  display: flex;
435
435
  }
436
- .vv-OcJUga-addZone > h3 {
436
+ .vv-vCTMPq-addZone > h3 {
437
437
  margin: 0;
438
438
  }
439
- .vv-OcJUga-addZoneButtons {
439
+ .vv-vCTMPq-addZoneButtons {
440
440
  grid-template-columns: 1fr 1fr;
441
441
  gap: 8px;
442
442
  display: grid;
443
443
  }
444
- .vv-OcJUga-contentMdDoc {
444
+ .vv-vCTMPq-contentMdDoc {
445
445
  box-sizing: border-box;
446
446
  border: 4px solid var(--v-grid-zone-picture-color);
447
447
  background: #fff;
@@ -449,7 +449,7 @@
449
449
  margin-top: 46px;
450
450
  position: relative;
451
451
  }
452
- .vv-OcJUga-mediaContainer {
452
+ .vv-vCTMPq-mediaContainer {
453
453
  box-sizing: border-box;
454
454
  background: #fff;
455
455
  border-radius: 8px;
@@ -460,22 +460,22 @@
460
460
  display: flex;
461
461
  box-shadow: 0 4px 4px #04224d1f;
462
462
  }
463
- .vv-OcJUga-rive {
463
+ .vv-vCTMPq-rive {
464
464
  aspect-ratio: 16 / 9;
465
465
  }
466
- .vv-OcJUga-leftButton {
466
+ .vv-vCTMPq-leftButton {
467
467
  z-index: var(--z-modal);
468
468
  position: fixed;
469
469
  top: calc(50% - 20px);
470
470
  left: 0;
471
471
  }
472
- .vv-OcJUga-rightButton {
472
+ .vv-vCTMPq-rightButton {
473
473
  z-index: var(--z-modal);
474
474
  position: fixed;
475
475
  top: calc(50% - 20px);
476
476
  right: 0;
477
477
  }
478
- .vv-OcJUga-properties {
478
+ .vv-vCTMPq-properties {
479
479
  box-sizing: border-box;
480
480
  --kit-button-margin: 0;
481
481
  flex-direction: column;
@@ -484,7 +484,7 @@
484
484
  padding: 16px;
485
485
  display: flex;
486
486
  }
487
- .vv-OcJUga-zoneElementsList {
487
+ .vv-vCTMPq-zoneElementsList {
488
488
  flex-direction: column;
489
489
  flex-shrink: 0;
490
490
  width: 300px;
@@ -492,7 +492,7 @@
492
492
  display: flex;
493
493
  overflow: auto;
494
494
  }
495
- .vv-OcJUga-zoneElements {
495
+ .vv-vCTMPq-zoneElements {
496
496
  box-sizing: border-box;
497
497
  --kit-button-margin: 0;
498
498
  justify-content: center;
@@ -501,14 +501,14 @@
501
501
  padding: 16px;
502
502
  display: flex;
503
503
  }
504
- .vv-OcJUga-angleValue {
504
+ .vv-vCTMPq-angleValue {
505
505
  text-align: center;
506
506
  width: 36px;
507
507
  display: inline-block;
508
508
  }
509
509
 
510
- /* css-modules:css-modules://rG3okk7udz0EeNMILjLflyHLe_vI4Q9KyktiMgLq8ms.css */
511
- .vv-Ph3Zwq-zoneMakeContainer {
510
+ /* css-modules:css-modules://jdjtrTRkzhuhXtRM5sOkMwlfq8a9PXIEy2-GFXIdz24.css */
511
+ .vv-842jvq-zoneMakeContainer {
512
512
  box-sizing: border-box;
513
513
  min-width: 0;
514
514
  max-height: 100%;
@@ -516,19 +516,19 @@
516
516
  position: relative;
517
517
  overflow: hidden auto;
518
518
  }
519
- .vv-Ph3Zwq-zoneMaker {
519
+ .vv-842jvq-zoneMaker {
520
520
  box-sizing: border-box;
521
521
  user-select: none;
522
522
  outline: 4px solid #002747;
523
523
  min-width: 0;
524
524
  position: relative;
525
525
  }
526
- .vv-Ph3Zwq-zoneMaker > img {
526
+ .vv-842jvq-zoneMaker > img {
527
527
  width: 100%;
528
528
  aspect-ratio: var(--v-grid-picture-aspect-ratio);
529
529
  display: block;
530
530
  }
531
- .vv-Ph3Zwq-pictureZone {
531
+ .vv-842jvq-pictureZone {
532
532
  box-sizing: border-box;
533
533
  top: var(--v-zonemaker-y);
534
534
  left: var(--v-zonemaker-x);
@@ -540,27 +540,27 @@
540
540
  cursor: move;
541
541
  position: absolute;
542
542
  }
543
- .vv-Ph3Zwq-pictureZone[data-selected="1"] {
543
+ .vv-842jvq-pictureZone[data-selected="1"] {
544
544
  box-shadow: 0 0 16px 4px var(--v-zonemaker-color);
545
545
  }
546
- .vv-Ph3Zwq-pictureZone[data-has-selection="0"]:hover {
546
+ .vv-842jvq-pictureZone[data-has-selection="0"]:hover {
547
547
  box-shadow: 0 0 16px 4px var(--v-zonemaker-color);
548
548
  }
549
- .vv-Ph3Zwq-pictureZone[data-type=mask] {
549
+ .vv-842jvq-pictureZone[data-type=mask] {
550
550
  opacity: .95;
551
551
  background: #fff;
552
552
  }
553
- .vv-Ph3Zwq-pictureZone:hover .vv-Ph3Zwq-settingsButton {
553
+ .vv-842jvq-pictureZone:hover .vv-842jvq-settingsButton {
554
554
  --k-button-display: inline-block;
555
555
  }
556
- .vv-Ph3Zwq-settingsButton {
556
+ .vv-842jvq-settingsButton {
557
557
  opacity: .5;
558
558
  --k-button-display: none;
559
559
  position: absolute;
560
560
  top: 0;
561
561
  right: 10px;
562
562
  }
563
- .vv-Ph3Zwq-handle {
563
+ .vv-842jvq-handle {
564
564
  top: var(--v-zonemaker-handle-top);
565
565
  left: var(--v-zonemaker-handle-left);
566
566
  outline: 4px solid var(--v-zonemaker-color);
@@ -572,11 +572,11 @@
572
572
  position: absolute;
573
573
  transform: translate(-50%, -50%);
574
574
  }
575
- .vv-Ph3Zwq-mediaContainer {
575
+ .vv-842jvq-mediaContainer {
576
576
  flex-direction: column;
577
577
  display: flex;
578
578
  }
579
- .vv-Ph3Zwq-pageDivider {
579
+ .vv-842jvq-pageDivider {
580
580
  background: var(--pk-blue-50-color);
581
581
  opacity: .1;
582
582
  width: 1px;
@@ -586,8 +586,8 @@
586
586
  left: 50%;
587
587
  }
588
588
 
589
- /* css-modules:css-modules://B7FPY7Mt55C-pW9WCvfv86bAz3zVfGKy-iJ602dwCu0.css */
590
- .vv-J49--q-zoomedPicture {
589
+ /* css-modules:css-modules://dI5mhmx4o65NOjBiqQ1f_g2eGniPP3aGrhXHHontq3A.css */
590
+ .vv-Axzhpa-zoomedPicture {
591
591
  max-width: 100%;
592
592
  max-height: 100%;
593
593
  aspect-ratio: var(--v-zoomed-picture-zone-aspect-ratio);
@@ -596,11 +596,11 @@
596
596
  position: relative;
597
597
  overflow: hidden;
598
598
  }
599
- .vv-J49--q-zoomedPicture[data-needheight="1"] {
599
+ .vv-Axzhpa-zoomedPicture[data-needheight="1"] {
600
600
  height: 100%;
601
601
  }
602
- .vv-J49--q-imgPicture,
603
- .vv-J49--q-placeholder {
602
+ .vv-Axzhpa-imgPicture,
603
+ .vv-Axzhpa-placeholder {
604
604
  width: var(--v-zoomed-picture-size);
605
605
  transform-origin: 0 0;
606
606
  user-select: none;
@@ -614,27 +614,27 @@
614
614
  top: 0;
615
615
  left: 0;
616
616
  }
617
- [data-rotation="0"] :is(.vv-J49--q-imgPicture, .vv-J49--q-placeholder) {
617
+ [data-rotation="0"] :is(.vv-Axzhpa-imgPicture, .vv-Axzhpa-placeholder) {
618
618
  width: var(--v-zoomed-picture-size);
619
619
  transform: translate(var(--v-zoomed-picture-left), var(--v-zoomed-picture-top));
620
620
  }
621
- [data-rotation="180"] :is(.vv-J49--q-imgPicture, .vv-J49--q-placeholder) {
621
+ [data-rotation="180"] :is(.vv-Axzhpa-imgPicture, .vv-Axzhpa-placeholder) {
622
622
  width: var(--v-zoomed-picture-size);
623
623
  transform: rotate(var(--v-zoomed-picture-rotation)) translate(calc(-100% - var(--v-zoomed-picture-left)), calc(-100% - var(--v-zoomed-picture-top)));
624
624
  }
625
- [data-rotation="90"] :is(.vv-J49--q-imgPicture, .vv-J49--q-placeholder) {
625
+ [data-rotation="90"] :is(.vv-Axzhpa-imgPicture, .vv-Axzhpa-placeholder) {
626
626
  width: calc(var(--v-zoomed-picture-size) / var(--v-zoomed-picture-aspect-ratio));
627
627
  transform: rotate(var(--v-zoomed-picture-rotation)) translate(calc(var(--v-zoomed-picture-left)), calc(-100% - var(--v-zoomed-picture-top)));
628
628
  }
629
- [data-rotation="270"] :is(.vv-J49--q-imgPicture, .vv-J49--q-placeholder) {
629
+ [data-rotation="270"] :is(.vv-Axzhpa-imgPicture, .vv-Axzhpa-placeholder) {
630
630
  width: calc(var(--v-zoomed-picture-size) / var(--v-zoomed-picture-aspect-ratio));
631
631
  transform: rotate(var(--v-zoomed-picture-rotation)) translate(calc(-100% - var(--v-zoomed-picture-left)), calc(var(--v-zoomed-picture-top)));
632
632
  }
633
- .vv-J49--q-generatedAsset {
633
+ .vv-Axzhpa-generatedAsset {
634
634
  max-width: 100%;
635
635
  max-height: 100%;
636
636
  }
637
- .vv-J49--q-emptyFrame {
637
+ .vv-Axzhpa-emptyFrame {
638
638
  background-color: var(--white-color);
639
639
  max-width: 100%;
640
640
  max-height: 100%;
@@ -643,23 +643,23 @@
643
643
  border-radius: 8px;
644
644
  }
645
645
 
646
- /* css-modules:css-modules://7nKRmmDoUspkukfJM2Nq_RMZT3HlcpYIDcBCDNxdihk.css */
647
- .vv-v5UrqG-item {
646
+ /* css-modules:css-modules://jCWcEzUDN_ZXU0_rF_C1tL5HzyjHWmp2McuKmBsQ7Iw.css */
647
+ .vv-RNO39q-item {
648
648
  margin: 0 16px;
649
649
  position: relative;
650
650
  }
651
- .vv-v5UrqG-item[data-isdragged="1"] {
651
+ .vv-RNO39q-item[data-isdragged="1"] {
652
652
  z-index: 1;
653
653
  }
654
- .vv-v5UrqG-dragButton {
654
+ .vv-RNO39q-dragButton {
655
655
  --kit-button-margin: 0;
656
656
  position: absolute;
657
657
  top: -10px;
658
658
  left: -10px;
659
659
  }
660
660
 
661
- /* css-modules:css-modules://jzhxSiqTypPJ1jfl2kCI5rWBISovij8z3SFBtAcnCKQ.css */
662
- .vv-veVdhG-highlight {
661
+ /* css-modules:css-modules://gZur5ZjKcA08X1mq2FI4rIgcR0aEIcu2fNZ-rZJ42Iw.css */
662
+ .vv-krqQea-highlight {
663
663
  cursor: pointer;
664
664
  box-sizing: border-box;
665
665
  mix-blend-mode: var(--vivi-highlight-mix-blend-mode, darken);
@@ -674,74 +674,74 @@
674
674
  position: relative;
675
675
  overflow: hidden;
676
676
  }
677
- .vv-veVdhG-highlight[data-type=blue][data-show="0"]:active {
677
+ .vv-krqQea-highlight[data-type=blue][data-show="0"]:active {
678
678
  outline: 1px solid var(--pk-blue-20-color);
679
679
  border: 1px solid var(--pk-blue-20-color);
680
680
  background: #b3daff80;
681
681
  }
682
- .vv-veVdhG-highlight[data-type=blue][data-show="1"] {
682
+ .vv-krqQea-highlight[data-type=blue][data-show="1"] {
683
683
  outline: 1px solid var(--pk-blue-20-color);
684
684
  border: 1px solid var(--pk-blue-20-color);
685
685
  background: #b3daff33;
686
686
  }
687
- .vv-veVdhG-highlight[data-type=blue][data-show="0"]:hover {
687
+ .vv-krqQea-highlight[data-type=blue][data-show="0"]:hover {
688
688
  outline: 1px solid var(--pk-blue-20-color);
689
689
  border: 1px solid var(--pk-blue-20-color);
690
690
  background: #b3daff33;
691
691
  }
692
- .vv-veVdhG-highlight[data-type=purple][data-show="0"]:active {
692
+ .vv-krqQea-highlight[data-type=purple][data-show="0"]:active {
693
693
  outline: 1px solid var(--pk-blue-20-color);
694
694
  border: 1px solid var(--pk-blue-20-color);
695
695
  background: #e1d2ee80;
696
696
  }
697
- .vv-veVdhG-highlight[data-type=purple][data-show="1"] {
697
+ .vv-krqQea-highlight[data-type=purple][data-show="1"] {
698
698
  outline: 1px solid var(--pk-purple-10-color);
699
699
  border: 1px solid var(--pk-purple-10-color);
700
700
  background: #e1d2ee33;
701
701
  }
702
- .vv-veVdhG-highlight[data-type=purple][data-show="0"]:hover {
702
+ .vv-krqQea-highlight[data-type=purple][data-show="0"]:hover {
703
703
  outline: 1px solid var(--pk-purple-10-color);
704
704
  border: 1px solid var(--pk-purple-10-color);
705
705
  background: #e1d2ee33;
706
706
  }
707
- .vv-veVdhG-highlight[data-type=green][data-show="0"]:active {
708
- outline: 1px solid var(--pk-green-20-color);
709
- border: 1px solid var(--pk-green-20-color);
707
+ .vv-krqQea-highlight[data-type=green][data-show="0"]:active {
708
+ outline: 1px solid var(--pk-turquoise-20-color);
709
+ border: 1px solid var(--pk-turquoise-20-color);
710
710
  background: #edfed780;
711
711
  }
712
- .vv-veVdhG-highlight[data-type=green][data-show="1"] {
713
- outline: 1px solid var(--pk-green-20-color);
714
- border: 1px solid var(--pk-green-20-color);
712
+ .vv-krqQea-highlight[data-type=green][data-show="1"] {
713
+ outline: 1px solid var(--pk-turquoise-20-color);
714
+ border: 1px solid var(--pk-turquoise-20-color);
715
715
  background: #edfed733;
716
716
  }
717
- .vv-veVdhG-highlight[data-type=green][data-show="0"]:hover {
718
- outline: 1px solid var(--pk-green-20-color);
719
- border: 1px solid var(--pk-green-20-color);
717
+ .vv-krqQea-highlight[data-type=green][data-show="0"]:hover {
718
+ outline: 1px solid var(--pk-turquoise-20-color);
719
+ border: 1px solid var(--pk-turquoise-20-color);
720
720
  background: #edfed733;
721
721
  }
722
- .vv-veVdhG-highlight[data-type=pink][data-show="1"] {
722
+ .vv-krqQea-highlight[data-type=pink][data-show="1"] {
723
723
  outline: 1px solid var(--pk-pink-10-color);
724
724
  border: 1px solid var(--pk-pink-10-color);
725
725
  background: none;
726
726
  }
727
- .vv-veVdhG-highlight[data-type=pink][data-show="0"]:hover {
727
+ .vv-krqQea-highlight[data-type=pink][data-show="0"]:hover {
728
728
  outline: 1px solid var(--pk-pink-10-color);
729
729
  border: 1px solid var(--pk-pink-10-color);
730
730
  background: none;
731
731
  }
732
- .vv-veVdhG-highlight[data-type=pink][data-show="0"]:active {
732
+ .vv-krqQea-highlight[data-type=pink][data-show="0"]:active {
733
733
  outline: 1px solid var(--pk-pink-10-color);
734
734
  border: 1px solid var(--pk-pink-10-color);
735
735
  background: #ffd5e433;
736
736
  }
737
- .vv-veVdhG-highlight[data-type=pink].vv-veVdhG-highlight[data-type=pink][data-isactive="1"] {
737
+ .vv-krqQea-highlight[data-type=pink].vv-krqQea-highlight[data-type=pink][data-isactive="1"] {
738
738
  outline: 1px solid var(--pk-pink-10-color);
739
739
  border: 1px solid var(--pk-pink-10-color);
740
740
  background: #ffd5e433;
741
741
  }
742
742
 
743
- /* css-modules:css-modules://5FDyaXXShkhSOnJqwhWCagn9ysJvfZek_t1-MaU44j0.css */
744
- .vv-KWFFYa-document {
743
+ /* css-modules:css-modules://c36PoLSvb36YGvUGrhAs5wMlIt8Ds3j8ZSfSpZHUW-s.css */
744
+ .vv-fCOdZa-document {
745
745
  z-index: var(--z-vivi-fullscreen-document);
746
746
  background: #fff;
747
747
  flex-direction: column;
@@ -755,7 +755,7 @@
755
755
  left: 0;
756
756
  right: 0;
757
757
  }
758
- .vv-KWFFYa-zoneContent {
758
+ .vv-fCOdZa-zoneContent {
759
759
  box-sizing: border-box;
760
760
  flex-direction: column;
761
761
  justify-content: center;
@@ -764,12 +764,12 @@
764
764
  margin: 0 32px;
765
765
  display: flex;
766
766
  }
767
- .vv-KWFFYa-centeredContainer {
767
+ .vv-fCOdZa-centeredContainer {
768
768
  min-width: 0;
769
769
  min-height: 0;
770
770
  position: relative;
771
771
  }
772
- .vv-KWFFYa-anyZone {
772
+ .vv-fCOdZa-anyZone {
773
773
  top: var(--v-grid-zone-element-picture-top);
774
774
  left: var(--v-grid-zone-element-picture-left);
775
775
  width: var(--v-grid-zone-element-picture-size);
@@ -777,17 +777,17 @@
777
777
  z-index: 2;
778
778
  position: absolute;
779
779
  }
780
- .vv-KWFFYa-anyZone[data-isSubZone="1"] {
780
+ .vv-fCOdZa-anyZone[data-isSubZone="1"] {
781
781
  z-index: 1;
782
782
  }
783
- .vv-KWFFYa-volumeIcon {
783
+ .vv-fCOdZa-volumeIcon {
784
784
  color: var(--pk-blue-40-color);
785
785
  max-height: 50%;
786
786
  position: absolute;
787
787
  top: 1%;
788
788
  right: 1%;
789
789
  }
790
- .vv-KWFFYa-actions {
790
+ .vv-fCOdZa-actions {
791
791
  box-sizing: border-box;
792
792
  flex-wrap: wrap;
793
793
  flex-shrink: 0;
@@ -797,20 +797,20 @@
797
797
  min-height: 96px;
798
798
  display: flex;
799
799
  }
800
- .vv-KWFFYa-actions:empty {
800
+ .vv-fCOdZa-actions:empty {
801
801
  min-height: 72px;
802
802
  }
803
- .vv-KWFFYa-switchContent {
803
+ .vv-fCOdZa-switchContent {
804
804
  text-align: center;
805
805
  }
806
- .vv-KWFFYa-riveContainer {
806
+ .vv-fCOdZa-riveContainer {
807
807
  width: 100%;
808
808
  height: 100%;
809
809
  }
810
- .vv-KWFFYa-mask {
810
+ .vv-fCOdZa-mask {
811
811
  background: #fff;
812
812
  }
813
- .vv-KWFFYa-correctionZone {
813
+ .vv-fCOdZa-correctionZone {
814
814
  max-height: unset;
815
815
  max-width: unset;
816
816
  width: calc(100% + 2px);
@@ -821,24 +821,24 @@
821
821
  left: -1px;
822
822
  }
823
823
 
824
- /* css-modules:css-modules://GUtW9d2XNACDgkbqjWT5WgDMIaPxxA3iL-JgOU-w6Fg.css */
825
- .vv-C-Tt3q-span {
824
+ /* css-modules:css-modules://Szj0O-LoyNJLaDMCJbbuNURzoQgLO0DcGqhznevUc_g.css */
825
+ .vv-VeDPJG-span {
826
826
  line-height: 1;
827
827
  }
828
- .vv-C-Tt3q-root {
828
+ .vv-VeDPJG-root {
829
829
  z-index: var(--z-tooltip);
830
830
  }
831
- .vv-C-Tt3q-container {
831
+ .vv-VeDPJG-container {
832
832
  box-sizing: border-box;
833
833
  background-color: var(--pk-blue-20-color);
834
834
  border-radius: 24px;
835
835
  display: inline-block;
836
836
  position: relative;
837
837
  }
838
- .vv-C-Tt3q-container:focus {
838
+ .vv-VeDPJG-container:focus {
839
839
  outline: 0;
840
840
  }
841
- .vv-C-Tt3q-img {
841
+ .vv-VeDPJG-img {
842
842
  box-sizing: border-box;
843
843
  border-radius: 24px;
844
844
  max-width: 90vw;
@@ -846,9 +846,29 @@
846
846
  padding: 8px;
847
847
  display: block;
848
848
  }
849
+ .vv-VeDPJG-definition {
850
+ background-color: var(--white-color);
851
+ box-sizing: border-box;
852
+ border-radius: 24px;
853
+ max-width: min(50ch, 825px, 100vw - 16px);
854
+ max-height: 40vh;
855
+ margin: 8px;
856
+ padding: 8px 12px;
857
+ font-family:
858
+ LatoWeb,
859
+ LLSMontserrat,
860
+ Arial,
861
+ Helvetica,
862
+ sans-serif;
863
+ font-size: 28px;
864
+ line-height: 1.42857;
865
+ }
866
+ .vv-VeDPJG-definitionTitle {
867
+ font-weight: 800;
868
+ }
849
869
 
850
- /* css-modules:css-modules://Qp-BXfUssvL_Pi80Mcj88uCPIyYcTPBUNjNOx5rcLK0.css */
851
- .vv-ppNnoa-viewGrid {
870
+ /* css-modules:css-modules://DayZOvYfBbBmCxfs6Qg2F92-8rArxoDJITAiq0HTwHw.css */
871
+ .vv-pSgvfG-viewGrid {
852
872
  box-sizing: border-box;
853
873
  width: 100%;
854
874
  max-width: 100%;
@@ -856,21 +876,21 @@
856
876
  max-height: 100%;
857
877
  display: flex;
858
878
  }
859
- .vv-ppNnoa-content {
879
+ .vv-pSgvfG-content {
860
880
  max-width: inherit;
861
881
  max-height: inherit;
862
882
  height: 100%;
863
883
  margin: auto;
864
884
  position: relative;
865
885
  }
866
- .vv-ppNnoa-pictureZone {
886
+ .vv-pSgvfG-pictureZone {
867
887
  top: var(--v-picturezone-y);
868
888
  left: var(--v-picturezone-x);
869
889
  width: var(--v-picturezone-w);
870
890
  height: var(--v-picturezone-h);
871
891
  position: absolute;
872
892
  }
873
- .vv-ppNnoa-pageDivider {
893
+ .vv-pSgvfG-pageDivider {
874
894
  background: var(--pk-blue-50-color);
875
895
  opacity: .1;
876
896
  width: 1px;
@@ -880,8 +900,8 @@
880
900
  left: 50%;
881
901
  }
882
902
 
883
- /* css-modules:css-modules://51iRn7UxGzNcVNlRcDar-JrUvnLwTXIc9bJJRc7WQBc.css */
884
- .vv-eSofJW-document {
903
+ /* css-modules:css-modules://tI4yNK3jRN2MwB_Yvbwaavqz45tEZs0-isMXw144jk0.css */
904
+ .vv-TzDjea-document {
885
905
  box-sizing: border-box;
886
906
  border-radius: 8px;
887
907
  outline: none;
@@ -891,20 +911,20 @@
891
911
  padding: 0;
892
912
  display: flex;
893
913
  }
894
- .vv-eSofJW-document[data-mode=edit] {
914
+ .vv-TzDjea-document[data-mode=edit] {
895
915
  z-index: 0;
896
916
  }
897
917
  @media print {
898
- .vv-eSofJW-document {
918
+ .vv-TzDjea-document {
899
919
  height: auto;
900
920
  }
901
921
  }
902
922
 
903
- /* css-modules:css-modules://zVm-TGrzQTO2kueQQAbFGVGzKvSOfzZa1zkM7LetcaQ.css */
904
- .vv-Jr43lW-divSearch {
923
+ /* css-modules:css-modules://HpFnxYSV5-mf0NsKmKKef-R_WQbjHlAxjLjAXChPr2k.css */
924
+ .vv-jrjAqq-divSearch {
905
925
  cursor: pointer;
906
926
  }
907
- .vv-Jr43lW-rootDocument {
927
+ .vv-jrjAqq-rootDocument {
908
928
  box-sizing: border-box;
909
929
  width: 100%;
910
930
  height: 100%;
@@ -914,7 +934,7 @@
914
934
  flex: 1;
915
935
  }
916
936
 
917
- /* css-modules:css-modules://vtrK2LiCa3Cg2rqxSSJXGS9odK3qa93aUCO26EqHC6A.css */
937
+ /* css-modules:css-modules://VwQ7sy9qy_kBuJdxaj-nEwKtb8tHm1EIIzHpR0QDKGA.css */
918
938
  .CodeMirror-hints.lls-new-viewer.lls-new-viewer {
919
939
  z-index: var(--z-viewer-editor);
920
940
  }
@@ -922,8 +942,8 @@
922
942
  z-index: var(--z-viewer-editor);
923
943
  }
924
944
 
925
- /* css-modules:css-modules://1P9sTytH8lfSV44fIwgzoUTbKA77g8bRUAbYTG1z83I.css */
926
- .vv--zeDla-viewer {
945
+ /* css-modules:css-modules://ttIZ9_FC-rxqOLjIublpj4_TzctI9SO0lNOxcW520I4.css */
946
+ .vv-HncOdW-viewer {
927
947
  width: 100%;
928
948
  height: 100%;
929
949
  text-rendering: optimizelegibility;
@@ -933,15 +953,15 @@
933
953
  widows: 3;
934
954
  margin: 0 auto;
935
955
  }
936
- .vv--zeDla-viewerInner {
956
+ .vv-HncOdW-viewerInner {
937
957
  background-color: var(--vivi-bg-color, unset);
938
958
  box-sizing: border-box;
939
959
  width: 100%;
940
960
  height: 100%;
941
961
  }
942
962
 
943
- /* css-modules:css-modules://P-oFfVhH88VZfkISn-OtPaxNCOMOjEY_KUJZBMedCtc.css */
944
- @keyframes vv-Gs0e6a-alertOpenedAnimation {
963
+ /* css-modules:css-modules://yRlp3ZFNTVQuRZtEuuf6ozJQiN8maxq0_K-r3eDf7dY.css */
964
+ @keyframes vv-uB6ouq-alertOpenedAnimation {
945
965
  0% {
946
966
  opacity: 0;
947
967
  transform: translate3d(-50%, 20px, 0);
@@ -959,7 +979,7 @@
959
979
  transform: translate3d(-50%, 20px, 0);
960
980
  }
961
981
  }
962
- .vv-Gs0e6a-alert {
982
+ .vv-uB6ouq-alert {
963
983
  color: #fff;
964
984
  opacity: 0;
965
985
  z-index: 3;
@@ -967,15 +987,15 @@
967
987
  border-radius: 8px;
968
988
  padding: 10px;
969
989
  font-family: LatoWeb;
970
- animation: 3s linear vv-Gs0e6a-alertOpenedAnimation;
990
+ animation: 3s linear vv-uB6ouq-alertOpenedAnimation;
971
991
  position: fixed;
972
992
  bottom: 40px;
973
993
  left: 50%;
974
994
  transform: translate3d(-50%, 20px, 0);
975
995
  }
976
996
 
977
- /* css-modules:css-modules://Txl29FGimU4YIifcCmXA3M1Z8wrqm47NPEyNiBr2qR8.css */
978
- .vv-DWzEgW-book {
997
+ /* css-modules:css-modules://Moid2gNmhqnADokhK_xK5cbA5rzBM9cgtg_zTEYbbhA.css */
998
+ .vv-uz-Q6a-book {
979
999
  aspect-ratio: 1131 / 764;
980
1000
  background-image: url(/assets/cover.svg);
981
1001
  background-position: center;
@@ -987,13 +1007,13 @@
987
1007
  margin: auto;
988
1008
  position: relative;
989
1009
  }
990
- .vv-DWzEgW-bookInner {
1010
+ .vv-uz-Q6a-bookInner {
991
1011
  width: 84%;
992
1012
  position: relative;
993
1013
  top: 6%;
994
1014
  left: 8%;
995
1015
  }
996
- .vv-DWzEgW-editorViewContainer {
1016
+ .vv-uz-Q6a-editorViewContainer {
997
1017
  flex-direction: column;
998
1018
  flex: 1;
999
1019
  height: 100%;
@@ -1001,79 +1021,79 @@
1001
1021
  display: flex;
1002
1022
  position: relative;
1003
1023
  }
1004
- .vv-DWzEgW-viewTopBar {
1024
+ .vv-uz-Q6a-viewTopBar {
1005
1025
  z-index: var(--z-vivi-fullscreen-button);
1006
1026
  flex-shrink: 0;
1007
1027
  display: flex;
1008
1028
  position: absolute;
1009
1029
  }
1010
- .vv-DWzEgW-fullscreenButton.vv-DWzEgW-fullscreenButton {
1030
+ .vv-uz-Q6a-fullscreenButton.vv-uz-Q6a-fullscreenButton {
1011
1031
  position: absolute;
1012
1032
  }
1013
- .vv-DWzEgW-fullscreenButton {
1033
+ .vv-uz-Q6a-fullscreenButton {
1014
1034
  z-index: 1;
1015
1035
  }
1016
- .vv-DWzEgW-fullscreenPrevButton {
1036
+ .vv-uz-Q6a-fullscreenPrevButton {
1017
1037
  z-index: var(--z-vivi-fullscreen-button);
1018
1038
  top: 50%;
1019
1039
  left: 0;
1020
1040
  transform: translateY(-50%);
1021
1041
  }
1022
- .vv-DWzEgW-fullscreenNextButton {
1042
+ .vv-uz-Q6a-fullscreenNextButton {
1023
1043
  z-index: var(--z-vivi-fullscreen-button);
1024
1044
  top: 50%;
1025
1045
  right: 0;
1026
1046
  transform: translateY(-50%);
1027
1047
  }
1028
- .vv-DWzEgW-fullscreenExitButton {
1048
+ .vv-uz-Q6a-fullscreenExitButton {
1029
1049
  z-index: var(--z-vivi-fullscreen-button);
1030
1050
  top: 0;
1031
1051
  left: 50%;
1032
1052
  transform: translateX(-50%);
1033
1053
  }
1034
1054
 
1035
- /* css-modules:css-modules://y1CDIK68WE_KDW-cK-Jjqff7WjxkOc0a_SrBz2ROQYE.css */
1036
- .vv-FSAvNW-rnd {
1055
+ /* css-modules:css-modules://5g6hzr9e1QIapi2KXvogUmZEEoCCNUAT9E6BZtY3Fds.css */
1056
+ .vv-BGDJ1q-rnd {
1037
1057
  z-index: var(--z-viewer-editor);
1038
1058
  background-color: #fff;
1039
1059
  justify-content: center;
1040
1060
  align-items: center;
1041
1061
  box-shadow: 0 0 5px #00000057;
1042
1062
  }
1043
- .vv-FSAvNW-header {
1063
+ .vv-BGDJ1q-header {
1044
1064
  text-align: right;
1045
1065
  cursor: grab;
1046
1066
  background-color: #4e4e4e;
1047
1067
  height: 24px;
1048
1068
  }
1049
- .vv-FSAvNW-body {
1069
+ .vv-BGDJ1q-body {
1050
1070
  padding: 20px;
1051
1071
  }
1052
- .vv-FSAvNW-fieldWrapper {
1072
+ .vv-BGDJ1q-fieldWrapper {
1053
1073
  align-items: baseline;
1054
1074
  margin-bottom: 10px;
1055
1075
  display: flex;
1056
1076
  }
1057
- .vv-FSAvNW-uuid[data-font=FiraMono] {
1077
+ .vv-BGDJ1q-uuid[data-font=FiraMono] {
1058
1078
  font-family: var(--kitdysmonofamily, var(--data-font, var(--kitfontfamily)));
1059
1079
  }
1060
- .vv-FSAvNW-uuid[data-font=OpenDyslexicMono] {
1080
+ .vv-BGDJ1q-uuid[data-font=OpenDyslexicMono] {
1061
1081
  font-family: var(--kitdysmonofamily, var(--data-font, var(--kitfontfamily)));
1062
1082
  }
1063
- .vv-FSAvNW-uuid:not([data-font=FiraMono]):not([data-font=OpenDyslexicMono]) {
1083
+ .vv-BGDJ1q-uuid:not([data-font=FiraMono]):not([data-font=OpenDyslexicMono]) {
1064
1084
  font-family: var(--kitdysfamily, var(--data-font, var(--kitfontfamily)));
1065
1085
  }
1066
- .vv-FSAvNW-uuid[data-font=caveat] {
1086
+ .vv-BGDJ1q-uuid[data-font=caveat] {
1067
1087
  font-size: calc(var(--size-index, 1) * 20px);
1068
1088
  }
1069
- .vv-FSAvNW-uuid[data-font=stylo] {
1089
+ .vv-BGDJ1q-uuid[data-font=stylo] {
1070
1090
  font-variant-ligatures: normal;
1071
1091
  }
1072
- .vv-FSAvNW-uuid {
1092
+ .vv-BGDJ1q-uuid {
1073
1093
  color: gray;
1074
1094
  margin-left: 10px;
1075
1095
  }
1076
- .vv-FSAvNW-field {
1096
+ .vv-BGDJ1q-field {
1077
1097
  box-shadow: none;
1078
1098
  color: #414141;
1079
1099
  background-color: #0000;
@@ -1084,13 +1104,13 @@
1084
1104
  margin: 3px;
1085
1105
  font-size: 1em;
1086
1106
  }
1087
- .vv-FSAvNW-select {
1107
+ .vv-BGDJ1q-select {
1088
1108
  flex-grow: 1;
1089
1109
  margin-left: 10px;
1090
1110
  }
1091
1111
 
1092
- /* css-modules:css-modules://By84ActhFbbi2XWVS7t7puGzLZhJL44ulrbOMVgZ7YE.css */
1093
- @keyframes vv-ewvfQq-alertOpenedAnimation {
1112
+ /* css-modules:css-modules://tqALrA7RBexb9GjVNn05k_TNXeDJ2wRiUx1uAFfesic.css */
1113
+ @keyframes vv-Emjkaq-alertOpenedAnimation {
1094
1114
  0% {
1095
1115
  opacity: 0;
1096
1116
  transform: translate3d(-50%, 20px, 0);
@@ -1108,7 +1128,7 @@
1108
1128
  transform: translate3d(-50%, 20px, 0);
1109
1129
  }
1110
1130
  }
1111
- .vv-ewvfQq-submit {
1131
+ .vv-Emjkaq-submit {
1112
1132
  color: #fff;
1113
1133
  cursor: pointer;
1114
1134
  background: linear-gradient(#7e64e6, #6f7bfb);
@@ -1120,34 +1140,34 @@
1120
1140
  font-size: 14px;
1121
1141
  transition: all .5s;
1122
1142
  }
1123
- .vv-ewvfQq-submit:active {
1143
+ .vv-Emjkaq-submit:active {
1124
1144
  background: linear-gradient(#2e5eb5, #6f7bfb);
1125
1145
  }
1126
- .vv-ewvfQq-button[data-isactive="1"] {
1146
+ .vv-Emjkaq-button[data-isactive="1"] {
1127
1147
  background-color: #d3d3d3;
1128
1148
  }
1129
- .vv-ewvfQq-stickyBar {
1149
+ .vv-Emjkaq-stickyBar {
1130
1150
  z-index: var(--z-backoffice-stickybar);
1131
1151
  background-color: var(--white-color);
1132
1152
  padding: 16px 0;
1133
1153
  position: sticky;
1134
1154
  top: 0;
1135
1155
  }
1136
- .vv-ewvfQq-stickyBar [name=mode] {
1156
+ .vv-Emjkaq-stickyBar [name=mode] {
1137
1157
  margin-top: 0;
1138
1158
  }
1139
- .vv-ewvfQq-pageContainer {
1159
+ .vv-Emjkaq-pageContainer {
1140
1160
  background-color: var(--viewer-bg-color, var(--gray-80-color));
1141
1161
  flex: 1;
1142
1162
  min-height: 0;
1143
1163
  display: flex;
1144
1164
  position: relative;
1145
1165
  }
1146
- .vv-ewvfQq-screen {
1166
+ .vv-Emjkaq-screen {
1147
1167
  box-sizing: border-box;
1148
1168
  width: 100%;
1149
1169
  }
1150
- .vv-ewvfQq-alert {
1170
+ .vv-Emjkaq-alert {
1151
1171
  color: #fff;
1152
1172
  opacity: 0;
1153
1173
  z-index: 3;
@@ -1155,7 +1175,7 @@
1155
1175
  border-radius: 8px;
1156
1176
  padding: 10px;
1157
1177
  font-family: LatoWeb;
1158
- animation: 3s linear vv-ewvfQq-alertOpenedAnimation;
1178
+ animation: 3s linear vv-Emjkaq-alertOpenedAnimation;
1159
1179
  position: fixed;
1160
1180
  bottom: 40px;
1161
1181
  left: 50%;