@incodetech/web 0.0.0-dev-20260325-b97b3e9 → 0.0.0-dev-20260325-9772cd2

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.
@@ -2,11 +2,11 @@
2
2
  @layer properties {
3
3
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
4
4
  *, :before, :after, ::backdrop {
5
- --tw-border-style: solid;
6
5
  --tw-translate-x: 0;
7
6
  --tw-translate-y: 0;
8
7
  --tw-translate-z: 0;
9
8
  --tw-font-weight: initial;
9
+ --tw-border-style: solid;
10
10
  }
11
11
  }
12
12
  }
@@ -53,681 +53,643 @@
53
53
  display: flex;
54
54
  }
55
55
 
56
- .IncodeCommonIssuesModal {
57
- inset: var(--spacing-0, var(--spacing-none, 0px));
58
- z-index: 1000;
59
- background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));
60
- flex-direction: column;
61
- display: flex;
62
- position: fixed;
56
+ .IncodeCommonIssuesFullScreen .IncodeModalDialog {
57
+ max-width: none;
58
+ height: 100%;
59
+ max-height: none;
63
60
  }
64
61
 
65
62
  @media (min-width: 40rem) {
66
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
63
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
67
64
  max-width: 40rem;
68
65
  }
69
66
  }
70
67
 
71
68
  @media (min-width: 48rem) {
72
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
69
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
73
70
  max-width: 48rem;
74
71
  }
75
72
  }
76
73
 
77
74
  @media (min-width: 64rem) {
78
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
75
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
79
76
  max-width: 64rem;
80
77
  }
81
78
  }
82
79
 
83
80
  @media (min-width: 80rem) {
84
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
81
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
85
82
  max-width: 80rem;
86
83
  }
87
84
  }
88
85
 
89
86
  @media (min-width: 96rem) {
90
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
87
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
91
88
  max-width: 96rem;
92
89
  }
93
90
  }
94
91
 
95
92
  @media (min-width: 48rem) {
96
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
93
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
97
94
  height: 840px;
98
95
  }
99
96
  }
100
97
 
101
98
  @media (min-width: 40rem) {
102
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
99
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
103
100
  max-width: 40rem;
104
101
  }
105
102
  }
106
103
 
107
104
  @media (min-width: 48rem) {
108
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
105
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
109
106
  max-width: 48rem;
110
107
  }
111
108
  }
112
109
 
113
110
  @media (min-width: 64rem) {
114
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
111
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
115
112
  max-width: 64rem;
116
113
  }
117
114
  }
118
115
 
119
116
  @media (min-width: 80rem) {
120
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
117
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
121
118
  max-width: 80rem;
122
119
  }
123
120
  }
124
121
 
125
122
  @media (min-width: 96rem) {
126
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
123
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
127
124
  max-width: 96rem;
128
125
  }
129
126
  }
130
127
 
131
128
  @media (min-width: 48rem) {
132
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
129
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
133
130
  height: 840px;
134
131
  }
135
132
  }
136
133
 
137
134
  @media (min-width: 40rem) {
138
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
135
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
139
136
  max-width: 40rem;
140
137
  }
141
138
  }
142
139
 
143
140
  @media (min-width: 48rem) {
144
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
141
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
145
142
  max-width: 48rem;
146
143
  }
147
144
  }
148
145
 
149
146
  @media (min-width: 64rem) {
150
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
147
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
151
148
  max-width: 64rem;
152
149
  }
153
150
  }
154
151
 
155
152
  @media (min-width: 80rem) {
156
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
153
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
157
154
  max-width: 80rem;
158
155
  }
159
156
  }
160
157
 
161
158
  @media (min-width: 96rem) {
162
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
159
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
163
160
  max-width: 96rem;
164
161
  }
165
162
  }
166
163
 
167
164
  @media (min-width: 48rem) {
168
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
165
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
169
166
  height: 840px;
170
167
  }
171
168
  }
172
169
 
173
170
  @media (min-width: 40rem) {
174
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
171
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
175
172
  max-width: 40rem;
176
173
  }
177
174
  }
178
175
 
179
176
  @media (min-width: 48rem) {
180
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
177
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
181
178
  max-width: 48rem;
182
179
  }
