@lls/vivi 24.45.0-cc83359d → 24.45.0-ecfed0b7

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 +222 -222
  2. package/lib/index.js +256 -254
  3. package/package.json +4 -4
@@ -1,12 +1,12 @@
1
- /* css-modules:css-modules://vLSUy2B2UyeSArhqAIu1uOZmCdfyurZcs8MF-EyTxPk.css */
2
- .vv-RA_S9W-codemirrorWrapper {
1
+ /* css-modules:css-modules://LrjRk-ihJuo7VPG4rXiyOx63m3RBb0mDWCHH17XrvAo.css */
2
+ .vv-guRq-G-codemirrorWrapper {
3
3
  height: 100%;
4
4
  }
5
- .vv-RA_S9W-codemirrorWrapper .CodeMirror {
5
+ .vv-guRq-G-codemirrorWrapper .CodeMirror {
6
6
  font-size: 16px;
7
7
  height: 100% !important;
8
8
  }
9
- .vv-RA_S9W-codemirrorWrapper .CodeMirror * {
9
+ .vv-guRq-G-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-RA_S9W-codemirrorWrapper .CodeMirror-selectedtext {
18
+ .vv-guRq-G-codemirrorWrapper .CodeMirror-selectedtext {
19
19
  background: #264f78 !important;
20
20
  }
21
21
 
22
- /* css-modules:css-modules://qwz7p6jicInYjsKsZXJDRPyRRN8ZKt0r0FlZAXtbcq0.css */
23
- .vv-Rj5_9q-header {
22
+ /* css-modules:css-modules://ev2HkaCzMAsfSWQcyS_r7e6qYp6HHSUD-gQ4fyf_Eq0.css */
23
+ .vv-BcmbXq-header {
24
24
  cursor: pointer;
25
25
  background-color: var(--white-color);
26
26
  padding: 5px;
27
27
  }
28
- .vv-Rj5_9q-header:hover {
28
+ .vv-BcmbXq-header:hover {
29
29
  background-color: #e5e5e5;
30
30
  }
31
31
 
32
- /* css-modules:css-modules://JTod3b6YkuYDQjq0rZ775Gh-c0W6pMSkH7MfOGNzxbI.css */
33
- .vv-et-Via-ul {
32
+ /* css-modules:css-modules://hzwK9eg7jIFIPfLm79kt3cuumb4btz7levWlci-rYHo.css */
33
+ .vv-VBkOcq-ul {
34
34
  cursor: pointer;
35
35
  margin: 0;
36
36
  padding: 6px 0 6px 24px;
37
37
  }
38
- .vv-et-Via-ul:hover {
38
+ .vv-VBkOcq-ul:hover {
39
39
  background-color: #e5e5e5;
40
40
  }
41
41
 
42
- /* css-modules:css-modules://mIP_tELvFlbmbcHnJyLh9vS9H7oQ4LmvCBSGD99Yf3A.css */
43
- .vv-3jRwWW-mathsElement {
42
+ /* css-modules:css-modules://MTM4Qm8BtuppPjAzZYjE0yOA9Kick6RzgCw2JMKQwAg.css */
43
+ .vv-dUl8DG-mathsElement {
44
44
  cursor: pointer;
45
45
  margin: 0;
46
46
  padding: 6px;
47
47
  }
48
- .vv-3jRwWW-mathsElement:hover {
48
+ .vv-dUl8DG-mathsElement:hover {
49
49
  background-color: #e5e5e5;
50
50
  }
51
51
 
52
- /* css-modules:css-modules://xluj5oBxlB8DCazWCyFs599G_Uz5rOAQ2VOsdcYgD6g.css */
53
- .vv-bGGE0G-ol {
52
+ /* css-modules:css-modules://IUFHvWetpQpRiuBAsW_x9Pr2RLCg_qP5cJbAd599i8c.css */
53
+ .vv-gVcX5a-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-bGGE0G-ol:last-of-type {
60
+ .vv-gVcX5a-ol:last-of-type {
61
61
  border-right: none;
62
62
  }
63
- .vv-bGGE0G-ol:hover {
63
+ .vv-gVcX5a-ol:hover {
64
64
  background-color: #e5e5e5;
65
65
  }
66
66
 
67
- /* css-modules:css-modules://b2I39iJnCB4tVSGBHmXCQvNKuQCFCAaftqMni94VePQ.css */
68
- .vv-OfKtzq-question {
67
+ /* css-modules:css-modules://sVCFKuhccYbs7CGTt6j7ZYwg7jjmNONwD-SN5x9bIg8.css */
68
+ .vv-e19Bha-question {
69
69
  cursor: pointer;
70
70
  padding: 5px;
71
71
  }
72
- .vv-OfKtzq-question:hover {
72
+ .vv-e19Bha-question:hover {
73
73
  background-color: #e5e5e5;
74
74
  }
75
75
 
76
- /* css-modules:css-modules://-GjfrkBFMyjq3zR9BE7pmnBzh2m31LWgNbDUXt-6Ajc.css */
77
- .vv-RqumRW-stamp {
76
+ /* css-modules:css-modules://UJXqE96hcKLfAuKkOEM4OH1SpbUrzhkjRs2--9OA0Mk.css */
77
+ .vv-RvV_2q-stamp {
78
78
  cursor: pointer;
79
79
  padding: 5px;
80
80
  }
81
- .vv-RqumRW-stamp:hover {
81
+ .vv-RvV_2q-stamp:hover {
82
82
  background-color: #e5e5e5;
83
83
  }
84
84
 
85
- /* css-modules:css-modules://a8AJ9tbHv8XDbEcg8AVLmKPmCX6EtXokHykkbJgu3i4.css */
86
- .vv-FPz_4G-cell {
85
+ /* css-modules:css-modules://NDMmnU6mm1fFdsZs9_z85j85QXYDtuC97BBipjjx1xU.css */
86
+ .vv-D-pvXa-cell {
87
87
  width: var(--v-cell-width);
88
88
  height: var(--v-cell-height);
89
89
  background-color: #999;
90
90
  }
91
- .vv-FPz_4G-cell:hover {
91
+ .vv-D-pvXa-cell:hover {
92
92
  background-color: #444;
93
93
  }
94
- .vv-FPz_4G-cell[data-isselected="1"] {
94
+ .vv-D-pvXa-cell[data-isselected="1"] {
95
95
  background-color: #444;
96
96
  }
97
- .vv-FPz_4G-header {
97
+ .vv-D-pvXa-header {
98
98
  text-align: center;
99
99
  }
100
- .vv-FPz_4G-grid {
100
+ .vv-D-pvXa-grid {
101
101
  width: var(--v-line-width);
102
102
  }
103
- .vv-FPz_4G-line {
103
+ .vv-D-pvXa-line {
104
104
  margin-bottom: var(--v-cell-margin);
105
105
  justify-content: space-between;
106
106
  display: flex;
107
107
  }
108
- .vv-FPz_4G-line:last-of-type {
108
+ .vv-D-pvXa-line:last-of-type {
109
109
  margin-bottom: 0;
110
110
  }
111
111
 
112
- /* css-modules:css-modules://b_6GKZ43dE_W1YqYumqltIv43n8gVIKLkc56CkEJrJQ.css */
113
- .vv-qlr3jW-h1 {
112
+ /* css-modules:css-modules://LWo_NG0BcNfJmNcTTJKEr7vZr5-RWFSuXDcrL3HIThw.css */
113
+ .vv-yENKwG-h1 {
114
114
  font-size: 24px;
115
115
  }
116
- .vv-qlr3jW-h2 {
116
+ .vv-yENKwG-h2 {
117
117
  font-size: 22px;
118
118
  }
119
- .vv-qlr3jW-h3 {
119
+ .vv-yENKwG-h3 {
120
120
  font-size: 20px;
121
121
  }
122
- .vv-qlr3jW-h4 {
122
+ .vv-yENKwG-h4 {
123
123
  font-size: 18px;
124
124
  }
125
- .vv-qlr3jW-body1 {
125
+ .vv-yENKwG-body1 {
126
126
  font-size: 16px;
127
127
  }
128
- .vv-qlr3jW-body2 {
128
+ .vv-yENKwG-body2 {
129
129
  font-size: 14px;
130
130
  }
131
- .vv-qlr3jW-body3 {
131
+ .vv-yENKwG-body3 {
132
132
  font-size: 12px;
133
133
  }
134
- .vv-qlr3jW-title {
134
+ .vv-yENKwG-title {
135
135
  cursor: pointer;
136
136
  padding: 5px;
137
137
  }
138
- .vv-qlr3jW-title:hover {
138
+ .vv-yENKwG-title:hover {
139
139
  background-color: #e5e5e5;
140
140
  }
141
141
 
142
- /* css-modules:css-modules://W-SQHpFKcgt7bJ1pEOGAlciJDIqhWjhWLRtp9p9aLmk.css */
143
- .vv-HG1wSW-span {
142
+ /* css-modules:css-modules://4SM6aaLdjwwFlGkDyknhE7-4fPeSNJxS3A-xwDPLjK8.css */
143
+ .vv-txXVwG-span {
144
144
  display: inline-flex;
145
145
  }
146
- .vv-HG1wSW-editorToolbar {
146
+ .vv-txXVwG-editorToolbar {
147
147
  border-bottom: 1px solid #3a3a3a;
148
148
  }
149
149
 
150
- /* css-modules:css-modules://aZbAorPCNQDt7iTMo3YHcmviMU4A2DuF_86md2flSJo.css */
151
- .vv-M4iNyG-handle {
150
+ /* css-modules:css-modules://jmUZfn7ReaQQVMcB3spnUzVdoLuwTEbBVWkplCTCRj4.css */
151
+ .vv-7jcIoq-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://JMhG4D8OsnmSABU1UfRc7Vv2LHrTIuvRMzI36NnTSxo.css */
163
- .vv-ARnyWW-rnd {
162
+ /* css-modules:css-modules://KhpRyxYCR-ldvy0NpQdmd5k10IwiGJcJBt2Z_G6S0ic.css */
163
+ .vv-MS19AW-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-ARnyWW-header {
170
+ .vv-MS19AW-header {
171
171
  text-align: right;
172
172
  cursor: grab;
173
173
  background-color: #4e4e4e;
174
174
  height: 24px;
175
175
  }
176
- .vv-ARnyWW-wrapper {
176
+ .vv-MS19AW-wrapper {
177
177
  flex-grow: 1;
178
178
  overflow-y: auto;
179
179
  }
180
- .vv-ARnyWW-errorBanner {
180
+ .vv-MS19AW-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://O4fUWprI5f48fenaTEnhP_bA2tg4TvFoKCGkhLqm6sM.css */
193
- .vv-IMHBiW-toolbar {
192
+ /* css-modules:css-modules://mXtxW3Kt5x1HvpMkuMmZ7OK9QOA9uir-3S1DjelfAxA.css */
193
+ .vv-Rx-xVW-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-IMHBiW-toolbar:hover {
201
+ .vv-Rx-xVW-toolbar:hover {
202
202
  opacity: 1;
203
203
  }
204
204
  @media print {
205
- .vv-IMHBiW-toolbar {
205
+ .vv-Rx-xVW-toolbar {
206
206
  display: none;
207
207
  }
208
208
  }
209
- .vv-IMHBiW-parentToolbar {
209
+ .vv-Rx-xVW-parentToolbar {
210
210
  opacity: 1;
211
211
  position: static;
212
212
  }
213
- .vv-IMHBiW-toggleMenuButton {
213
+ .vv-Rx-xVW-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://dnKyU26cB_eVrlh-0by4NM1-TyvwC5WAiSaceFNo2yU.css */
231
- .vv-BNKQwG-errorBoundary {
230
+ /* css-modules:css-modules://RVBWqVqqu6ymTPEQXPQHfms5GcSaDIWkh0wycix6AzM.css */
231
+ .vv-WQTIDG-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-BNKQwG-errorBoundary textarea {
239
+ .vv-WQTIDG-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://4Tu_aXtoV1A1P7JomlgICj7u3tMccH73WqYfgotxzCE.css */
257
- .vv-x28BAq-editGrid {
256
+ /* css-modules:css-modules://_-3YSUT0lEt4P9zYlTttfoeCIQAFtXOj0ICtekoQ46o.css */
257
+ .vv-dX1w1G-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-x28BAq-interface {
267
+ .vv-dX1w1G-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-x28BAq-interface h2 {
281
+ .vv-dX1w1G-interface h2 {
282
282
  margin: 0 0 16px;
283
283
  }
284
- .vv-x28BAq-interfaceHeader {
284
+ .vv-dX1w1G-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-x28BAq-col {
296
+ .vv-dX1w1G-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-x28BAq-row {
303
+ .vv-dX1w1G-row {
304
304
  align-items: center;
305
305
  gap: 8px;
306
306
  display: flex;
307
307
  }
308
- .vv-x28BAq-zonePicture {
308
+ .vv-dX1w1G-zonePicture {
309
309
  box-sizing: border-box;
310
310
  }
311
- .vv-x28BAq-zonePictureInner {
311
+ .vv-dX1w1G-zonePictureInner {
312
312
  outline: 4px solid var(--v-grid-zone-picture-color);
313
313
  }
314
- .vv-x28BAq-zone {
314
+ .vv-dX1w1G-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-x28BAq-zone .vv-x28BAq-row {
325
+ .vv-dX1w1G-zone .vv-dX1w1G-row {
326
326
  flex-wrap: wrap;
327
327
  justify-content: space-between;
328
328
  }
329
- .vv-x28BAq-zone h4 {
329
+ .vv-dX1w1G-zone h4 {
330
330
  margin: 0;
331
331
  }
332
- .vv-x28BAq-zone .vv-x28BAq-zonePicture {
332
+ .vv-dX1w1G-zone .vv-dX1w1G-zonePicture {
333
333
  width: 100%;
334
334
  height: 120px;
335
335
  display: flex;
336
336
  }
337
- .vv-x28BAq-docs {
337
+ .vv-dX1w1G-docs {
338
338
  flex-direction: column;
339
339
  gap: 16px;
340
340
  display: flex;
341
341
  }
342
- .vv-x28BAq-angleValue {
342
+ .vv-dX1w1G-angleValue {
343
343
  text-align: center;
344
344
  width: 36px;
345
345
  display: inline-block;
346
346
  }
347
347
 
348
- /* css-modules:css-modules://Ii2oltkdy-H9O3oKc6hmc7-SGuxVjnwOrnuS4FAOFEs.css */
349
- .vv-621P1q-container {
348
+ /* css-modules:css-modules://GlQBnm22VtfFFRhU3ta4PCuCE0_TfnSrIJ5fLio7qdw.css */
349
+ .vv-Cb_LHW-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-621P1q-audio {
356
+ .vv-Cb_LHW-audio {
357
357
  max-width: 100%;
358
358
  }
359
359
 
360
- /* css-modules:css-modules://sdbBa1SWPCNjk9qm9DQiRBDwexxlkz4FM7ilCfp7wTA.css */
361
- .vv-UDbpeW-container {
360
+ /* css-modules:css-modules://kDrV0fZyzabQvKzKBLW0jFnTnferLL2EXg81227Ny6M.css */
361
+ .vv-CClw5W-container {
362
362
  width: 100%;
363
363
  height: 100%;
364
364
  }
365
365
 
366
- /* css-modules:css-modules://frcFXxG9e3oENSQFvEvMkv_5U225Aqke3MtaxPelESY.css */
367
- .vv-WteeVa-container {
366
+ /* css-modules:css-modules://7Mnih6sBiff9_J3PkgVvZlr3gONWLdGKzPJ3xK_9P-k.css */
367
+ .vv-8Lch4G-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-WteeVa-video {
375
+ .vv-8Lch4G-video {
376
376
  max-width: 100%;
377
377
  }
378
378
 
379
- /* css-modules:css-modules://5Dj5kf3V9EL0pTPpVw_EyZtxf7q7iCthP8l3Q7fDUc4.css */
380
- .vv-w_Wcrq-col {
379
+ /* css-modules:css-modules://VoVkK3wwQn13-ICk6YTwokayG5jvU77d3ZDrGdiBjTI.css */
380
+ .vv-jorM3q-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-w_Wcrq-row {
387
+ .vv-jorM3q-row {
388
388
  align-items: center;
389
389
  gap: 8px;
390
390
  display: flex;
391
391
  }
392
- .vv-w_Wcrq-zonePicture {
392
+ .vv-jorM3q-zonePicture {
393
393
  box-sizing: border-box;
394
394
  width: 100%;
395
395
  height: 120px;
396
396
  display: flex;
397
397
  }
398
- .vv-w_Wcrq-zonePictureInner {
398
+ .vv-jorM3q-zonePictureInner {
399
399
  outline: 4px solid var(--v-grid-zone-picture-color);
400
400
  }
401
- .vv-w_Wcrq-zone {
401
+ .vv-jorM3q-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-w_Wcrq-zone .vv-w_Wcrq-row {
412
+ .vv-jorM3q-zone .vv-jorM3q-row {
413
413
  flex-wrap: wrap;
414
414
  justify-content: space-between;
415
415
  }
416
- .vv-w_Wcrq-zone h3 {
416
+ .vv-jorM3q-zone h3 {
417
417
  margin: 0;
418
418
  }
419
- .vv-w_Wcrq-stickyElementsList {
419
+ .vv-jorM3q-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-w_Wcrq-addZone {
428
+ .vv-jorM3q-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-w_Wcrq-addZone > h3 {
436
+ .vv-jorM3q-addZone > h3 {
437
437
  margin: 0;
438
438
  }
439
- .vv-w_Wcrq-addZoneButtons {
439
+ .vv-jorM3q-addZoneButtons {
440
440
  grid-template-columns: 1fr 1fr;
441
441
  gap: 8px;
442
442
  display: grid;
443
443
  }
444
- .vv-w_Wcrq-contentMdDoc {
444
+ .vv-jorM3q-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-w_Wcrq-mediaContainer {
452
+ .vv-jorM3q-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-w_Wcrq-rive {
463
+ .vv-jorM3q-rive {
464
464
  aspect-ratio: 16 / 9;
465
465
  }
466
- .vv-w_Wcrq-leftButton {
466
+ .vv-jorM3q-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-w_Wcrq-rightButton {
472
+ .vv-jorM3q-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-w_Wcrq-properties {
478
+ .vv-jorM3q-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-w_Wcrq-zoneElementsList {
487
+ .vv-jorM3q-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-w_Wcrq-zoneElements {
495
+ .vv-jorM3q-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-w_Wcrq-angleValue {
504
+ .vv-jorM3q-angleValue {
505
505
  text-align: center;
506
506
  width: 36px;
507
507
  display: inline-block;
508
508
  }
509
509
 
510
- /* css-modules:css-modules://U26kCerfRtuV-TTmbyy_OA8YCvFjW3DkjLxZtgi3a-o.css */
511
- .vv-YDIQRq-zoneMakeContainer {
510
+ /* css-modules:css-modules://hISl3p0QOyp5mKeSOtcJBVJcHGJo7KfIhR2GpZ9D2G8.css */
511
+ .vv-1uoL2q-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-YDIQRq-zoneMaker {
519
+ .vv-1uoL2q-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-YDIQRq-zoneMaker > img {
526
+ .vv-1uoL2q-zoneMaker > img {
527
527
  width: 100%;
528
528
  aspect-ratio: var(--v-grid-picture-aspect-ratio);
529
529
  display: block;
530
530
  }
531
- .vv-YDIQRq-pictureZone {
531
+ .vv-1uoL2q-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-YDIQRq-pictureZone[data-selected="1"] {
543
+ .vv-1uoL2q-pictureZone[data-selected="1"] {
544
544
  box-shadow: 0 0 16px 4px var(--v-zonemaker-color);
545
545
  }
546
- .vv-YDIQRq-pictureZone[data-has-selection="0"]:hover {
546
+ .vv-1uoL2q-pictureZone[data-has-selection="0"]:hover {
547
547
  box-shadow: 0 0 16px 4px var(--v-zonemaker-color);
548
548
  }
549
- .vv-YDIQRq-pictureZone[data-type=mask] {
549
+ .vv-1uoL2q-pictureZone[data-type=mask] {
550
550
  opacity: .95;
551
551
  background: #fff;
552
552
  }
553
- .vv-YDIQRq-pictureZone:hover .vv-YDIQRq-settingsButton {
553
+ .vv-1uoL2q-pictureZone:hover .vv-1uoL2q-settingsButton {
554
554
  --k-button-display: inline-block;
555
555
  }
556
- .vv-YDIQRq-settingsButton {
556
+ .vv-1uoL2q-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-YDIQRq-handle {
563
+ .vv-1uoL2q-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-YDIQRq-mediaContainer {
575
+ .vv-1uoL2q-mediaContainer {
576
576
  flex-direction: column;
577
577
  display: flex;
578
578
  }
579
- .vv-YDIQRq-pageDivider {
579
+ .vv-1uoL2q-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://OOvkQvjE2t9Op5JezAK95hdw-xsKqvszFaJgWDTGU74.css */
590
- .vv-ejypra-zoomedPicture {
589
+ /* css-modules:css-modules://f5ojuxvtJHgEHPhlnUw5L9Z_kjGiHgTkrIBUdcg-RMU.css */
590
+ .vv-3x4b-a-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-ejypra-zoomedPicture[data-needheight="1"] {
599
+ .vv-3x4b-a-zoomedPicture[data-needheight="1"] {
600
600
  height: 100%;
601
601
  }
602
- .vv-ejypra-imgPicture,
603
- .vv-ejypra-placeholder {
602
+ .vv-3x4b-a-imgPicture,
603
+ .vv-3x4b-a-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-ejypra-imgPicture, .vv-ejypra-placeholder) {
617
+ [data-rotation="0"] :is(.vv-3x4b-a-imgPicture, .vv-3x4b-a-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-ejypra-imgPicture, .vv-ejypra-placeholder) {
621
+ [data-rotation="180"] :is(.vv-3x4b-a-imgPicture, .vv-3x4b-a-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-ejypra-imgPicture, .vv-ejypra-placeholder) {
625
+ [data-rotation="90"] :is(.vv-3x4b-a-imgPicture, .vv-3x4b-a-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-ejypra-imgPicture, .vv-ejypra-placeholder) {
629
+ [data-rotation="270"] :is(.vv-3x4b-a-imgPicture, .vv-3x4b-a-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-ejypra-generatedAsset {
633
+ .vv-3x4b-a-generatedAsset {
634
634
  max-width: 100%;
635
635
  max-height: 100%;
636
636
  }
637
- .vv-ejypra-emptyFrame {
637
+ .vv-3x4b-a-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://oqEBCYYIKuceWDUnXt2KSicv4gLa7uz08t_VBTCFO6I.css */
647
- .vv-c_qmVq-item {
646
+ /* css-modules:css-modules://1NZ_kMYSlyXatChL2KSCV_gLdFxuT2PtEoScdOwCQP8.css */
647
+ .vv-X2vUnW-item {
648
648
  margin: 0 16px;
649
649
  position: relative;
650
650
  }
651
- .vv-c_qmVq-item[data-isdragged="1"] {
651
+ .vv-X2vUnW-item[data-isdragged="1"] {
652
652
  z-index: 1;
653
653
  }
654
- .vv-c_qmVq-dragButton {
654
+ .vv-X2vUnW-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://iEz01St3JbwqmQ5EoFGnblzrtxFw6BYmQGckNgETZiM.css */
662
- .vv-VCVgga-highlight {
661
+ /* css-modules:css-modules://BY2DzrOCcJlHUwjqEVyLEY4wEx0WisNqhF8h98IFaXo.css */
662
+ .vv-h2l2JG-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-VCVgga-highlight[data-type=blue][data-show="0"]:active {
677
+ .vv-h2l2JG-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-VCVgga-highlight[data-type=blue][data-show="1"] {
682
+ .vv-h2l2JG-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-VCVgga-highlight[data-type=blue][data-show="0"]:hover {
687
+ .vv-h2l2JG-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-VCVgga-highlight[data-type=purple][data-show="0"]:active {
692
+ .vv-h2l2JG-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-VCVgga-highlight[data-type=purple][data-show="1"] {
697
+ .vv-h2l2JG-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-VCVgga-highlight[data-type=purple][data-show="0"]:hover {
702
+ .vv-h2l2JG-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-VCVgga-highlight[data-type=green][data-show="0"]:active {
707
+ .vv-h2l2JG-highlight[data-type=green][data-show="0"]:active {
708
708
  outline: 1px solid var(--pk-turquoise-20-color);
709
709
  border: 1px solid var(--pk-turquoise-20-color);
710
710
  background: #edfed780;
711
711
  }
712
- .vv-VCVgga-highlight[data-type=green][data-show="1"] {
712
+ .vv-h2l2JG-highlight[data-type=green][data-show="1"] {
713
713
  outline: 1px solid var(--pk-turquoise-20-color);
714
714
  border: 1px solid var(--pk-turquoise-20-color);
715
715
  background: #edfed733;
716
716
  }
717
- .vv-VCVgga-highlight[data-type=green][data-show="0"]:hover {
717
+ .vv-h2l2JG-highlight[data-type=green][data-show="0"]:hover {
718
718
  outline: 1px solid var(--pk-turquoise-20-color);
719
719
  border: 1px solid var(--pk-turquoise-20-color);
720
720
  background: #edfed733;
721
721
  }
722
- .vv-VCVgga-highlight[data-type=pink][data-show="1"] {
722
+ .vv-h2l2JG-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-VCVgga-highlight[data-type=pink][data-show="0"]:hover {
727
+ .vv-h2l2JG-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-VCVgga-highlight[data-type=pink][data-show="0"]:active {
732
+ .vv-h2l2JG-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-VCVgga-highlight[data-type=pink].vv-VCVgga-highlight[data-type=pink][data-isactive="1"] {
737
+ .vv-h2l2JG-highlight[data-type=pink].vv-h2l2JG-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://73Yqrrk-hTgK6Dwmb42wM2e9e3lbcu8g-yadOLNU8mE.css */
744
- .vv-ZNQ5QW-document {
743
+ /* css-modules:css-modules://irg7g0wUjL5y6zjg8gXPfwcX1gxWclp299l3G3tIfeI.css */
744
+ .vv-FGR4cq-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-ZNQ5QW-zoneContent {
758
+ .vv-FGR4cq-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-ZNQ5QW-centeredContainer {
767
+ .vv-FGR4cq-centeredContainer {
768
768
  min-width: 0;
769
769
  min-height: 0;
770
770
  position: relative;
771
771
  }
772
- .vv-ZNQ5QW-anyZone {
772
+ .vv-FGR4cq-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-ZNQ5QW-anyZone[data-isSubZone="1"] {
780
+ .vv-FGR4cq-anyZone[data-isSubZone="1"] {
781
781
  z-index: 1;
782
782
  }
783
- .vv-ZNQ5QW-volumeIcon {
783
+ .vv-FGR4cq-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-ZNQ5QW-actions {
790
+ .vv-FGR4cq-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-ZNQ5QW-actions:empty {
800
+ .vv-FGR4cq-actions:empty {
801
801
  min-height: 72px;
802
802
  }
803
- .vv-ZNQ5QW-switchContent {
803
+ .vv-FGR4cq-switchContent {
804
804
  text-align: center;
805
805
  }
806
- .vv-ZNQ5QW-riveContainer {
806
+ .vv-FGR4cq-riveContainer {
807
807
  width: 100%;
808
808
  height: 100%;
809
809
  }
810
- .vv-ZNQ5QW-mask {
810
+ .vv-FGR4cq-mask {
811
811
  background: #fff;
812
812
  }
813
- .vv-ZNQ5QW-correctionZone {
813
+ .vv-FGR4cq-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://PydzD7nO2IrW6xaL61jg4fzAad5Sxdp4s6GZzRJwwYA.css */
825
- .vv-rzWh5G-span {
824
+ /* css-modules:css-modules://no5blPx2T_2dXIfkNlti_0suBYNdN31BQtgyBk_iMyE.css */
825
+ .vv-Ol78IG-span {
826
826
  line-height: 1;
827
827
  }
828
- .vv-rzWh5G-root {
828
+ .vv-Ol78IG-root {
829
829
  z-index: var(--z-tooltip);
830
830
  }
831
- .vv-rzWh5G-container {
831
+ .vv-Ol78IG-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-rzWh5G-container:focus {
838
+ .vv-Ol78IG-container:focus {
839
839
  outline: 0;
840
840
  }
841
- .vv-rzWh5G-img {
841
+ .vv-Ol78IG-img {
842
842
  box-sizing: border-box;
843
843
  border-radius: 24px;
844
844
  max-width: 90vw;
@@ -846,7 +846,7 @@
846
846
  padding: 8px;
847
847
  display: block;
848
848
  }
849
- .vv-rzWh5G-definition {
849
+ .vv-Ol78IG-definition {
850
850
  background-color: var(--white-color);
851
851
  box-sizing: border-box;
852
852
  border-radius: 24px;
@@ -863,12 +863,12 @@
863
863
  font-size: 28px;
864
864
  line-height: 1.42857;
865
865
  }
866
- .vv-rzWh5G-definitionTitle {
866
+ .vv-Ol78IG-definitionTitle {
867
867
  font-weight: 800;
868
868
  }
869
869
 
870
- /* css-modules:css-modules://fmDfe0xHE62Bz7-CLPKbB0x8ktGCJjSOOSyWlAAE4kk.css */
871
- .vv-yIJPjW-viewGrid {
870
+ /* css-modules:css-modules://v6FPiC0FEJ1GqY193koQWjMRIQPvX_dk9NQY10lO-2I.css */
871
+ .vv-wCS3sG-viewGrid {
872
872
  box-sizing: border-box;
873
873
  width: 100%;
874
874
  max-width: 100%;
@@ -876,21 +876,21 @@
876
876
  max-height: 100%;
877
877
  display: flex;
878
878
  }
879
- .vv-yIJPjW-content {
879
+ .vv-wCS3sG-content {
880
880
  max-width: inherit;
881
881
  max-height: inherit;
882
882
  height: 100%;
883
883
  margin: auto;
884
884
  position: relative;
885
885
  }
886
- .vv-yIJPjW-pictureZone {
886
+ .vv-wCS3sG-pictureZone {
887
887
  top: var(--v-picturezone-y);
888
888
  left: var(--v-picturezone-x);
889
889
  width: var(--v-picturezone-w);
890
890
  height: var(--v-picturezone-h);
891
891
  position: absolute;
892
892
  }
893
- .vv-yIJPjW-pageDivider {
893
+ .vv-wCS3sG-pageDivider {
894
894
  background: var(--pk-blue-50-color);
895
895
  opacity: .1;
896
896
  width: 1px;
@@ -900,8 +900,8 @@
900
900
  left: 50%;
901
901
  }
902
902
 
903
- /* css-modules:css-modules://EZlMnSNVVNyvLYKlHq8AxLic-BQ1Sk6QyMruNGRBQsc.css */
904
- .vv-d2faNG-document {
903
+ /* css-modules:css-modules://l3lwA9rEoFZDGG9d13zFAmntTj6uBDPa8bii7JDTDPY.css */
904
+ .vv-nOXpJW-document {
905
905
  box-sizing: border-box;
906
906
  border-radius: 8px;
907
907
  outline: none;
@@ -911,20 +911,20 @@
911
911
  padding: 0;
912
912
  display: flex;
913
913
  }
914
- .vv-d2faNG-document[data-mode=edit] {
914
+ .vv-nOXpJW-document[data-mode=edit] {
915
915
  z-index: 0;
916
916
  }
917
917
  @media print {
918
- .vv-d2faNG-document {
918
+ .vv-nOXpJW-document {
919
919
  height: auto;
920
920
  }
921
921
  }
922
922
 
923
- /* css-modules:css-modules://5kpr8VOtE4aYYCwudEOgzuKiV9WfrlK312ChNx37shk.css */
924
- .vv-AKIalq-divSearch {
923
+ /* css-modules:css-modules://E2bDo7CEl2BSqBawZEudPUhNptgeOZDnScU6QQBFjGA.css */
924
+ .vv-Gr0nha-divSearch {
925
925
  cursor: pointer;
926
926
  }
927
- .vv-AKIalq-rootDocument {
927
+ .vv-Gr0nha-rootDocument {
928
928
  box-sizing: border-box;
929
929
  width: 100%;
930
930
  height: 100%;
@@ -934,7 +934,7 @@
934
934
  flex: 1;
935
935
  }
936
936
 
937
- /* css-modules:css-modules://Gq4RbEmEjQ3jxxMsHUn0EaMM9YUC9qC7SN8YDOO6fD4.css */
937
+ /* css-modules:css-modules://RtcFrFtcZUcfD8oEw8RhL_DQmSKFJq7dHhedGSrsr-w.css */
938
938
  .CodeMirror-hints.lls-new-viewer.lls-new-viewer {
939
939
  z-index: var(--z-viewer-editor);
940
940
  }
@@ -942,8 +942,8 @@
942
942
  z-index: var(--z-viewer-editor);
943
943
  }
944
944
 
945
- /* css-modules:css-modules://_3eGNLhY2fPrW6CAxcYSKQqpS9j-E53WL2Uur4DKFkQ.css */
946
- .vv-DoftIW-viewer {
945
+ /* css-modules:css-modules://VgCH-PcT1jEkfpjCliIhsGuJMc-OU3yvxdkam3_f71c.css */
946
+ .vv-vawxeW-viewer {
947
947
  width: 100%;
948
948
  height: 100%;
949
949
  text-rendering: optimizelegibility;
@@ -953,15 +953,15 @@
953
953
  widows: 3;
954
954
  margin: 0 auto;
955
955
  }
956
- .vv-DoftIW-viewerInner {
956
+ .vv-vawxeW-viewerInner {
957
957
  background-color: var(--vivi-bg-color, unset);
958
958
  box-sizing: border-box;
959
959
  width: 100%;
960
960
  height: 100%;
961
961
  }
962
962
 
963
- /* css-modules:css-modules://1jVRHd189Y8OB4hNqbnxy1FLBYRm0yGKb6y0UjTLGx4.css */
964
- @keyframes vv-Z48Hfa-alertOpenedAnimation {
963
+ /* css-modules:css-modules://Hh_UYs4kkdUsxrNzw2-m-MOzSM5iSfSLwZ5HNNpDEOE.css */
964
+ @keyframes vv-oyS1sq-alertOpenedAnimation {
965
965
  0% {
966
966
  opacity: 0;
967
967
  transform: translate3d(-50%, 20px, 0);
@@ -979,7 +979,7 @@
979
979
  transform: translate3d(-50%, 20px, 0);
980
980
  }
981
981
  }
982
- .vv-Z48Hfa-alert {
982
+ .vv-oyS1sq-alert {
983
983
  color: #fff;
984
984
  opacity: 0;
985
985
  z-index: 3;
@@ -987,15 +987,15 @@
987
987
  border-radius: 8px;
988
988
  padding: 10px;
989
989
  font-family: LatoWeb;
990
- animation: 3s linear vv-Z48Hfa-alertOpenedAnimation;
990
+ animation: 3s linear vv-oyS1sq-alertOpenedAnimation;
991
991
  position: fixed;
992
992
  bottom: 40px;
993
993
  left: 50%;
994
994
  transform: translate3d(-50%, 20px, 0);
995
995
  }
996
996
 
997
- /* css-modules:css-modules://kyYYZVQaYiPWTt3jEyzyI-gqBzNpE0CYZ2-d1NrnYEs.css */
998
- .vv-nRkrka-book {
997
+ /* css-modules:css-modules://wIqT-pQuLCK9r-l6AeaAR4c9jBtTyuNBSgdyGAmkfHc.css */
998
+ .vv-2KZLaG-book {
999
999
  aspect-ratio: 1131 / 764;
1000
1000
  background-image: url(/assets/cover.svg);
1001
1001
  background-position: center;
@@ -1007,13 +1007,13 @@
1007
1007
  margin: auto;
1008
1008
  position: relative;
1009
1009
  }
1010
- .vv-nRkrka-bookInner {
1010
+ .vv-2KZLaG-bookInner {
1011
1011
  width: 84%;
1012
1012
  position: relative;
1013
1013
  top: 6%;
1014
1014
  left: 8%;
1015
1015
  }
1016
- .vv-nRkrka-editorViewContainer {
1016
+ .vv-2KZLaG-editorViewContainer {
1017
1017
  flex-direction: column;
1018
1018
  flex: 1;
1019
1019
  height: 100%;
@@ -1021,79 +1021,79 @@
1021
1021
  display: flex;
1022
1022
  position: relative;
1023
1023
  }
1024
- .vv-nRkrka-viewTopBar {
1024
+ .vv-2KZLaG-viewTopBar {
1025
1025
  z-index: var(--z-vivi-fullscreen-button);
1026
1026
  flex-shrink: 0;
1027
1027
  display: flex;
1028
1028
  position: absolute;
1029
1029
  }
1030
- .vv-nRkrka-fullscreenButton.vv-nRkrka-fullscreenButton {
1030
+ .vv-2KZLaG-fullscreenButton.vv-2KZLaG-fullscreenButton {
1031
1031
  position: absolute;
1032
1032
  }
1033
- .vv-nRkrka-fullscreenButton {
1033
+ .vv-2KZLaG-fullscreenButton {
1034
1034
  z-index: 1;
1035
1035
  }
1036
- .vv-nRkrka-fullscreenPrevButton {
1036
+ .vv-2KZLaG-fullscreenPrevButton {
1037
1037
  z-index: var(--z-vivi-fullscreen-button);
1038
1038
  top: 50%;
1039
1039
  left: 0;
1040
1040
  transform: translateY(-50%);
1041
1041
  }
1042
- .vv-nRkrka-fullscreenNextButton {
1042
+ .vv-2KZLaG-fullscreenNextButton {
1043
1043
  z-index: var(--z-vivi-fullscreen-button);
1044
1044
  top: 50%;
1045
1045
  right: 0;
1046
1046
  transform: translateY(-50%);
1047
1047
  }
1048
- .vv-nRkrka-fullscreenExitButton {
1048
+ .vv-2KZLaG-fullscreenExitButton {
1049
1049
  z-index: var(--z-vivi-fullscreen-button);
1050
1050
  top: 0;
1051
1051
  left: 50%;
1052
1052
  transform: translateX(-50%);
1053
1053
  }
1054
1054
 
1055
- /* css-modules:css-modules://SrOsZnDISu9a-hAgKjUIrFpW6WFF8GsN8v7i-mBdkgA.css */
1056
- .vv-JRTTyG-rnd {
1055
+ /* css-modules:css-modules://NDJqpHqjaQgloEx3V_QK3WrkNLDJ1aIQtWxTeiHKDi0.css */
1056
+ .vv-rImQKG-rnd {
1057
1057
  z-index: var(--z-viewer-editor);
1058
1058
  background-color: #fff;
1059
1059
  justify-content: center;
1060
1060
  align-items: center;
1061
1061
  box-shadow: 0 0 5px #00000057;
1062
1062
  }
1063
- .vv-JRTTyG-header {
1063
+ .vv-rImQKG-header {
1064
1064
  text-align: right;
1065
1065
  cursor: grab;
1066
1066
  background-color: #4e4e4e;
1067
1067
  height: 24px;
1068
1068
  }
1069
- .vv-JRTTyG-body {
1069
+ .vv-rImQKG-body {
1070
1070
  padding: 20px;
1071
1071
  }
1072
- .vv-JRTTyG-fieldWrapper {
1072
+ .vv-rImQKG-fieldWrapper {
1073
1073
  align-items: baseline;
1074
1074
  margin-bottom: 10px;
1075
1075
  display: flex;
1076
1076
  }
1077
- .vv-JRTTyG-uuid[data-font=FiraMono] {
1077
+ .vv-rImQKG-uuid[data-font=FiraMono] {
1078
1078
  font-family: var(--kitdysmonofamily, var(--data-font, var(--kitfontfamily)));
1079
1079
  }
1080
- .vv-JRTTyG-uuid[data-font=OpenDyslexicMono] {
1080
+ .vv-rImQKG-uuid[data-font=OpenDyslexicMono] {
1081
1081
  font-family: var(--kitdysmonofamily, var(--data-font, var(--kitfontfamily)));
1082
1082
  }
1083
- .vv-JRTTyG-uuid:not([data-font=FiraMono]):not([data-font=OpenDyslexicMono]) {
1083
+ .vv-rImQKG-uuid:not([data-font=FiraMono]):not([data-font=OpenDyslexicMono]) {
1084
1084
  font-family: var(--kitdysfamily, var(--data-font, var(--kitfontfamily)));
1085
1085
  }
1086
- .vv-JRTTyG-uuid[data-font=caveat] {
1086
+ .vv-rImQKG-uuid[data-font=caveat] {
1087
1087
  font-size: calc(var(--size-index, 1) * 20px);
1088
1088
  }
1089
- .vv-JRTTyG-uuid[data-font=stylo] {
1089
+ .vv-rImQKG-uuid[data-font=stylo] {
1090
1090
  font-variant-ligatures: normal;
1091
1091
  }
1092
- .vv-JRTTyG-uuid {
1092
+ .vv-rImQKG-uuid {
1093
1093
  color: gray;
1094
1094
  margin-left: 10px;
1095
1095
  }
1096
- .vv-JRTTyG-field {
1096
+ .vv-rImQKG-field {
1097
1097
  box-shadow: none;
1098
1098
  color: #414141;
1099
1099
  background-color: #0000;
@@ -1104,13 +1104,13 @@
1104
1104
  margin: 3px;
1105
1105
  font-size: 1em;
1106
1106
  }
1107
- .vv-JRTTyG-select {
1107
+ .vv-rImQKG-select {
1108
1108
  flex-grow: 1;
1109
1109
  margin-left: 10px;
1110
1110
  }
1111
1111
 
1112
- /* css-modules:css-modules://CyALQSGLCVXNmT3D-zRBTeOgNXwqw0WXKXwKco2wnfA.css */
1113
- @keyframes vv-A55prW-alertOpenedAnimation {
1112
+ /* css-modules:css-modules://NM6g2XgYnhycjOV8CSrPchkJ55rANicn9gKRkptWQyE.css */
1113
+ @keyframes vv-ZHNTCq-alertOpenedAnimation {
1114
1114
  0% {
1115
1115
  opacity: 0;
1116
1116
  transform: translate3d(-50%, 20px, 0);
@@ -1128,7 +1128,7 @@
1128
1128
  transform: translate3d(-50%, 20px, 0);
1129
1129
  }
1130
1130
  }
1131
- .vv-A55prW-submit {
1131
+ .vv-ZHNTCq-submit {
1132
1132
  color: #fff;
1133
1133
  cursor: pointer;
1134
1134
  background: linear-gradient(#7e64e6, #6f7bfb);
@@ -1140,13 +1140,13 @@
1140
1140
  font-size: 14px;
1141
1141
  transition: all .5s;
1142
1142
  }
1143
- .vv-A55prW-submit:active {
1143
+ .vv-ZHNTCq-submit:active {
1144
1144
  background: linear-gradient(#2e5eb5, #6f7bfb);
1145
1145
  }
1146
- .vv-A55prW-button[data-isactive="1"] {
1146
+ .vv-ZHNTCq-button[data-isactive="1"] {
1147
1147
  background-color: #d3d3d3;
1148
1148
  }
1149
- .vv-A55prW-stickyBar {
1149
+ .vv-ZHNTCq-stickyBar {
1150
1150
  z-index: var(--z-backoffice-stickybar);
1151
1151
  background-color: var(--white-color);
1152
1152
  --kit-button-margin: 0;
@@ -1158,18 +1158,18 @@
1158
1158
  position: sticky;
1159
1159
  top: 64px;
1160
1160
  }
1161
- .vv-A55prW-pageContainer {
1161
+ .vv-ZHNTCq-pageContainer {
1162
1162
  background-color: var(--viewer-bg-color, var(--gray-80-color));
1163
1163
  --sortable-tree-top: 112px;
1164
1164
  height: calc(100vh - var(--sortable-tree-top));
1165
1165
  display: flex;
1166
1166
  position: relative;
1167
1167
  }
1168
- .vv-A55prW-screen {
1168
+ .vv-ZHNTCq-screen {
1169
1169
  box-sizing: border-box;
1170
1170
  width: 100%;
1171
1171
  }
1172
- .vv-A55prW-alert {
1172
+ .vv-ZHNTCq-alert {
1173
1173
  color: #fff;
1174
1174
  opacity: 0;
1175
1175
  z-index: 3;
@@ -1177,7 +1177,7 @@
1177
1177
  border-radius: 8px;
1178
1178
  padding: 10px;
1179
1179
  font-family: LatoWeb;
1180
- animation: 3s linear vv-A55prW-alertOpenedAnimation;
1180
+ animation: 3s linear vv-ZHNTCq-alertOpenedAnimation;
1181
1181
  position: fixed;
1182
1182
  bottom: 40px;
1183
1183
  left: 50%;