@lls/vivi 24.24.0-a108e880 → 24.24.0-a5cdcc4f

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 +227 -247
  2. package/lib/index.js +345 -424
  3. package/package.json +4 -4
@@ -1,12 +1,12 @@
1
- /* css-modules:css-modules://GrZe-nIpADPg611LCTO2deGwOfENu8QNGvBYbdsw1Yo.css */
2
- .vv-b6zWDG-codemirrorWrapper {
1
+ /* css-modules:css-modules://wK1L74Mq5FwL9mbfX3dqOGRy4eMRYdwV2w0pbL1B5fo.css */
2
+ .vv-tx3A0a-codemirrorWrapper {
3
3
  height: 100%;
4
4
  }
5
- .vv-b6zWDG-codemirrorWrapper .CodeMirror {
5
+ .vv-tx3A0a-codemirrorWrapper .CodeMirror {
6
6
  font-size: 16px;
7
7
  height: 100% !important;
8
8
  }
9
- .vv-b6zWDG-codemirrorWrapper .CodeMirror * {
9
+ .vv-tx3A0a-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-b6zWDG-codemirrorWrapper .CodeMirror-selectedtext {
18
+ .vv-tx3A0a-codemirrorWrapper .CodeMirror-selectedtext {
19
19
  background: #264f78 !important;
20
20
  }
21
21
 
22
- /* css-modules:css-modules://zqYjz9PclL4N6D1yXFwENuvVY4SeHR_9kFCuafXsYl4.css */
23
- .vv-mxW1OG-header {
22
+ /* css-modules:css-modules://Ra5teDDyI7XcDs8B_O-RnQQdw9-pVEbFHb6JiOxsAMQ.css */
23
+ .vv-9YOOua-header {
24
24
  cursor: pointer;
25
25
  background-color: var(--white-color);
26
26
  padding: 5px;
27
27
  }
28
- .vv-mxW1OG-header:hover {
28
+ .vv-9YOOua-header:hover {
29
29
  background-color: #e5e5e5;
30
30
  }
31
31
 
32
- /* css-modules:css-modules://q4JLnP6r0mM-ldYeE6lkvZjG-a6cFxqBzs0Fk029uCs.css */
33
- .vv-oT_Z7W-ul {
32
+ /* css-modules:css-modules://jg_mUO4hhKEmD1E9I7_8VaNgchXBF6n2mfQjQF7OzwI.css */
33
+ .vv-o6yVFa-ul {
34
34
  cursor: pointer;
35
35
  margin: 0;
36
36
  padding: 6px 0 6px 24px;
37
37
  }
38
- .vv-oT_Z7W-ul:hover {
38
+ .vv-o6yVFa-ul:hover {
39
39
  background-color: #e5e5e5;
40
40
  }
41
41
 
42
- /* css-modules:css-modules://fAIMEsldrE2Wj4EvwBjrTRJEC6A1qI0aqxzruwlLrPU.css */
43
- .vv-KrwS2W-mathsElement {
42
+ /* css-modules:css-modules://xGr_gcPHe20_06BBEe4kBJIFDnBCi1Q5o8Ued27Dy74.css */
43
+ .vv-XssCga-mathsElement {
44
44
  cursor: pointer;
45
45
  margin: 0;
46
46
  padding: 6px;
47
47
  }
48
- .vv-KrwS2W-mathsElement:hover {
48
+ .vv-XssCga-mathsElement:hover {
49
49
  background-color: #e5e5e5;
50
50
  }
51
51
 
52
- /* css-modules:css-modules://kMusLZIJPcMf2zfM8s_KqZs5ELarQ8ENl7gQvpFutd8.css */
53
- .vv-G3SPza-ol {
52
+ /* css-modules:css-modules://XYPa9ItXHlAVVputu2L5CTASJmfZzNUgzX8rB1ND2fg.css */
53
+ .vv-Dcbpoa-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-G3SPza-ol:last-of-type {
60
+ .vv-Dcbpoa-ol:last-of-type {
61
61
  border-right: none;
62
62
  }
63
- .vv-G3SPza-ol:hover {
63
+ .vv-Dcbpoa-ol:hover {
64
64
  background-color: #e5e5e5;
65
65
  }
66
66
 
67
- /* css-modules:css-modules://1kT39xqREZEweBVb50qo7wSkXiXXFNk94vYOQiG5atU.css */
68
- .vv-BToNpq-question {
67
+ /* css-modules:css-modules://dMhKdFghtWsOvoIXtZ6ahU8536aXpSs2X99J11zr0JM.css */
68
+ .vv-Nhi7qW-question {
69
69
  cursor: pointer;
70
70
  padding: 5px;
71
71
  }
72
- .vv-BToNpq-question:hover {
72
+ .vv-Nhi7qW-question:hover {
73
73
  background-color: #e5e5e5;
74
74
  }
75
75
 
76
- /* css-modules:css-modules://Mv_V6C9CdABpsOv8jmjss7-vtZPyUTLKXWWqvKQQj-U.css */
77
- .vv-2G6JNG-stamp {
76
+ /* css-modules:css-modules://M7Umk9wU9CWCYYILyeCePpTgnAcZjehPvZMNkSAnllI.css */
77
+ .vv-Ac7kZa-stamp {
78
78
  cursor: pointer;
79
79
  padding: 5px;
80
80
  }
81
- .vv-2G6JNG-stamp:hover {
81
+ .vv-Ac7kZa-stamp:hover {
82
82
  background-color: #e5e5e5;
83
83
  }
84
84
 
85
- /* css-modules:css-modules://O1iTH359sTELmybaITYd54kCi5d7rGusDvUzRqT6dgw.css */
86
- .vv-Xm2RPG-cell {
85
+ /* css-modules:css-modules://50muUoPK1F3FfB5qnNH34gNl9R2ZkxRN_Q_RJCTWsIg.css */
86
+ .vv-X2m78W-cell {
87
87
  width: var(--v-cell-width);
88
88
  height: var(--v-cell-height);
89
89
  background-color: #999;
90
90
  }
91
- .vv-Xm2RPG-cell:hover {
91
+ .vv-X2m78W-cell:hover {
92
92
  background-color: #444;
93
93
  }
94
- .vv-Xm2RPG-cell[data-isselected="1"] {
94
+ .vv-X2m78W-cell[data-isselected="1"] {
95
95
  background-color: #444;
96
96
  }
97
- .vv-Xm2RPG-header {
97
+ .vv-X2m78W-header {
98
98
  text-align: center;
99
99
  }
100
- .vv-Xm2RPG-grid {
100
+ .vv-X2m78W-grid {
101
101
  width: var(--v-line-width);
102
102
  }
103
- .vv-Xm2RPG-line {
103
+ .vv-X2m78W-line {
104
104
  margin-bottom: var(--v-cell-margin);
105
105
  justify-content: space-between;
106
106
  display: flex;
107
107
  }
108
- .vv-Xm2RPG-line:last-of-type {
108
+ .vv-X2m78W-line:last-of-type {
109
109
  margin-bottom: 0;
110
110
  }
111
111
 
112
- /* css-modules:css-modules://1h69rZYJAxYnlFMi-9drjgfo4dh-nyT9NKKPHZhSvrY.css */
113
- .vv-7vav8G-h1 {
112
+ /* css-modules:css-modules://hTCSshuymakywdv4FRxYHFwAWwnGzBzWwg1Oc_OGnWU.css */
113
+ .vv-OyGf_G-h1 {
114
114
  font-size: 24px;
115
115
  }
116
- .vv-7vav8G-h2 {
116
+ .vv-OyGf_G-h2 {
117
117
  font-size: 22px;
118
118
  }
119
- .vv-7vav8G-h3 {
119
+ .vv-OyGf_G-h3 {
120
120
  font-size: 20px;
121
121
  }
122
- .vv-7vav8G-h4 {
122
+ .vv-OyGf_G-h4 {
123
123
  font-size: 18px;
124
124
  }
125
- .vv-7vav8G-body1 {
125
+ .vv-OyGf_G-body1 {
126
126
  font-size: 16px;
127
127
  }
128
- .vv-7vav8G-body2 {
128
+ .vv-OyGf_G-body2 {
129
129
  font-size: 14px;
130
130
  }
131
- .vv-7vav8G-body3 {
131
+ .vv-OyGf_G-body3 {
132
132
  font-size: 12px;
133
133
  }
134
- .vv-7vav8G-title {
134
+ .vv-OyGf_G-title {
135
135
  cursor: pointer;
136
136
  padding: 5px;
137
137
  }
138
- .vv-7vav8G-title:hover {
138
+ .vv-OyGf_G-title:hover {
139
139
  background-color: #e5e5e5;
140
140
  }
141
141
 
142
- /* css-modules:css-modules://hadWiaZZNrdwfOO92ceKwpXqIs4wxYY55tvLb8SjDTw.css */
143
- .vv-eFyU0a-span {
142
+ /* css-modules:css-modules://TGO3z1urZdVX9Zt0eQAyVybNMwobmB7TCwoQwJcrexo.css */
143
+ .vv-PV-XNq-span {
144
144
  display: inline-flex;
145
145
  }
146
- .vv-eFyU0a-editorToolbar {
146
+ .vv-PV-XNq-editorToolbar {
147
147
  border-bottom: 1px solid #3a3a3a;
148
148
  }
149
149
 
150
- /* css-modules:css-modules://SBnWl5lm8AORCYzhJDWPfLut3fuT5hwm5h7iL03sFOE.css */
151
- .vv-6-6m8q-handle {
150
+ /* css-modules:css-modules://yPVg9gCtqPPAIq-D_P1U0lnpLp7BtZ-R7nrC9SHVTk0.css */
151
+ .vv-PU6f_q-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://jm65IjQoiwYZX0k5DzOsVwDcdr9xersdMl86Yjbd_v8.css */
163
- .vv-YxyQ8G-rnd {
162
+ /* css-modules:css-modules://BoTNuocCH7eArpSNKVdh5ITI1BtQZRceJ5JSyKhiajM.css */
163
+ .vv-Xqf6cG-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-YxyQ8G-header {
170
+ .vv-Xqf6cG-header {
171
171
  text-align: right;
172
172
  cursor: grab;
173
173
  background-color: #4e4e4e;
174
174
  height: 24px;
175
175
  }
176
- .vv-YxyQ8G-wrapper {
176
+ .vv-Xqf6cG-wrapper {
177
177
  flex-grow: 1;
178
178
  overflow-y: auto;
179
179
  }
180
- .vv-YxyQ8G-errorBanner {
180
+ .vv-Xqf6cG-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://q187rpHwK8QfgMf5KtvQ7iUhBLPYzs8mEkbNDA9oLW8.css */
193
- .vv-9MwvTa-toolbar {
192
+ /* css-modules:css-modules://WrYp8OcOzUrPyW_AW7SA5ZcBbjJjuyt5iALSSoOduU0.css */
193
+ .vv-SOgB7q-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-9MwvTa-toolbar:hover {
201
+ .vv-SOgB7q-toolbar:hover {
202
202
  opacity: 1;
203
203
  }
204
204
  @media print {
205
- .vv-9MwvTa-toolbar {
205
+ .vv-SOgB7q-toolbar {
206
206
  display: none;
207
207
  }
208
208
  }
209
- .vv-9MwvTa-parentToolbar {
209
+ .vv-SOgB7q-parentToolbar {
210
210
  opacity: 1;
211
211
  position: static;
212
212
  }
213
- .vv-9MwvTa-toggleMenuButton {
213
+ .vv-SOgB7q-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://I9vnBRS8ka7us0xMjafM1utG17GyqLliet2jP6tWxWY.css */
231
- .vv--j6PsG-errorBoundary {
230
+ /* css-modules:css-modules://qirArq5xHbKBdOy7Lwuv93KJUZmqct0mgngeiEDQ110.css */
231
+ .vv-g4qqgW-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--j6PsG-errorBoundary textarea {
239
+ .vv-g4qqgW-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://TJGZiPKq7F6V8YhXZN_LEtTb5MsAcmJXLS8U35sMHyY.css */
257
- .vv-nQm5Dq-editGrid {
256
+ /* css-modules:css-modules://HQFGdRdihKNEw-JDSr5S_UJ0pBfjspyQ6L7YpCF1nzY.css */
257
+ .vv--3QcbW-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-nQm5Dq-interface {
267
+ .vv--3QcbW-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-nQm5Dq-interface h2 {
281
+ .vv--3QcbW-interface h2 {
282
282
  margin: 0 0 16px;
283
283
  }
284
- .vv-nQm5Dq-interfaceHeader {
284
+ .vv--3QcbW-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-nQm5Dq-col {
296
+ .vv--3QcbW-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-nQm5Dq-row {
303
+ .vv--3QcbW-row {
304
304
  align-items: center;
305
305
  gap: 8px;
306
306
  display: flex;
307
307
  }
308
- .vv-nQm5Dq-zonePicture {
308
+ .vv--3QcbW-zonePicture {
309
309
  box-sizing: border-box;
310
310
  }
311
- .vv-nQm5Dq-zonePictureInner {
311
+ .vv--3QcbW-zonePictureInner {
312
312
  outline: 4px solid var(--v-grid-zone-picture-color);
313
313
  }
314
- .vv-nQm5Dq-zone {
314
+ .vv--3QcbW-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-nQm5Dq-zone .vv-nQm5Dq-row {
325
+ .vv--3QcbW-zone .vv--3QcbW-row {
326
326
  flex-wrap: wrap;
327
327
  justify-content: space-between;
328
328
  }
329
- .vv-nQm5Dq-zone h4 {
329
+ .vv--3QcbW-zone h4 {
330
330
  margin: 0;
331
331
  }
332
- .vv-nQm5Dq-zone .vv-nQm5Dq-zonePicture {
332
+ .vv--3QcbW-zone .vv--3QcbW-zonePicture {
333
333
  width: 100%;
334
334
  height: 120px;
335
335
  display: flex;
336
336
  }
337
- .vv-nQm5Dq-docs {
337
+ .vv--3QcbW-docs {
338
338
  flex-direction: column;
339
339
  gap: 16px;
340
340
  display: flex;
341
341
  }
342
- .vv-nQm5Dq-angleValue {
342
+ .vv--3QcbW-angleValue {
343
343
  text-align: center;
344
344
  width: 36px;
345
345
  display: inline-block;
346
346
  }
347
347
 
348
- /* css-modules:css-modules://52SW0GWT9ujScEC20iEYoAgvCPx-L8NTfvvVyPbYlfU.css */
349
- .vv-M8r8Ra-container {
348
+ /* css-modules:css-modules://asWdQoGl8T9HT9HYiwuWYXRTmRlevCr0yrhPFPs2TKo.css */
349
+ .vv-OvMAka-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-M8r8Ra-audio {
356
+ .vv-OvMAka-audio {
357
357
  max-width: 100%;
358
358
  }
359
359
 
360
- /* css-modules:css-modules://nVLKgZvkLLlXvD12Cq5U00_s8M6QLQxKCdyVkuE0_BE.css */
361
- .vv-k4VBPa-container {
360
+ /* css-modules:css-modules://dlTTUMrpYi_sOA6sRtEWMCll7scIKvlu5VgaeyzOu90.css */
361
+ .vv-9Qh94G-container {
362
362
  width: 100%;
363
363
  height: 100%;
364
364
  }
365
365
 
366
- /* css-modules:css-modules://sABZIwRFkPXugoEeNovXT4u0oaWOj9liYL1OlNcQ_Uk.css */
367
- .vv-ffsmyW-container {
366
+ /* css-modules:css-modules://uPJaM6NJ7YYmxkH17n6y1OcnaYD1hdeUTVs2Zupx-Rk.css */
367
+ .vv-wazDwq-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-ffsmyW-video {
375
+ .vv-wazDwq-video {
376
376
  max-width: 100%;
377
377
  }
378
378
 
379
- /* css-modules:css-modules://jkQwD8XQGeNRweARLFALoZ8mHxDix7KJMhrdMYtaBIg.css */
380
- .vv-60e-jq-col {
379
+ /* css-modules:css-modules://HMuVy4AhK_AwOwaMQM8thkfcQlTQ_l2eqrFGTEXeADs.css */
380
+ .vv-OcJUga-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-60e-jq-row {
387
+ .vv-OcJUga-row {
388
388
  align-items: center;
389
389
  gap: 8px;
390
390
  display: flex;
391
391
  }
392
- .vv-60e-jq-zonePicture {
392
+ .vv-OcJUga-zonePicture {
393
393
  box-sizing: border-box;
394
394
  width: 100%;
395
395
  height: 120px;
396
396
  display: flex;
397
397
  }
398
- .vv-60e-jq-zonePictureInner {
398
+ .vv-OcJUga-zonePictureInner {
399
399
  outline: 4px solid var(--v-grid-zone-picture-color);
400
400
  }
401
- .vv-60e-jq-zone {
401
+ .vv-OcJUga-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-60e-jq-zone .vv-60e-jq-row {
412
+ .vv-OcJUga-zone .vv-OcJUga-row {
413
413
  flex-wrap: wrap;
414
414
  justify-content: space-between;
415
415
  }
416
- .vv-60e-jq-zone h3 {
416
+ .vv-OcJUga-zone h3 {
417
417
  margin: 0;
418
418
  }
419
- .vv-60e-jq-stickyElementsList {
419
+ .vv-OcJUga-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-60e-jq-addZone {
428
+ .vv-OcJUga-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-60e-jq-addZone > h3 {
436
+ .vv-OcJUga-addZone > h3 {
437
437
  margin: 0;
438
438
  }
439
- .vv-60e-jq-addZoneButtons {
439
+ .vv-OcJUga-addZoneButtons {
440
440
  grid-template-columns: 1fr 1fr;
441
441
  gap: 8px;
442
442
  display: grid;
443
443
  }
444
- .vv-60e-jq-contentMdDoc {
444
+ .vv-OcJUga-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-60e-jq-mediaContainer {
452
+ .vv-OcJUga-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-60e-jq-rive {
463
+ .vv-OcJUga-rive {
464
464
  aspect-ratio: 16 / 9;
465
465
  }
466
- .vv-60e-jq-leftButton {
466
+ .vv-OcJUga-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-60e-jq-rightButton {
472
+ .vv-OcJUga-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-60e-jq-properties {
478
+ .vv-OcJUga-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-60e-jq-zoneElementsList {
487
+ .vv-OcJUga-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-60e-jq-zoneElements {
495
+ .vv-OcJUga-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-60e-jq-angleValue {
504
+ .vv-OcJUga-angleValue {
505
505
  text-align: center;
506
506
  width: 36px;
507
507
  display: inline-block;
508
508
  }
509
509
 
510
- /* css-modules:css-modules://BgFBpQXR0IhBkA-7ovh22wPM88JbnlcF1IA8Srk4oJk.css */
511
- .vv-shOWuG-zoneMakeContainer {
510
+ /* css-modules:css-modules://rG3okk7udz0EeNMILjLflyHLe_vI4Q9KyktiMgLq8ms.css */
511
+ .vv-Ph3Zwq-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-shOWuG-zoneMaker {
519
+ .vv-Ph3Zwq-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-shOWuG-zoneMaker > img {
526
+ .vv-Ph3Zwq-zoneMaker > img {
527
527
  width: 100%;
528
528
  aspect-ratio: var(--v-grid-picture-aspect-ratio);
529
529
  display: block;
530
530
  }
531
- .vv-shOWuG-pictureZone {
531
+ .vv-Ph3Zwq-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-shOWuG-pictureZone[data-selected="1"] {
543
+ .vv-Ph3Zwq-pictureZone[data-selected="1"] {
544
544
  box-shadow: 0 0 16px 4px var(--v-zonemaker-color);
545
545
  }
546
- .vv-shOWuG-pictureZone[data-has-selection="0"]:hover {
546
+ .vv-Ph3Zwq-pictureZone[data-has-selection="0"]:hover {
547
547
  box-shadow: 0 0 16px 4px var(--v-zonemaker-color);
548
548
  }
549
- .vv-shOWuG-pictureZone[data-type=mask] {
549
+ .vv-Ph3Zwq-pictureZone[data-type=mask] {
550
550
  opacity: .95;
551
551
  background: #fff;
552
552
  }
553
- .vv-shOWuG-pictureZone:hover .vv-shOWuG-settingsButton {
553
+ .vv-Ph3Zwq-pictureZone:hover .vv-Ph3Zwq-settingsButton {
554
554
  --k-button-display: inline-block;
555
555
  }
556
- .vv-shOWuG-settingsButton {
556
+ .vv-Ph3Zwq-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-shOWuG-handle {
563
+ .vv-Ph3Zwq-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-shOWuG-mediaContainer {
575
+ .vv-Ph3Zwq-mediaContainer {
576
576
  flex-direction: column;
577
577
  display: flex;
578
578
  }
579
- .vv-shOWuG-pageDivider {
579
+ .vv-Ph3Zwq-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://xrVhF8tymrM8Rt5yZLr2DMdeGTF9n1lI5kOFbRvHqZs.css */
590
- .vv-SwOKcW-zoomedPicture {
589
+ /* css-modules:css-modules://B7FPY7Mt55C-pW9WCvfv86bAz3zVfGKy-iJ602dwCu0.css */
590
+ .vv-J49--q-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-SwOKcW-zoomedPicture[data-needheight="1"] {
599
+ .vv-J49--q-zoomedPicture[data-needheight="1"] {
600
600
  height: 100%;
601
601
  }
602
- .vv-SwOKcW-imgPicture,
603
- .vv-SwOKcW-placeholder {
602
+ .vv-J49--q-imgPicture,
603
+ .vv-J49--q-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-SwOKcW-imgPicture, .vv-SwOKcW-placeholder) {
617
+ [data-rotation="0"] :is(.vv-J49--q-imgPicture, .vv-J49--q-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-SwOKcW-imgPicture, .vv-SwOKcW-placeholder) {
621
+ [data-rotation="180"] :is(.vv-J49--q-imgPicture, .vv-J49--q-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-SwOKcW-imgPicture, .vv-SwOKcW-placeholder) {
625
+ [data-rotation="90"] :is(.vv-J49--q-imgPicture, .vv-J49--q-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-SwOKcW-imgPicture, .vv-SwOKcW-placeholder) {
629
+ [data-rotation="270"] :is(.vv-J49--q-imgPicture, .vv-J49--q-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-SwOKcW-generatedAsset {
633
+ .vv-J49--q-generatedAsset {
634
634
  max-width: 100%;
635
635
  max-height: 100%;
636
636
  }
637
- .vv-SwOKcW-emptyFrame {
637
+ .vv-J49--q-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://ls9-umlCt3H6bwZWnmr1eiUFemRsYtMx8utGj1T4xzc.css */
647
- .vv-5aPgSW-item {
646
+ /* css-modules:css-modules://7nKRmmDoUspkukfJM2Nq_RMZT3HlcpYIDcBCDNxdihk.css */
647
+ .vv-v5UrqG-item {
648
648
  margin: 0 16px;
649
649
  position: relative;
650
650
  }
651
- .vv-5aPgSW-item[data-isdragged="1"] {
651
+ .vv-v5UrqG-item[data-isdragged="1"] {
652
652
  z-index: 1;
653
653
  }
654
- .vv-5aPgSW-dragButton {
654
+ .vv-v5UrqG-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://pXu2Cbp3jBfv8ui4vktGgg-R4t_QmJjvJRa5DZ3K070.css */
662
- .vv-YieT0a-highlight {
661
+ /* css-modules:css-modules://jzhxSiqTypPJ1jfl2kCI5rWBISovij8z3SFBtAcnCKQ.css */
662
+ .vv-veVdhG-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-YieT0a-highlight[data-type=blue][data-show="0"]:active {
677
+ .vv-veVdhG-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-YieT0a-highlight[data-type=blue][data-show="1"] {
682
+ .vv-veVdhG-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-YieT0a-highlight[data-type=blue][data-show="0"]:hover {
687
+ .vv-veVdhG-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-YieT0a-highlight[data-type=purple][data-show="0"]:active {
692
+ .vv-veVdhG-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-YieT0a-highlight[data-type=purple][data-show="1"] {
697
+ .vv-veVdhG-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-YieT0a-highlight[data-type=purple][data-show="0"]:hover {
702
+ .vv-veVdhG-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-YieT0a-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);
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);
710
710
  background: #edfed780;
711
711
  }
712
- .vv-YieT0a-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);
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);
715
715
  background: #edfed733;
716
716
  }
717
- .vv-YieT0a-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);
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);
720
720
  background: #edfed733;
721
721
  }
722
- .vv-YieT0a-highlight[data-type=pink][data-show="1"] {
722
+ .vv-veVdhG-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-YieT0a-highlight[data-type=pink][data-show="0"]:hover {
727
+ .vv-veVdhG-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-YieT0a-highlight[data-type=pink][data-show="0"]:active {
732
+ .vv-veVdhG-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-YieT0a-highlight[data-type=pink].vv-YieT0a-highlight[data-type=pink][data-isactive="1"] {
737
+ .vv-veVdhG-highlight[data-type=pink].vv-veVdhG-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://RabBuLsLLx7ZTb8dKyyfl7p132sEtCrrGZFzUpkOOdE.css */
744
- .vv-Qt2oxG-document {
743
+ /* css-modules:css-modules://5FDyaXXShkhSOnJqwhWCagn9ysJvfZek_t1-MaU44j0.css */
744
+ .vv-KWFFYa-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-Qt2oxG-zoneContent {
758
+ .vv-KWFFYa-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-Qt2oxG-centeredContainer {
767
+ .vv-KWFFYa-centeredContainer {
768
768
  min-width: 0;
769
769
  min-height: 0;
770
770
  position: relative;
771
771
  }
772
- .vv-Qt2oxG-anyZone {
772
+ .vv-KWFFYa-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-Qt2oxG-anyZone[data-isSubZone="1"] {
780
+ .vv-KWFFYa-anyZone[data-isSubZone="1"] {
781
781
  z-index: 1;
782
782
  }
783
- .vv-Qt2oxG-volumeIcon {
783
+ .vv-KWFFYa-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-Qt2oxG-actions {
790
+ .vv-KWFFYa-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-Qt2oxG-actions:empty {
800
+ .vv-KWFFYa-actions:empty {
801
801
  min-height: 72px;
802
802
  }
803
- .vv-Qt2oxG-switchContent {
803
+ .vv-KWFFYa-switchContent {
804
804
  text-align: center;
805
805
  }
806
- .vv-Qt2oxG-riveContainer {
806
+ .vv-KWFFYa-riveContainer {
807
807
  width: 100%;
808
808
  height: 100%;
809
809
  }
810
- .vv-Qt2oxG-mask {
810
+ .vv-KWFFYa-mask {
811
811
  background: #fff;
812
812
  }
813
- .vv-Qt2oxG-correctionZone {
813
+ .vv-KWFFYa-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://2Y_vMUWTjgx3B2M9llqq7QPom2j5Ib0Xan56hYXusfA.css */
825
- .vv-lMrrqa-span {
824
+ /* css-modules:css-modules://GUtW9d2XNACDgkbqjWT5WgDMIaPxxA3iL-JgOU-w6Fg.css */
825
+ .vv-C-Tt3q-span {
826
826
  line-height: 1;
827
827
  }
828
- .vv-lMrrqa-root {
828
+ .vv-C-Tt3q-root {
829
829
  z-index: var(--z-tooltip);
830
830
  }
831
- .vv-lMrrqa-container {
831
+ .vv-C-Tt3q-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-lMrrqa-container:focus {
838
+ .vv-C-Tt3q-container:focus {
839
839
  outline: 0;
840
840
  }
841
- .vv-lMrrqa-img {
841
+ .vv-C-Tt3q-img {
842
842
  box-sizing: border-box;
843
843
  border-radius: 24px;
844
844
  max-width: 90vw;
@@ -846,29 +846,9 @@
846
846
  padding: 8px;
847
847
  display: block;
848
848
  }
849
- .vv-lMrrqa-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-lMrrqa-definitionTitle {
867
- font-weight: 800;
868
- }
869
849
 
870
- /* css-modules:css-modules://zGCFACLpBLH96_2zXGBvUqgQ08-PmaLDLPHYxFD1B4I.css */
871
- .vv-yXp5cG-viewGrid {
850
+ /* css-modules:css-modules://Qp-BXfUssvL_Pi80Mcj88uCPIyYcTPBUNjNOx5rcLK0.css */
851
+ .vv-ppNnoa-viewGrid {
872
852
  box-sizing: border-box;
873
853
  width: 100%;
874
854
  max-width: 100%;
@@ -876,21 +856,21 @@
876
856
  max-height: 100%;
877
857
  display: flex;
878
858
  }
879
- .vv-yXp5cG-content {
859
+ .vv-ppNnoa-content {
880
860
  max-width: inherit;
881
861
  max-height: inherit;
882
862
  height: 100%;
883
863
  margin: auto;
884
864
  position: relative;
885
865
  }
886
- .vv-yXp5cG-pictureZone {
866
+ .vv-ppNnoa-pictureZone {
887
867
  top: var(--v-picturezone-y);
888
868
  left: var(--v-picturezone-x);
889
869
  width: var(--v-picturezone-w);
890
870
  height: var(--v-picturezone-h);
891
871
  position: absolute;
892
872
  }
893
- .vv-yXp5cG-pageDivider {
873
+ .vv-ppNnoa-pageDivider {
894
874
  background: var(--pk-blue-50-color);
895
875
  opacity: .1;
896
876
  width: 1px;
@@ -900,8 +880,8 @@
900
880
  left: 50%;
901
881
  }
902
882
 
903
- /* css-modules:css-modules://JNa7f1MIQ_cbLXZ_hQQkmq6NTWKmaAIN8C050nANUW0.css */
904
- .vv-QxWWSq-document {
883
+ /* css-modules:css-modules://51iRn7UxGzNcVNlRcDar-JrUvnLwTXIc9bJJRc7WQBc.css */
884
+ .vv-eSofJW-document {
905
885
  box-sizing: border-box;
906
886
  border-radius: 8px;
907
887
  outline: none;
@@ -911,20 +891,20 @@
911
891
  padding: 0;
912
892
  display: flex;
913
893
  }
914
- .vv-QxWWSq-document[data-mode=edit] {
894
+ .vv-eSofJW-document[data-mode=edit] {
915
895
  z-index: 0;
916
896
  }
917
897
  @media print {
918
- .vv-QxWWSq-document {
898
+ .vv-eSofJW-document {
919
899
  height: auto;
920
900
  }
921
901
  }
922
902
 
923
- /* css-modules:css-modules://C1KOkN4ygCpWGT5JT1Iy0vXsn97_wcJJiRFKv97ovPg.css */
924
- .vv-dTno-a-divSearch {
903
+ /* css-modules:css-modules://zVm-TGrzQTO2kueQQAbFGVGzKvSOfzZa1zkM7LetcaQ.css */
904
+ .vv-Jr43lW-divSearch {
925
905
  cursor: pointer;
926
906
  }
927
- .vv-dTno-a-rootDocument {
907
+ .vv-Jr43lW-rootDocument {
928
908
  box-sizing: border-box;
929
909
  width: 100%;
930
910
  height: 100%;
@@ -934,7 +914,7 @@
934
914
  flex: 1;
935
915
  }
936
916
 
937
- /* css-modules:css-modules://cnYQY5cLzjRqrlQQdhQNiTTJIPuuyjU8sxiGmC3Lsfc.css */
917
+ /* css-modules:css-modules://vtrK2LiCa3Cg2rqxSSJXGS9odK3qa93aUCO26EqHC6A.css */
938
918
  .CodeMirror-hints.lls-new-viewer.lls-new-viewer {
939
919
  z-index: var(--z-viewer-editor);
940
920
  }
@@ -942,8 +922,8 @@
942
922
  z-index: var(--z-viewer-editor);
943
923
  }
944
924
 
945
- /* css-modules:css-modules://U2GJDwfMjN2RhIixg-R44YeOxshDzufV11dpTv0Mg1g.css */
946
- .vv-YbKkCG-viewer {
925
+ /* css-modules:css-modules://1P9sTytH8lfSV44fIwgzoUTbKA77g8bRUAbYTG1z83I.css */
926
+ .vv--zeDla-viewer {
947
927
  width: 100%;
948
928
  height: 100%;
949
929
  text-rendering: optimizelegibility;
@@ -953,15 +933,15 @@
953
933
  widows: 3;
954
934
  margin: 0 auto;
955
935
  }
956
- .vv-YbKkCG-viewerInner {
936
+ .vv--zeDla-viewerInner {
957
937
  background-color: var(--vivi-bg-color, unset);
958
938
  box-sizing: border-box;
959
939
  width: 100%;
960
940
  height: 100%;
961
941
  }
962
942
 
963
- /* css-modules:css-modules://xR0lbuMr5DCUAtUg8DifGeJn41faw0zGg5QEae-rEME.css */
964
- @keyframes vv-cRSzWq-alertOpenedAnimation {
943
+ /* css-modules:css-modules://P-oFfVhH88VZfkISn-OtPaxNCOMOjEY_KUJZBMedCtc.css */
944
+ @keyframes vv-Gs0e6a-alertOpenedAnimation {
965
945
  0% {
966
946
  opacity: 0;
967
947
  transform: translate3d(-50%, 20px, 0);
@@ -979,7 +959,7 @@
979
959
  transform: translate3d(-50%, 20px, 0);
980
960
  }
981
961
  }
982
- .vv-cRSzWq-alert {
962
+ .vv-Gs0e6a-alert {
983
963
  color: #fff;
984
964
  opacity: 0;
985
965
  z-index: 3;
@@ -987,15 +967,15 @@
987
967
  border-radius: 8px;
988
968
  padding: 10px;
989
969
  font-family: LatoWeb;
990
- animation: 3s linear vv-cRSzWq-alertOpenedAnimation;
970
+ animation: 3s linear vv-Gs0e6a-alertOpenedAnimation;
991
971
  position: fixed;
992
972
  bottom: 40px;
993
973
  left: 50%;
994
974
  transform: translate3d(-50%, 20px, 0);
995
975
  }
996
976
 
997
- /* css-modules:css-modules://ze6Jy5RXnEm7DUPZhopHY6QgXvJlCrr6nyZtMP0l_HE.css */
998
- .vv-Hw2XRa-book {
977
+ /* css-modules:css-modules://Txl29FGimU4YIifcCmXA3M1Z8wrqm47NPEyNiBr2qR8.css */
978
+ .vv-DWzEgW-book {
999
979
  aspect-ratio: 1131 / 764;
1000
980
  background-image: url(/assets/cover.svg);
1001
981
  background-position: center;
@@ -1007,13 +987,13 @@
1007
987
  margin: auto;
1008
988
  position: relative;
1009
989
  }
1010
- .vv-Hw2XRa-bookInner {
990
+ .vv-DWzEgW-bookInner {
1011
991
  width: 84%;
1012
992
  position: relative;
1013
993
  top: 6%;
1014
994
  left: 8%;
1015
995
  }
1016
- .vv-Hw2XRa-editorViewContainer {
996
+ .vv-DWzEgW-editorViewContainer {
1017
997
  flex-direction: column;
1018
998
  flex: 1;
1019
999
  height: 100%;
@@ -1021,79 +1001,79 @@
1021
1001
  display: flex;
1022
1002
  position: relative;
1023
1003
  }
1024
- .vv-Hw2XRa-viewTopBar {
1004
+ .vv-DWzEgW-viewTopBar {
1025
1005
  z-index: var(--z-vivi-fullscreen-button);
1026
1006
  flex-shrink: 0;
1027
1007
  display: flex;
1028
1008
  position: absolute;
1029
1009
  }
1030
- .vv-Hw2XRa-fullscreenButton.vv-Hw2XRa-fullscreenButton {
1010
+ .vv-DWzEgW-fullscreenButton.vv-DWzEgW-fullscreenButton {
1031
1011
  position: absolute;
1032
1012
  }
1033
- .vv-Hw2XRa-fullscreenButton {
1013
+ .vv-DWzEgW-fullscreenButton {
1034
1014
  z-index: 1;
1035
1015
  }
1036
- .vv-Hw2XRa-fullscreenPrevButton {
1016
+ .vv-DWzEgW-fullscreenPrevButton {
1037
1017
  z-index: var(--z-vivi-fullscreen-button);
1038
1018
  top: 50%;
1039
1019
  left: 0;
1040
1020
  transform: translateY(-50%);
1041
1021
  }
1042
- .vv-Hw2XRa-fullscreenNextButton {
1022
+ .vv-DWzEgW-fullscreenNextButton {
1043
1023
  z-index: var(--z-vivi-fullscreen-button);
1044
1024
  top: 50%;
1045
1025
  right: 0;
1046
1026
  transform: translateY(-50%);
1047
1027
  }
1048
- .vv-Hw2XRa-fullscreenExitButton {
1028
+ .vv-DWzEgW-fullscreenExitButton {
1049
1029
  z-index: var(--z-vivi-fullscreen-button);
1050
1030
  top: 0;
1051
1031
  left: 50%;
1052
1032
  transform: translateX(-50%);
1053
1033
  }
1054
1034
 
1055
- /* css-modules:css-modules://4_nxxJUSBHviWrX0fSN2tiqG5f-gQ_3JpY9_kRaD9hI.css */
1056
- .vv-T7X3eW-rnd {
1035
+ /* css-modules:css-modules://y1CDIK68WE_KDW-cK-Jjqff7WjxkOc0a_SrBz2ROQYE.css */
1036
+ .vv-FSAvNW-rnd {
1057
1037
  z-index: var(--z-viewer-editor);
1058
1038
  background-color: #fff;
1059
1039
  justify-content: center;
1060
1040
  align-items: center;
1061
1041
  box-shadow: 0 0 5px #00000057;
1062
1042
  }
1063
- .vv-T7X3eW-header {
1043
+ .vv-FSAvNW-header {
1064
1044
  text-align: right;
1065
1045
  cursor: grab;
1066
1046
  background-color: #4e4e4e;
1067
1047
  height: 24px;
1068
1048
  }
1069
- .vv-T7X3eW-body {
1049
+ .vv-FSAvNW-body {
1070
1050
  padding: 20px;
1071
1051
  }
1072
- .vv-T7X3eW-fieldWrapper {
1052
+ .vv-FSAvNW-fieldWrapper {
1073
1053
  align-items: baseline;
1074
1054
  margin-bottom: 10px;
1075
1055
  display: flex;
1076
1056
  }
1077
- .vv-T7X3eW-uuid[data-font=FiraMono] {
1057
+ .vv-FSAvNW-uuid[data-font=FiraMono] {
1078
1058
  font-family: var(--kitdysmonofamily, var(--data-font, var(--kitfontfamily)));
1079
1059
  }
1080
- .vv-T7X3eW-uuid[data-font=OpenDyslexicMono] {
1060
+ .vv-FSAvNW-uuid[data-font=OpenDyslexicMono] {
1081
1061
  font-family: var(--kitdysmonofamily, var(--data-font, var(--kitfontfamily)));
1082
1062
  }
1083
- .vv-T7X3eW-uuid:not([data-font=FiraMono]):not([data-font=OpenDyslexicMono]) {
1063
+ .vv-FSAvNW-uuid:not([data-font=FiraMono]):not([data-font=OpenDyslexicMono]) {
1084
1064
  font-family: var(--kitdysfamily, var(--data-font, var(--kitfontfamily)));
1085
1065
  }
1086
- .vv-T7X3eW-uuid[data-font=caveat] {
1066
+ .vv-FSAvNW-uuid[data-font=caveat] {
1087
1067
  font-size: calc(var(--size-index, 1) * 20px);
1088
1068
  }
1089
- .vv-T7X3eW-uuid[data-font=stylo] {
1069
+ .vv-FSAvNW-uuid[data-font=stylo] {
1090
1070
  font-variant-ligatures: normal;
1091
1071
  }
1092
- .vv-T7X3eW-uuid {
1072
+ .vv-FSAvNW-uuid {
1093
1073
  color: gray;
1094
1074
  margin-left: 10px;
1095
1075
  }
1096
- .vv-T7X3eW-field {
1076
+ .vv-FSAvNW-field {
1097
1077
  box-shadow: none;
1098
1078
  color: #414141;
1099
1079
  background-color: #0000;
@@ -1104,13 +1084,13 @@
1104
1084
  margin: 3px;
1105
1085
  font-size: 1em;
1106
1086
  }
1107
- .vv-T7X3eW-select {
1087
+ .vv-FSAvNW-select {
1108
1088
  flex-grow: 1;
1109
1089
  margin-left: 10px;
1110
1090
  }
1111
1091
 
1112
- /* css-modules:css-modules://RDCFsW10t0j_0DliLSHAsmaD7CDKW4UTtOv-BtY2o9Y.css */
1113
- @keyframes vv-mBcYuW-alertOpenedAnimation {
1092
+ /* css-modules:css-modules://By84ActhFbbi2XWVS7t7puGzLZhJL44ulrbOMVgZ7YE.css */
1093
+ @keyframes vv-ewvfQq-alertOpenedAnimation {
1114
1094
  0% {
1115
1095
  opacity: 0;
1116
1096
  transform: translate3d(-50%, 20px, 0);
@@ -1128,7 +1108,7 @@
1128
1108
  transform: translate3d(-50%, 20px, 0);
1129
1109
  }
1130
1110
  }
1131
- .vv-mBcYuW-submit {
1111
+ .vv-ewvfQq-submit {
1132
1112
  color: #fff;
1133
1113
  cursor: pointer;
1134
1114
  background: linear-gradient(#7e64e6, #6f7bfb);
@@ -1140,34 +1120,34 @@
1140
1120
  font-size: 14px;
1141
1121
  transition: all .5s;
1142
1122
  }
1143
- .vv-mBcYuW-submit:active {
1123
+ .vv-ewvfQq-submit:active {
1144
1124
  background: linear-gradient(#2e5eb5, #6f7bfb);
1145
1125
  }
1146
- .vv-mBcYuW-button[data-isactive="1"] {
1126
+ .vv-ewvfQq-button[data-isactive="1"] {
1147
1127
  background-color: #d3d3d3;
1148
1128
  }
1149
- .vv-mBcYuW-stickyBar {
1129
+ .vv-ewvfQq-stickyBar {
1150
1130
  z-index: var(--z-backoffice-stickybar);
1151
1131
  background-color: var(--white-color);
1152
1132
  padding: 16px 0;
1153
1133
  position: sticky;
1154
1134
  top: 0;
1155
1135
  }
1156
- .vv-mBcYuW-stickyBar [name=mode] {
1136
+ .vv-ewvfQq-stickyBar [name=mode] {
1157
1137
  margin-top: 0;
1158
1138
  }
1159
- .vv-mBcYuW-pageContainer {
1139
+ .vv-ewvfQq-pageContainer {
1160
1140
  background-color: var(--viewer-bg-color, var(--gray-80-color));
1161
1141
  flex: 1;
1162
1142
  min-height: 0;
1163
1143
  display: flex;
1164
1144
  position: relative;
1165
1145
  }
1166
- .vv-mBcYuW-screen {
1146
+ .vv-ewvfQq-screen {
1167
1147
  box-sizing: border-box;
1168
1148
  width: 100%;
1169
1149
  }
1170
- .vv-mBcYuW-alert {
1150
+ .vv-ewvfQq-alert {
1171
1151
  color: #fff;
1172
1152
  opacity: 0;
1173
1153
  z-index: 3;
@@ -1175,7 +1155,7 @@
1175
1155
  border-radius: 8px;
1176
1156
  padding: 10px;
1177
1157
  font-family: LatoWeb;
1178
- animation: 3s linear vv-mBcYuW-alertOpenedAnimation;
1158
+ animation: 3s linear vv-ewvfQq-alertOpenedAnimation;
1179
1159
  position: fixed;
1180
1160
  bottom: 40px;
1181
1161
  left: 50%;