183
180
  }
184
181
 
185
182
  @media (min-width: 64rem) {
186
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
183
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
187
184
  max-width: 64rem;
188
185
  }
189
186
  }
190
187
 
191
188
  @media (min-width: 80rem) {
192
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
189
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
193
190
  max-width: 80rem;
194
191
  }
195
192
  }
196
193
 
197
194
  @media (min-width: 96rem) {
198
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
195
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
199
196
  max-width: 96rem;
200
197
  }
201
198
  }
202
199
 
203
200
  @media (min-width: 48rem) {
204
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
201
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
205
202
  height: 840px;
206
203
  }
207
204
  }
208
205
 
209
206
  @media (min-width: 40rem) {
210
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
207
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
211
208
  max-width: 40rem;
212
209
  }
213
210
  }
214
211
 
215
212
  @media (min-width: 48rem) {
216
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
213
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
217
214
  max-width: 48rem;
218
215
  }
219
216
  }
220
217
 
221
218
  @media (min-width: 64rem) {
222
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
219
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
223
220
  max-width: 64rem;
224
221
  }
225
222
  }
226
223
 
227
224
  @media (min-width: 80rem) {
228
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
225
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
229
226
  max-width: 80rem;
230
227
  }
231
228
  }
232
229
 
233
230
  @media (min-width: 96rem) {
234
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
231
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
235
232
  max-width: 96rem;
236
233
  }
237
234
  }
238
235
 
239
236
  @media (min-width: 48rem) {
240
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
237
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
241
238
  height: 840px;
242
239
  }
243
240
  }
244
241
 
245
242
  @media (min-width: 40rem) {
246
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
243
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
247
244
  max-width: 40rem;
248
245
  }
249
246
  }
250
247
 
251
248
  @media (min-width: 48rem) {
252
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
249
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
253
250
  max-width: 48rem;
254
251
  }
255
252
  }
256
253
 
257
254
  @media (min-width: 64rem) {
258
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
255
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
259
256
  max-width: 64rem;
260
257
  }
261
258
  }
262
259
 
263
260
  @media (min-width: 80rem) {
264
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
261
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
265
262
  max-width: 80rem;
266
263
  }
267
264
  }
268
265
 
269
266
  @media (min-width: 96rem) {
270
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
267
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
271
268
  max-width: 96rem;
272
269
  }
273
270
  }
274
271
 
275
272
  @media (min-width: 48rem) {
276
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
273
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
277
274
  height: 840px;
278
275
  }
279
276
  }
280
277
 
281
278
  @media (min-width: 40rem) {
282
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
279
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
283
280
  max-width: 40rem;
284
281
  }
285
282
  }
286
283
 
287
284
  @media (min-width: 48rem) {
288
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
285
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
289
286
  max-width: 48rem;
290
287
  }
291
288
  }
292
289
 
293
290
  @media (min-width: 64rem) {
294
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
291
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
295
292
  max-width: 64rem;
296
293
  }
297
294
  }
298
295
 
299
296
  @media (min-width: 80rem) {
300
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
297
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
301
298
  max-width: 80rem;
302
299
  }
303
300
  }
304
301
 
305
302
  @media (min-width: 96rem) {
306
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
303
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
307
304
  max-width: 96rem;
308
305
  }
309
306
  }
310
307
 
311
308
  @media (min-width: 48rem) {
312
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
309
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
313
310
  height: 840px;
314
311
  }
315
312
  }
316
313
 
317
314
  @media (min-width: 40rem) {
318
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
315
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
319
316
  max-width: 40rem;
320
317
  }
321
318
  }
322
319
 
323
320
  @media (min-width: 48rem) {
324
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
321
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
325
322
  max-width: 48rem;
326
323
  }
327
324
  }
328
325
 
329
326
  @media (min-width: 64rem) {
330
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
327
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
331
328
  max-width: 64rem;
332
329
  }
333
330
  }
334
331
 
335
332
  @media (min-width: 80rem) {
336
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
333
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
337
334
  max-width: 80rem;
338
335
  }
339
336
  }
340
337
 
341
338
  @media (min-width: 96rem) {
342
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
339
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
343
340
  max-width: 96rem;
344
341
  }
345
342
  }
346
343
 
347
344
  @media (min-width: 48rem) {
348
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
345
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
349
346
  height: 840px;
350
347
  }
351
348
  }
352
349
 
353
350
  @media (min-width: 40rem) {
354
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
351
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
355
352
  max-width: 40rem;
356
353
  }
357
354
  }
358
355
 
359
356
  @media (min-width: 48rem) {
360
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
357
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
361
358
  max-width: 48rem;
362
359
  }
363
360
  }
364
361
 
365
362
  @media (min-width: 64rem) {
366
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
363
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
367
364
  max-width: 64rem;
368
365
  }
369
366
  }
370
367
 
371
368
  @media (min-width: 80rem) {
372
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
369
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
373
370
  max-width: 80rem;
374
371
  }
375
372
  }
376
373
 
377
374
  @media (min-width: 96rem) {
378
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
375
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
379
376
  max-width: 96rem;
380
377
  }
381
378
  }
382
379
 
383
380
  @media (min-width: 48rem) {
384
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
381
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
385
382
  height: 840px;
386
383
  }
387
384
  }
388
385
 
389
386
  @media (min-width: 40rem) {
390
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
387
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
391
388
  max-width: 40rem;
392
389
  }
393
390
  }
394
391
 
395
392
  @media (min-width: 48rem) {
396
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
393
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
397
394
  max-width: 48rem;
398
395
  }
399
396
  }
400
397
 
401
398
  @media (min-width: 64rem) {
402
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
399
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
403
400
  max-width: 64rem;
404
401
  }
405
402
  }
406
403
 
407
404
  @media (min-width: 80rem) {
408
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
405
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
409
406
  max-width: 80rem;
410
407
  }
411
408
  }
412
409
 
413
410
  @media (min-width: 96rem) {
414
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
411
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
415
412
  max-width: 96rem;
416
413
  }
417
414
  }
418
415
 
419
416
  @media (min-width: 48rem) {
420
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
417
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
421
418
  height: 840px;
422
419
  }
423
420
  }
424
421
 
425
422
  @media (min-width: 40rem) {
426
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
423
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
427
424
  max-width: 40rem;
428
425
  }
429
426
  }
430
427
 
431
428
  @media (min-width: 48rem) {
432
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
429
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
433
430
  max-width: 48rem;
434
431
  }
435
432
  }
436
433
 
437
434
  @media (min-width: 64rem) {
438
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
435
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
439
436
  max-width: 64rem;
440
437
  }
441
438
  }
442
439
 
443
440
  @media (min-width: 80rem) {
444
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
441
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
445
442
  max-width: 80rem;
446
443
  }
447
444
  }
448
445
 
449
446
  @media (min-width: 96rem) {
450
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
447
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
451
448
  max-width: 96rem;
452
449
  }
453
450
  }
454
451
 
455
452
  @media (min-width: 48rem) {
456
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
453
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
457
454
  height: 840px;
458
455
  }
459
456
  }
460
457
 
461
458
  @media (min-width: 40rem) {
462
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
459
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
463
460
  max-width: 40rem;
464
461
  }
465
462
  }
466
463
 
467
464
  @media (min-width: 48rem) {
468
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
465
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
469
466
  max-width: 48rem;
470
467
  }
471
468
  }
472
469
 
473
470
  @media (min-width: 64rem) {
474
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
471
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
475
472
  max-width: 64rem;
476
473
  }
477
474
  }
478
475
 
479
476
  @media (min-width: 80rem) {
480
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
477
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
481
478
  max-width: 80rem;
482
479
  }
483
480
  }
484
481
 
485
482
  @media (min-width: 96rem) {
486
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
483
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
487
484
  max-width: 96rem;
488
485
  }
489
486
  }
490
487
 
491
488
  @media (min-width: 48rem) {
492
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
489
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
493
490
  height: 840px;
494
491
  }
495
492
  }
496
493
 
497
494
  @media (min-width: 40rem) {
498
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
495
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
499
496
  max-width: 40rem;
500
497
  }
501
498
  }
502
499
 
503
500
  @media (min-width: 48rem) {
504
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
501
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
505
502
  max-width: 48rem;
506
503
  }
507
504
  }
508
505
 
509
506
  @media (min-width: 64rem) {
510
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
507
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
511
508
  max-width: 64rem;
512
509
  }
513
510
  }
514
511
 
515
512
  @media (min-width: 80rem) {
516
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
513
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
517
514
  max-width: 80rem;
518
515
  }
519
516
  }
520
517
 
521
518
  @media (min-width: 96rem) {
522
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
519
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
523
520
  max-width: 96rem;
524
521
  }
525
522
  }
526
523
 
527
524
  @media (min-width: 48rem) {
528
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
525
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
529
526
  height: 840px;
530
527
  }
531
528
  }
532
529
 
533
530
  @media (min-width: 40rem) {
534
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
531
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
535
532
  max-width: 40rem;
536
533
  }
537
534
  }
538
535
 
539
536
  @media (min-width: 48rem) {
540
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
537
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
541
538
  max-width: 48rem;
542
539
  }
543
540
  }
544
541
 
545
542
  @media (min-width: 64rem) {
546
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
543
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
547
544
  max-width: 64rem;
548
545
  }
549
546
  }
550
547
 
551
548
  @media (min-width: 80rem) {
552
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
549
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
553
550
  max-width: 80rem;
554
551
  }
555
552
  }
556
553
 
557
554
  @media (min-width: 96rem) {
558
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
555
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
559
556
  max-width: 96rem;
560
557
  }
561
558
  }
562
559
 
563
560
  @media (min-width: 48rem) {
564
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
561
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
565
562
  height: 840px;
566
563
  }
567
564
  }
568
565
 
569
566
  @media (min-width: 40rem) {
570
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
567
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
571
568
  max-width: 40rem;
572
569
  }
573
570
  }
574
571
 
575
572
  @media (min-width: 48rem) {
576
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
573
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
577
574
  max-width: 48rem;
578
575
  }
579
576
  }
580
577
 
581
578
  @media (min-width: 64rem) {
582
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
579
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
583
580
  max-width: 64rem;
584
581
  }
585
582
  }
586
583
 
587
584
  @media (min-width: 80rem) {
588
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
585
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
589
586
  max-width: 80rem;
590
587
  }
591
588
  }
592
589
 
593
590
  @media (min-width: 96rem) {
594
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
591
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
595
592
  max-width: 96rem;
596
593
  }
597
594
  }
598
595
 
599
596
  @media (min-width: 48rem) {
600
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
597
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
601
598
  height: 840px;
602
599
  }
603
600
  }
604
601
 
605
602
  @media (min-width: 40rem) {
606
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
603
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
607
604
  max-width: 40rem;
608
605
  }
609
606
  }
610
607
 
611
608
  @media (min-width: 48rem) {
612
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
609
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
613
610
  max-width: 48rem;
614
611
  }
615
612
  }
616
613
 
617
614
  @media (min-width: 64rem) {
618
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
615
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
619
616
  max-width: 64rem;
620
617
  }
621
618
  }
622
619
 
623
620
  @media (min-width: 80rem) {
624
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
621
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
625
622
  max-width: 80rem;
626
623
  }
627
624
  }
628
625
 
629
626
  @media (min-width: 96rem) {
630
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
627
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
631
628
  max-width: 96rem;
632
629
  }
633
630
  }
634
631
 
635
632
  @media (min-width: 48rem) {
636
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
633
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
637
634
  height: 840px;
638
635
  }
639
636
  }
640
637
 
641
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
638
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
642
639
  width: 100%;
643
640
  }
644
641
 
645
642
  @media (min-width: 40rem) {
646
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
643
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
647
644
  max-width: 40rem;
648
645
  }
649
646
  }
650
647
 
651
648
  @media (min-width: 48rem) {
652
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
649
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
653
650
  max-width: 48rem;
654
651
  }
655
652
  }
656
653
 
657
654
  @media (min-width: 64rem) {
658
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
655
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
659
656
  max-width: 64rem;
660
657
  }
661
658
  }
662
659
 
663
660
  @media (min-width: 80rem) {
664
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
661
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
665
662
  max-width: 80rem;
666
663
  }
667
664
  }
668
665
 
669
666
  @media (min-width: 96rem) {
670
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
667
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
671
668
  max-width: 96rem;
672
669
  }
673
670
  }
674
671
 
675
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
676
- height: 100%;
672
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
677
673
  margin: auto;
678
674
  }
679
675
 
680
676
  @media (min-width: 48rem) {
681
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
677
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
682
678
  height: 840px;
683
679
  }
684
680
  }
685
681
 
686
- .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
687
- padding: var(--spacing-24, var(--spacing-24, 24px));
688
- flex-direction: column;
689
- margin-inline: auto;
690
- display: flex;
691
- }
692
-
693
- .IncodeCommonIssuesModal .IncodeCommonIssuesHeader {
694
- height: 44px;
695
- padding-inline: var(--spacing-20, var(--spacing-20, 20px));
696
- padding-block: var(--spacing-8, var(--spacing-8, 8px));
697
- flex-shrink: 0;
698
- justify-content: flex-end;
699
- align-items: center;
700
- display: flex;
701
- }
702
-
703
- .IncodeCommonIssuesModal .IncodeCommonIssuesCloseButton {
704
- padding: var(--spacing-0, var(--spacing-none, 0px));
705
- cursor: pointer;
706
- border-style: var(--tw-border-style);
707
- border-width: var(--border-width-none, var(--primitive-border-width-0));
708
- --tw-border-style: none;
709
- color: var(--color-text-body-primary, var(--text-body-800-primary));
710
- background-color: #0000;
711
- border-style: none;
712
- justify-content: center;
713
- align-items: center;
714
- display: flex;
715
- }
716
-
717
- .IncodeCommonIssuesModal .IncodeCommonIssuesContent {
718
- padding: var(--spacing-24, var(--spacing-24, 24px));
719
- flex-direction: column;
720
- flex: 1;
721
- align-items: center;
722
- margin-inline: auto;
723
- display: flex;
682
+ .IncodeCommonIssuesFullScreen .IncodeModalContent {
683
+ border-radius: var(--radius-none, var(--border-radius-none));
684
+ max-width: none;
685
+ height: 100%;
724
686
  }
725
687
 
726
- .IncodeCommonIssuesModal .IncodeCommonIssuesContent .IncodeCommonIssuesQuestionIcon {
688
+ .IncodeCommonIssuesContent .IncodeCommonIssuesQuestionIcon {
727
689
  flex-shrink: 0;
728
690
  }
729
691
 
730
- .IncodeCommonIssuesModal .IncodeCommonIssuesContent .IncodeCommonIssuesTitle {
692
+ .IncodeCommonIssuesContent .IncodeCommonIssuesTitle {
731
693
  font-family: var(--typography-headline-family);
732
694
  font-size: var(--typography-headline-h2-size);
733
695
  font-weight: var(--typography-headline-h2-weight);
@@ -735,33 +697,33 @@
735
697
  letter-spacing: var(--typography-headline-h2-letter-spacing);
736
698
  }
737
699
 
738
- .IncodeCommonIssuesModal .IncodeCommonIssuesContent .IncodeCommonIssuesCards {
700
+ .IncodeCommonIssuesContent .IncodeCommonIssuesCards {
739
701
  gap: var(--spacing-32, var(--spacing-32, 32px));
740
702
  width: 100%;
703
+ max-width: 420px;
741
704
  padding-block: var(--spacing-16, var(--spacing-16, 16px));
742
705
  flex-direction: column;
743
706
  display: flex;
744
707
  }
745
708
 
746
- .IncodeCommonIssuesModal .IncodeCommonIssuesContent .IncodeCommonIssuesCard {
709
+ .IncodeCommonIssuesContent .IncodeCommonIssuesCard {
747
710
  align-items: flex-start;
748
711
  gap: var(--spacing-16, var(--spacing-16, 16px));
749
- border-radius: 12px;
750
712
  display: flex;
751
713
  }
752
714
 
753
- .IncodeCommonIssuesModal .IncodeCommonIssuesContent .IncodeCommonIssuesCardIcon {
715
+ .IncodeCommonIssuesContent .IncodeCommonIssuesCardIcon {
754
716
  color: var(--color-text-body-primary, var(--text-body-800-primary));
755
717
  flex-shrink: 0;
756
718
  }
757
719
 
758
- .IncodeCommonIssuesModal .IncodeCommonIssuesContent .IncodeCommonIssuesCardText {
720
+ .IncodeCommonIssuesContent .IncodeCommonIssuesCardText {
759
721
  gap: var(--spacing-4, var(--spacing-4, 4px));
760
722
  flex-direction: column;
761
723
  display: flex;
762
724
  }
763
725
 
764
- .IncodeCommonIssuesModal .IncodeCommonIssuesContent .IncodeCommonIssuesCardTitle {
726
+ .IncodeCommonIssuesContent .IncodeCommonIssuesCardTitle {
765
727
  font-family: var(--typography-headline-family);
766
728
  font-size: var(--typography-headline-h5-size);
767
729
  font-weight: var(--typography-headline-h5-weight);
@@ -769,7 +731,7 @@
769
731
  letter-spacing: var(--typography-headline-h5-letter-spacing);
770
732
  }
771
733
 
772
- .IncodeCommonIssuesModal .IncodeCommonIssuesContent .IncodeCommonIssuesCardBody {
734
+ .IncodeCommonIssuesContent .IncodeCommonIssuesCardBody {
773
735
  font-family: var(--typography-body-family);
774
736
  font-size: var(--typography-body-m-regular-size);
775
737
  font-weight: var(--typography-body-m-regular-weight);
@@ -778,19 +740,15 @@
778
740
  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
779
741
  }
780
742
 
781
- .IncodeCommonIssuesModal .IncodeCommonIssuesContent .IncodeCommonIssuesButtons {
782
- gap: var(--spacing-12, var(--spacing-12, 12px));
783
- flex-direction: column;
784
- width: 100%;
743
+ .IncodeCommonIssuesContent .IncodeCommonIssuesButtons {
785
744
  margin-top: auto;
786
- display: flex;
787
745
  }
788
746
 
789
- .IncodeCommonIssuesModal .IncodeCommonIssuesContent .IncodeCommonIssuesTakeManually {
747
+ .IncodeCommonIssuesContent .IncodeCommonIssuesTakeManually {
790
748
  color: var(--color-text-body-primary, var(--text-body-800-primary));
791
749
  }
792
750
 
793
- .IncodeCommonIssuesModal .IncodeCommonIssuesContent .IncodeCommonIssuesTryAgain {
751
+ .IncodeCommonIssuesContent .IncodeCommonIssuesTryAgain {
794
752
  width: 100%;
795
753
  }
796
754
 
@@ -1088,7 +1046,6 @@
1088
1046
  align-items: center;
1089
1047
  display: flex;
1090
1048
  position: absolute;
1091
- overflow: hidden;
1092
1049
  }
1093
1050
 
1094
1051
  .IncodeIdHint .IncodeIdHintAnimated {
@@ -1104,13 +1061,10 @@
1104
1061
  .IncodeIdHint .IncodeIdHintAnimated .IncodeIdHintSvg {
1105
1062
  justify-content: center;
1106
1063
  align-items: center;
1107
- width: 100%;
1108
- height: 100%;
1109
1064
  display: flex;
1110
1065
  }
1111
1066
 
1112
1067
  .IncodeIdHint .IncodeIdHintAnimated .IncodeIdHintSvg svg {
1113
- object-fit: contain;
1114
1068
  width: 800px;
1115
1069
  min-width: 800px;
1116
1070
  height: 800px;
@@ -1404,12 +1358,6 @@
1404
1358
  display: flex;
1405
1359
  }
1406
1360
 
1407
- @property --tw-border-style {
1408
- syntax: "*";
1409
- inherits: false;
1410
- initial-value: solid;
1411
- }
1412
-
1413
1361
  @property --tw-translate-x {
1414
1362
  syntax: "*";
1415
1363
  inherits: false;
@@ -1432,3 +1380,9 @@
1432
1380
  syntax: "*";
1433
1381
  inherits: false
1434
1382
  }
1383
+
1384
+ @property --tw-border-style {
1385
+ syntax: "*";
1386
+ inherits: false;
1387
+ initial-value: solid;
1388
+ }