@dataemergencia/emergency 0.1.0 → 0.2.1

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.
package/dist/styles.css CHANGED
@@ -1,11 +1,13 @@
1
1
  :root {
2
2
  --de-emergency-red: red;
3
3
  --de-emergency-red-hover: #ff3535;
4
+ --de-emergency-red-pressed: #e33327;
4
5
  --de-emergency-on-red: #fff;
5
6
  --de-emergency-blue: #00adf6;
6
7
  --de-emergency-blue-hover: #29bfff;
7
8
  --de-emergency-primary: #007bff;
8
9
  --de-emergency-primary-dark: #1e40af;
10
+ --de-emergency-primary-foreground: #f9f9f9;
9
11
  --de-emergency-text: #3d4461;
10
12
  --de-emergency-text-secondary: #686868;
11
13
  --de-emergency-white: #fff;
@@ -29,7 +31,7 @@
29
31
  --de-emergency-overlay-z-index: 1000;
30
32
  }
31
33
 
32
- .de-emergency-emergency-panel-kMlO0G {
34
+ .de-emergency-emergency-panel-nA5Hwa {
33
35
  z-index: var(--de-emergency-panel-z-index, 100);
34
36
  background: var(--de-emergency-white, #fff);
35
37
  width: 100%;
@@ -53,16 +55,16 @@
53
55
  inset: 0;
54
56
  }
55
57
 
56
- .de-emergency-emergency-panel-kMlO0G *, .de-emergency-emergency-panel-kMlO0G :before, .de-emergency-emergency-panel-kMlO0G :after {
58
+ .de-emergency-emergency-panel-nA5Hwa *, .de-emergency-emergency-panel-nA5Hwa :before, .de-emergency-emergency-panel-nA5Hwa :after {
57
59
  box-sizing: border-box;
58
60
  }
59
61
 
60
- .de-emergency-emergency-panel-kMlO0G h2, .de-emergency-emergency-panel-kMlO0G h3, .de-emergency-emergency-panel-kMlO0G h4, .de-emergency-emergency-panel-kMlO0G p, .de-emergency-emergency-panel-kMlO0G figure {
62
+ .de-emergency-emergency-panel-nA5Hwa h2, .de-emergency-emergency-panel-nA5Hwa h3, .de-emergency-emergency-panel-nA5Hwa h4, .de-emergency-emergency-panel-nA5Hwa p, .de-emergency-emergency-panel-nA5Hwa figure {
61
63
  margin: 0;
62
64
  padding: 0;
63
65
  }
64
66
 
65
- .de-emergency-emergency-panel-kMlO0G :where(button) {
67
+ .de-emergency-emergency-panel-nA5Hwa :where(button) {
66
68
  font: inherit;
67
69
  color: inherit;
68
70
  cursor: pointer;
@@ -71,18 +73,18 @@
71
73
  padding: 0;
72
74
  }
73
75
 
74
- .de-emergency-emergency-panel-kMlO0G img {
76
+ .de-emergency-emergency-panel-nA5Hwa img {
75
77
  max-width: 100%;
76
78
  display: block;
77
79
  }
78
80
 
79
- .de-emergency-emergency-panel--hidden-kMlO0G {
81
+ .de-emergency-emergency-panel--hidden-nA5Hwa {
80
82
  pointer-events: none;
81
83
  opacity: 0;
82
84
  transform: translateY(100%);
83
85
  }
84
86
 
85
- .de-emergency-emergency-panel__header-kMlO0G {
87
+ .de-emergency-emergency-panel__header-nA5Hwa {
86
88
  text-align: center;
87
89
  width: 100%;
88
90
  color: var(--de-emergency-on-red, #fff);
@@ -96,14 +98,14 @@
96
98
  display: flex;
97
99
  }
98
100
 
99
- .de-emergency-emergency-panel__title-kMlO0G {
101
+ .de-emergency-emergency-panel__title-nA5Hwa {
100
102
  flex: 1;
101
103
  margin: 0;
102
104
  font-size: clamp(1rem, 4vw, 1.25rem);
103
105
  font-weight: 700;
104
106
  }
105
107
 
106
- .de-emergency-emergency-panel__close-button-kMlO0G {
108
+ .de-emergency-emergency-panel__close-button-nA5Hwa {
107
109
  color: inherit;
108
110
  border-radius: .25rem;
109
111
  flex: none;
@@ -114,26 +116,26 @@
114
116
  display: inline-flex;
115
117
  }
116
118
 
117
- .de-emergency-emergency-panel__close-button-kMlO0G:hover {
119
+ .de-emergency-emergency-panel__close-button-nA5Hwa:hover {
118
120
  transform: scale(1.115);
119
121
  }
120
122
 
121
- .de-emergency-emergency-panel__close-button-kMlO0G:active {
123
+ .de-emergency-emergency-panel__close-button-nA5Hwa:active {
122
124
  transform: scale(.9);
123
125
  }
124
126
 
125
- .de-emergency-emergency-panel__close-button-kMlO0G:focus-visible {
127
+ .de-emergency-emergency-panel__close-button-nA5Hwa:focus-visible {
126
128
  outline-offset: 2px;
127
129
  outline: 2px solid;
128
130
  }
129
131
 
130
- .de-emergency-emergency-panel__close-icon-kMlO0G {
132
+ .de-emergency-emergency-panel__close-icon-nA5Hwa {
131
133
  width: 1.25rem;
132
134
  height: 1.25rem;
133
135
  font-size: 1.25rem;
134
136
  }
135
137
 
136
- .de-emergency-emergency-panel__body-kMlO0G {
138
+ .de-emergency-emergency-panel__body-nA5Hwa {
137
139
  text-align: center;
138
140
  flex-direction: column;
139
141
  grid-row: 2;
@@ -141,51 +143,51 @@
141
143
  align-items: center;
142
144
  gap: .75rem;
143
145
  width: 100%;
144
- padding: 1.5rem;
146
+ padding: 1.5rem 1rem;
145
147
  display: flex;
146
148
  position: relative;
147
149
  overflow-y: auto;
148
150
  }
149
151
 
150
- .de-emergency-emergency-panel__body-title-container-kMlO0G {
152
+ .de-emergency-emergency-panel__body-title-container-nA5Hwa {
151
153
  width: 100%;
152
154
  }
153
155
 
154
- .de-emergency-emergency-panel__body-title-kMlO0G {
156
+ .de-emergency-emergency-panel__body-title-nA5Hwa {
155
157
  margin: 0;
156
158
  font-size: clamp(1.1rem, 4vw, 1.45rem);
157
159
  font-weight: 600;
158
160
  }
159
161
 
160
- .de-emergency-sos-img__container-kMlO0G {
162
+ .de-emergency-sos-img__container-nA5Hwa {
161
163
  justify-content: center;
162
164
  align-items: center;
163
165
  padding: .5rem;
164
166
  display: flex;
165
167
  }
166
168
 
167
- .de-emergency-sos-img-kMlO0G {
169
+ .de-emergency-sos-img-nA5Hwa {
168
170
  aspect-ratio: 1;
169
171
  object-fit: cover;
170
- border-radius: 50%;
171
- width: clamp(3.5rem, 12.5vw, 5rem);
172
+ width: clamp(3.5rem, 17.5vw, 6rem);
172
173
  height: auto;
173
- animation: 1.5s infinite de-emergency-de-emergency-pulse-kMlO0G;
174
+ fill: var(--de-emergency-primary);
175
+ border-radius: 50%;
176
+ animation: 1.5s infinite de-emergency-de-emergency-pulse-nA5Hwa;
174
177
  }
175
178
 
176
- .de-emergency-emergency-panel__footer-kMlO0G {
179
+ .de-emergency-emergency-panel__footer-nA5Hwa {
177
180
  background: var(--de-emergency-white-soft, #f7f7f7);
178
181
  border-radius: .5rem .5rem 0 0;
179
- flex-wrap: wrap;
180
182
  grid-row: 3;
181
- justify-content: space-evenly;
183
+ justify-content: center;
182
184
  align-items: center;
183
185
  gap: 1rem;
184
186
  padding: 1.25rem;
185
187
  display: flex;
186
188
  }
187
189
 
188
- .de-emergency-emergency-panel__button-kMlO0G {
190
+ .de-emergency-emergency-panel__button-nA5Hwa {
189
191
  text-transform: uppercase;
190
192
  border: 1px solid var(--de-emergency-gray-medium, #5555);
191
193
  border-radius: .75rem;
@@ -193,7 +195,7 @@
193
195
  justify-content: center;
194
196
  align-items: center;
195
197
  gap: .5rem;
196
- width: min(100%, 10rem);
198
+ width: min(100%, 14rem);
197
199
  padding: .5rem;
198
200
  font-size: clamp(1rem, 5vw, 1.35rem);
199
201
  font-weight: 600;
@@ -202,51 +204,51 @@
202
204
  box-shadow: 0 2px 8px #0000001f;
203
205
  }
204
206
 
205
- .de-emergency-emergency-panel__button-kMlO0G svg {
207
+ .de-emergency-emergency-panel__button-nA5Hwa svg {
206
208
  width: 1.75rem;
207
209
  height: 1.75rem;
208
210
  }
209
211
 
210
- .de-emergency-emergency-panel__button-kMlO0G:hover:not(:disabled) {
212
+ .de-emergency-emergency-panel__button-nA5Hwa:hover:not(:disabled) {
211
213
  filter: brightness(1.05);
212
214
  transform: translateY(-1px);
213
215
  }
214
216
 
215
- .de-emergency-emergency-panel__button-kMlO0G:active:not(:disabled) {
217
+ .de-emergency-emergency-panel__button-nA5Hwa:active:not(:disabled) {
216
218
  transform: scale(.95);
217
219
  }
218
220
 
219
- .de-emergency-emergency-panel__button-kMlO0G:focus-visible {
221
+ .de-emergency-emergency-panel__button-nA5Hwa:focus-visible {
220
222
  outline: 2px solid var(--de-emergency-text, #3d4461);
221
223
  outline-offset: 2px;
222
224
  }
223
225
 
224
- .de-emergency-emergency-panel__button-kMlO0G:disabled {
226
+ .de-emergency-emergency-panel__button-nA5Hwa:disabled {
225
227
  color: var(--de-emergency-on-red, #fff);
226
228
  cursor: not-allowed;
227
229
  background: var(--de-emergency-gray, #555);
228
230
  border-color: #0000;
229
231
  }
230
232
 
231
- .de-emergency-emergency-panel__button--emergency-kMlO0G {
233
+ .de-emergency-emergency-panel__button--emergency-nA5Hwa {
232
234
  color: var(--de-emergency-on-red, #fff);
233
235
  background: var(--de-emergency-red, red);
234
236
  }
235
237
 
236
- .de-emergency-emergency-panel__button--emergency-kMlO0G:hover:not(:disabled) {
238
+ .de-emergency-emergency-panel__button--emergency-nA5Hwa:hover:not(:disabled) {
237
239
  background: var(--de-emergency-red-hover, #ff3535);
238
240
  }
239
241
 
240
- .de-emergency-emergency-panel__button--simulation-kMlO0G {
242
+ .de-emergency-emergency-panel__button--simulation-nA5Hwa {
241
243
  color: var(--de-emergency-on-red, #fff);
242
244
  background: var(--de-emergency-blue, #00adf6);
243
245
  }
244
246
 
245
- .de-emergency-emergency-panel__button--simulation-kMlO0G:hover:not(:disabled) {
247
+ .de-emergency-emergency-panel__button--simulation-nA5Hwa:hover:not(:disabled) {
246
248
  background: var(--de-emergency-blue-hover, #29bfff);
247
249
  }
248
250
 
249
- .de-emergency-emergency-status__panel-kMlO0G {
251
+ .de-emergency-emergency-status__panel-nA5Hwa {
250
252
  background: var(--de-emergency-white, #fff);
251
253
  flex-direction: column;
252
254
  width: min(100%, 28rem);
@@ -255,7 +257,7 @@
255
257
  position: relative;
256
258
  }
257
259
 
258
- .de-emergency-emergency-status-panel__header-kMlO0G {
260
+ .de-emergency-emergency-status-panel__header-nA5Hwa {
259
261
  flex-direction: column;
260
262
  justify-content: space-between;
261
263
  gap: 1rem;
@@ -263,7 +265,7 @@
263
265
  display: flex;
264
266
  }
265
267
 
266
- .de-emergency-emergency-status-panel__title-kMlO0G {
268
+ .de-emergency-emergency-status-panel__title-nA5Hwa {
267
269
  color: var(--de-emergency-primary, #007bff);
268
270
  flex: 1;
269
271
  margin: 0;
@@ -271,50 +273,55 @@
271
273
  font-weight: 500;
272
274
  }
273
275
 
274
- .de-emergency-emergency-status__grid-kMlO0G {
276
+ .de-emergency-emergency-status__grid-nA5Hwa {
275
277
  flex-direction: column;
276
278
  gap: 1rem;
277
279
  width: 100%;
278
280
  display: flex;
279
281
  }
280
282
 
281
- .de-emergency-emergency-status__header-kMlO0G {
282
- color: var(--de-emergency-on-red, #fff);
283
+ .de-emergency-emergency-status__header-nA5Hwa {
283
284
  background: var(--de-emergency-primary, #007bff);
284
285
  border-radius: .5rem;
285
286
  grid-template-columns: 1fr .5fr .5fr .5fr;
286
287
  align-items: center;
288
+ padding: .5rem 1rem;
287
289
  font-weight: 500;
288
290
  display: grid;
291
+
292
+ & .de-emergency-emergency-status__cell-text-nA5Hwa {
293
+ color: var(--de-emergency-primary-foreground, #3d4461);
294
+ }
289
295
  }
290
296
 
291
- .de-emergency-emergency-status__body-kMlO0G {
297
+ .de-emergency-emergency-status__body-nA5Hwa {
292
298
  flex-direction: column;
293
299
  gap: 1rem;
294
300
  display: flex;
295
301
  }
296
302
 
297
- .de-emergency-emergency-status__row-container-kMlO0G {
303
+ .de-emergency-emergency-status__row-container-nA5Hwa {
298
304
  border-radius: var(--de-emergency-radius, .5rem);
299
305
  outline: 1px dashed var(--de-emergency-gray-medium, #5555);
300
306
  flex-direction: column;
301
307
  display: flex;
302
308
  }
303
309
 
304
- .de-emergency-emergency-status__row-kMlO0G {
310
+ .de-emergency-emergency-status__row-nA5Hwa {
305
311
  background: var(--de-emergency-white, #fff);
306
312
  border-radius: .5rem;
307
313
  grid-template-columns: 1fr .5fr .5fr .5fr;
308
314
  align-items: center;
315
+ padding: .5rem;
309
316
  transition: background-color .125s ease-out;
310
317
  display: grid;
311
318
  }
312
319
 
313
- .de-emergency-emergency-status__row-kMlO0G:hover {
320
+ .de-emergency-emergency-status__row-nA5Hwa:hover {
314
321
  background: var(--de-emergency-white-pearl, #f1f1f1);
315
322
  }
316
323
 
317
- .de-emergency-emergency-status__cell-kMlO0G {
324
+ .de-emergency-emergency-status__cell-nA5Hwa {
318
325
  text-align: center;
319
326
  flex-direction: column;
320
327
  justify-content: center;
@@ -323,118 +330,58 @@
323
330
  display: flex;
324
331
  }
325
332
 
326
- .de-emergency-emergency-status__cell-text-kMlO0G {
333
+ .de-emergency-emergency-status__cell-text-nA5Hwa {
327
334
  overflow-wrap: anywhere;
328
335
  padding: .5rem;
329
336
  }
330
337
 
331
- .de-emergency-responder-name-kMlO0G {
338
+ .de-emergency-responder-name-nA5Hwa {
332
339
  color: var(--de-emergency-text, #3d4461);
333
340
  font-weight: 500;
334
341
  }
335
342
 
336
- .de-emergency-emergency-status__cell-icon-kMlO0G {
343
+ .de-emergency-emergency-status__cell-icon-nA5Hwa {
337
344
  justify-content: center;
338
345
  padding: .25rem;
339
346
  display: flex;
340
347
  }
341
348
 
342
- .de-emergency-emergency-status__cell-time-kMlO0G {
349
+ .de-emergency-emergency-status__cell-time-nA5Hwa {
343
350
  color: var(--de-emergency-gray-light, #929292);
344
351
  font-size: clamp(.75rem, 3vw, .9rem);
345
352
  display: block;
346
353
  }
347
354
 
348
- .de-emergency-status-icon-kMlO0G {
355
+ .de-emergency-status-icon-nA5Hwa {
349
356
  border-radius: 50%;
350
- font-size: clamp(.9rem, 5vw, 1.25rem);
357
+ width: 1.25rem;
358
+ height: 1.25rem;
359
+ font-size: clamp(1rem, 5vw, 1.5rem);
351
360
  display: inline-flex;
352
361
  }
353
362
 
354
- .de-emergency-status-icon-kMlO0G:hover {
363
+ .de-emergency-status-icon-nA5Hwa:hover {
355
364
  filter: brightness(1.2);
356
365
  }
357
366
 
358
- .de-emergency-status-icon--checked-kMlO0G {
359
- color: var(--de-emergency-success, #4cd03a);
360
- }
361
-
362
- .de-emergency-status-icon--unchecked-kMlO0G, .de-emergency-status-icon--failed-kMlO0G {
363
- color: var(--de-emergency-red, red);
364
- }
365
-
366
- .de-emergency-emergency-status__message-row-kMlO0G {
367
- background: var(--de-emergency-white, #fff);
368
- outline: 1px dashed var(--de-emergency-gray-medium, #5555);
369
- border-radius: .5rem;
370
- justify-content: space-between;
371
- align-items: center;
372
- gap: .5rem;
373
- padding: .5rem;
374
- display: flex;
375
- }
376
-
377
- .de-emergency-emergency-status__message-row--success-kMlO0G {
378
- outline-color: var(--de-emergency-success, #4cd03a);
379
- }
380
-
381
- .de-emergency-emergency-status__message-row--failed-kMlO0G {
382
- outline-color: var(--de-emergency-red, red);
383
- }
384
-
385
- .de-emergency-emergency-status__message-text-container-kMlO0G {
386
- align-items: center;
387
- gap: .5rem;
388
- margin: 0;
389
- display: flex;
390
- }
391
-
392
- .de-emergency-emergency-status__message-icon-kMlO0G {
393
- flex: none;
394
- }
395
-
396
- .de-emergency-emergency-status__message-icon--success-kMlO0G {
367
+ .de-emergency-status-icon--checked-nA5Hwa {
397
368
  color: var(--de-emergency-success, #4cd03a);
398
369
  }
399
370
 
400
- .de-emergency-emergency-status__message-icon--failed-kMlO0G {
371
+ .de-emergency-status-icon--unchecked-nA5Hwa, .de-emergency-status-icon--failed-nA5Hwa {
401
372
  color: var(--de-emergency-red, red);
402
373
  }
403
374
 
404
- .de-emergency-emergency-status__message-text-kMlO0G {
405
- text-align: left;
406
- font-size: clamp(.75rem, 3vw, .9rem);
407
- }
408
-
409
- .de-emergency-emergency-status__message-sent-at-kMlO0G {
410
- display: block;
411
- }
412
-
413
- .de-emergency-sent-at--verified-kMlO0G {
414
- color: var(--de-emergency-green, green);
415
- background: var(--de-emergency-success-soft, #dcffd8);
416
- border-radius: .25rem;
417
- flex-direction: row-reverse;
418
- align-items: center;
419
- gap: .25rem;
420
- padding: .25rem .5rem;
421
- font-size: clamp(.6rem, 2.5vw, .75rem);
422
- display: flex;
423
- }
424
-
425
- .de-emergency-sent-at--verified-kMlO0G svg {
426
- color: var(--de-emergency-green, green);
427
- }
428
-
429
- .de-emergency-emergency-status-panel__refresh-btn-container-kMlO0G {
375
+ .de-emergency-emergency-status-panel__refresh-btn-container-nA5Hwa {
430
376
  flex-direction: row-reverse;
431
377
  justify-content: space-between;
432
378
  align-items: center;
433
379
  gap: .5rem;
380
+ margin-block-start: .75rem;
434
381
  display: flex;
435
382
  }
436
383
 
437
- .de-emergency-emergency-status-panel__refresh-btn-kMlO0G {
384
+ .de-emergency-emergency-status-panel__refresh-btn-nA5Hwa {
438
385
  color: var(--de-emergency-on-red, #fff);
439
386
  white-space: nowrap;
440
387
  background: var(--de-emergency-primary, #007bff);
@@ -449,33 +396,34 @@
449
396
  box-shadow: 0 2px 6px #0003;
450
397
  }
451
398
 
452
- .de-emergency-emergency-status-panel__refresh-btn-kMlO0G:hover:not(:disabled) {
399
+ .de-emergency-emergency-status-panel__refresh-btn-nA5Hwa:hover:not(:disabled) {
453
400
  background: var(--de-emergency-primary-dark, #1e40af);
454
401
  transform: translateY(-1px);
455
402
  }
456
403
 
457
- .de-emergency-emergency-status-panel__refresh-btn-kMlO0G:active:not(:disabled) {
404
+ .de-emergency-emergency-status-panel__refresh-btn-nA5Hwa:active:not(:disabled) {
458
405
  background: #1e3a8a;
459
406
  }
460
407
 
461
- .de-emergency-emergency-status-panel__refresh-btn-kMlO0G:focus-visible {
408
+ .de-emergency-emergency-status-panel__refresh-btn-nA5Hwa:focus-visible {
462
409
  outline-offset: 2px;
463
410
  outline: 2px solid #3b82f6;
464
411
  }
465
412
 
466
- .de-emergency-emergency-status-panel__refresh-btn-kMlO0G:disabled {
413
+ .de-emergency-emergency-status-panel__refresh-btn-nA5Hwa:disabled {
467
414
  cursor: not-allowed;
468
415
  background: var(--de-emergency-gray-medium, #5555);
469
416
  opacity: .6;
470
417
  }
471
418
 
472
- .de-emergency-emergency-status-panel__refresh-icon-kMlO0G {
419
+ .de-emergency-emergency-status-panel__refresh-icon-nA5Hwa {
473
420
  width: .9rem;
474
421
  height: .9rem;
475
422
  }
476
423
 
477
- .de-emergency-emergency-status__loading-kMlO0G {
424
+ .de-emergency-emergency-status__loading-nA5Hwa {
478
425
  border-radius: .5rem;
426
+ flex-direction: column;
479
427
  justify-content: center;
480
428
  align-self: center;
481
429
  align-items: center;
@@ -484,22 +432,22 @@
484
432
  display: flex;
485
433
  }
486
434
 
487
- .de-emergency-emergency-status__spinner-kMlO0G {
435
+ .de-emergency-emergency-status__spinner-nA5Hwa {
488
436
  border: .1875rem solid #ccc;
489
437
  border-top-color: var(--de-emergency-primary, #007bff);
490
438
  border-radius: 50%;
491
- width: 1.25rem;
492
- height: 1.25rem;
493
- animation: 1s linear infinite de-emergency-de-emergency-spin-kMlO0G;
439
+ width: 1.5rem;
440
+ height: 1.5rem;
441
+ animation: 1s linear infinite de-emergency-de-emergency-spin-nA5Hwa;
494
442
  display: inline-block;
495
443
  }
496
444
 
497
- .de-emergency-emergency-status__loading-text-kMlO0G {
445
+ .de-emergency-emergency-status__loading-text-nA5Hwa {
498
446
  color: #333;
499
447
  font-size: .95rem;
500
448
  }
501
449
 
502
- .de-emergency-emergency-status__abort-btn-kMlO0G {
450
+ .de-emergency-emergency-status__abort-btn-nA5Hwa {
503
451
  width: min(100%, 24rem);
504
452
  height: 3.5rem;
505
453
  color: var(--de-emergency-on-red, #fff);
@@ -516,31 +464,31 @@
516
464
  display: flex;
517
465
  }
518
466
 
519
- .de-emergency-emergency-status__abort-btn-kMlO0G svg {
467
+ .de-emergency-emergency-status__abort-btn-nA5Hwa svg {
520
468
  width: clamp(1.25rem, 4vw, 1.75rem);
521
469
  height: clamp(1.25rem, 4vw, 1.75rem);
522
470
  }
523
471
 
524
- .de-emergency-emergency-status__abort-btn-kMlO0G:hover:not(:disabled) {
472
+ .de-emergency-emergency-status__abort-btn-nA5Hwa:hover:not(:disabled) {
525
473
  background: var(--de-emergency-red-hover, #ff3535);
526
474
  box-shadow: 0 6px 18px #ff00004d;
527
475
  }
528
476
 
529
- .de-emergency-emergency-status__abort-btn-kMlO0G:active:not(:disabled) {
477
+ .de-emergency-emergency-status__abort-btn-nA5Hwa:active:not(:disabled) {
530
478
  transform: scale(.95);
531
479
  }
532
480
 
533
- .de-emergency-emergency-status__abort-btn-kMlO0G:disabled {
481
+ .de-emergency-emergency-status__abort-btn-nA5Hwa:disabled {
534
482
  cursor: not-allowed;
535
483
  background: var(--de-emergency-gray, #555);
536
484
  }
537
485
 
538
- .de-emergency-emergency-status__abort-btn-kMlO0G:focus-visible {
486
+ .de-emergency-emergency-status__abort-btn-nA5Hwa:focus-visible {
539
487
  outline: 2px solid var(--de-emergency-text, #3d4461);
540
488
  outline-offset: 2px;
541
489
  }
542
490
 
543
- .de-emergency-emergency-feedback-kMlO0G {
491
+ .de-emergency-emergency-feedback-nA5Hwa {
544
492
  flex-direction: column;
545
493
  justify-content: center;
546
494
  align-items: center;
@@ -549,7 +497,7 @@
549
497
  display: flex;
550
498
  }
551
499
 
552
- .de-emergency-emergency-feedback__dismiss-kMlO0G {
500
+ .de-emergency-emergency-feedback__dismiss-nA5Hwa {
553
501
  color: var(--de-emergency-on-red, #fff);
554
502
  background: var(--de-emergency-primary, #007bff);
555
503
  border-radius: .5rem;
@@ -557,20 +505,20 @@
557
505
  font-weight: 600;
558
506
  }
559
507
 
560
- .de-emergency-emergency-feedback__dismiss-kMlO0G:focus-visible {
508
+ .de-emergency-emergency-feedback__dismiss-nA5Hwa:focus-visible {
561
509
  outline: 2px solid var(--de-emergency-text, #3d4461);
562
510
  outline-offset: 2px;
563
511
  }
564
512
 
565
- .de-emergency-simulacrum-success-message-kMlO0G, .de-emergency-emergency-error-message-kMlO0G {
513
+ .de-emergency-simulacrum-success-message-nA5Hwa, .de-emergency-emergency-error-message-nA5Hwa {
566
514
  flex-direction: column;
567
515
  align-items: center;
568
516
  width: min(100%, 22rem);
569
- animation: .5s ease-out de-emergency-de-emergency-slide-in-kMlO0G;
517
+ animation: .5s ease-out de-emergency-de-emergency-slide-in-nA5Hwa;
570
518
  display: flex;
571
519
  }
572
520
 
573
- .de-emergency-simulacrum-success-message__container-kMlO0G, .de-emergency-emergency-error-message__container-kMlO0G {
521
+ .de-emergency-simulacrum-success-message__container-nA5Hwa, .de-emergency-emergency-error-message__container-nA5Hwa {
574
522
  flex-direction: column;
575
523
  align-items: center;
576
524
  gap: 3rem;
@@ -580,7 +528,7 @@
580
528
  position: relative;
581
529
  }
582
530
 
583
- .de-emergency-simulacrum-success-message__icon-kMlO0G, .de-emergency-emergency-error-message__icon-kMlO0G {
531
+ .de-emergency-simulacrum-success-message__icon-nA5Hwa, .de-emergency-emergency-error-message__icon-nA5Hwa {
584
532
  border-radius: 50%;
585
533
  flex: none;
586
534
  justify-content: center;
@@ -588,61 +536,67 @@
588
536
  width: 5rem;
589
537
  height: 5rem;
590
538
  font-size: 3rem;
591
- animation: 2s infinite de-emergency-de-emergency-pulse-kMlO0G;
539
+ animation: 2s infinite de-emergency-de-emergency-pulse-nA5Hwa;
592
540
  display: flex;
541
+
542
+ & svg {
543
+ width: 1.5rem;
544
+ height: 1.5rem;
545
+ }
593
546
  }
594
547
 
595
- .de-emergency-simulacrum-success-message__icon-kMlO0G {
548
+ .de-emergency-simulacrum-success-message__icon-nA5Hwa {
596
549
  color: var(--de-emergency-information, #3fabf3);
597
550
  background: #0000000d;
598
551
  }
599
552
 
600
- .de-emergency-emergency-error-message__icon-kMlO0G {
553
+ .de-emergency-emergency-error-message__icon-nA5Hwa {
601
554
  color: var(--de-emergency-error, #dc3545);
602
555
  background: #dc35451a;
603
- animation: 2s infinite de-emergency-de-emergency-pulse-error-kMlO0G;
556
+ animation: 2s infinite de-emergency-de-emergency-pulse-error-nA5Hwa;
604
557
  }
605
558
 
606
- .de-emergency-simulacrum-success-message__content-kMlO0G, .de-emergency-emergency-error-message__content-kMlO0G {
559
+ .de-emergency-simulacrum-success-message__content-nA5Hwa, .de-emergency-emergency-error-message__content-nA5Hwa {
607
560
  text-align: center;
608
561
  flex-direction: column;
609
562
  flex: 1;
610
563
  align-items: center;
611
- gap: 1rem;
564
+ gap: .5rem;
612
565
  display: flex;
613
566
  }
614
567
 
615
- .de-emergency-simulacrum-success-message__content-kMlO0G {
568
+ .de-emergency-simulacrum-success-message__content-nA5Hwa {
616
569
  color: var(--de-emergency-information, #3fabf3);
617
570
  }
618
571
 
619
- .de-emergency-emergency-error-message__content-kMlO0G {
572
+ .de-emergency-emergency-error-message__content-nA5Hwa {
620
573
  color: var(--de-emergency-error, #dc3545);
621
574
  }
622
575
 
623
- .de-emergency-simulacrum-success-message__title-kMlO0G, .de-emergency-emergency-error-message__title-kMlO0G {
576
+ .de-emergency-simulacrum-success-message__title-nA5Hwa, .de-emergency-emergency-error-message__title-nA5Hwa {
624
577
  font-size: var(--de-emergency-font-title, clamp(1.5rem, 2vw, 1.75rem));
625
578
  margin: 0;
626
579
  font-weight: 600;
627
580
  }
628
581
 
629
- .de-emergency-simulacrum-success-message__text-kMlO0G, .de-emergency-emergency-error-message__text-kMlO0G {
582
+ .de-emergency-simulacrum-success-message__text-nA5Hwa, .de-emergency-emergency-error-message__text-nA5Hwa {
630
583
  font-size: var(--de-emergency-font-medium, clamp(1rem, 2vw, 1.125rem));
631
584
  color: var(--de-emergency-text, #3d4461);
632
585
  text-align: center;
633
586
  opacity: .95;
587
+ text-wrap: pretty;
634
588
  margin: 0;
635
589
  line-height: 1.4;
636
590
  }
637
591
 
638
- .de-emergency-simulacrum-success-message__details-kMlO0G, .de-emergency-emergency-error-message__details-kMlO0G {
592
+ .de-emergency-simulacrum-success-message__details-nA5Hwa, .de-emergency-emergency-error-message__details-nA5Hwa {
639
593
  flex-direction: column;
640
- gap: .5rem;
641
- margin-top: 2.5rem;
594
+ gap: .25rem;
595
+ margin-block-start: 1.75rem;
642
596
  display: flex;
643
597
  }
644
598
 
645
- .de-emergency-simulacrum-success-message__detail-kMlO0G, .de-emergency-emergency-error-message__detail-kMlO0G {
599
+ .de-emergency-simulacrum-success-message__detail-nA5Hwa, .de-emergency-emergency-error-message__detail-nA5Hwa {
646
600
  font-size: var(--de-emergency-font-small, clamp(.875rem, 2vw, .9rem));
647
601
  color: var(--de-emergency-gray, #555);
648
602
  opacity: .75;
@@ -652,153 +606,135 @@
652
606
  display: flex;
653
607
  }
654
608
 
655
- .de-emergency-simulacrum-success-message__detail-kMlO0G svg, .de-emergency-emergency-error-message__detail-kMlO0G svg {
609
+ .de-emergency-simulacrum-success-message__detail-nA5Hwa svg, .de-emergency-emergency-error-message__detail-nA5Hwa svg {
656
610
  width: 1rem;
657
611
  height: 1rem;
658
612
  }
659
613
 
660
- .de-emergency-emergency-confirmation-kMlO0G {
614
+ .de-emergency-emergency-confirmation-nA5Hwa {
661
615
  z-index: 30;
662
- background: #0f0f0f8c;
616
+ background: #00000080;
663
617
  justify-content: center;
664
618
  align-items: center;
665
- padding: 1.5rem;
666
- animation: .25s ease-out de-emergency-de-emergency-fade-in-kMlO0G;
619
+ padding: .5rem;
620
+ animation: .15s linear de-emergency-de-emergency-fade-in-nA5Hwa;
667
621
  display: flex;
668
622
  position: absolute;
669
623
  inset: 0;
670
624
  }
671
625
 
672
- .de-emergency-emergency-confirmation__card-kMlO0G {
673
- text-align: center;
626
+ .de-emergency-emergency-confirmation__card-nA5Hwa {
674
627
  background: var(--de-emergency-white, #fff);
675
- border-top: .35rem solid var(--de-emergency-primary, #007bff);
676
628
  border-radius: var(--de-emergency-radius, .5rem);
629
+ border: 1px solid #0000002d;
677
630
  flex-direction: column;
678
- align-items: center;
679
- gap: 1rem;
680
- width: min(100%, 22rem);
681
- padding: 1.5rem;
682
- animation: .3s ease-out de-emergency-de-emergency-slide-in-kMlO0G;
631
+ width: min(100%, 31.25rem);
683
632
  display: flex;
684
- box-shadow: 0 20px 60px #0000004d;
685
633
  }
686
634
 
687
- .de-emergency-emergency-confirmation__card--danger-kMlO0G {
688
- border-top-color: var(--de-emergency-error, #dc3545);
689
- }
690
-
691
- .de-emergency-emergency-confirmation__icon-kMlO0G {
692
- width: 3.5rem;
693
- height: 3.5rem;
694
- color: var(--de-emergency-primary, #007bff);
695
- background: #007bff1a;
696
- border-radius: 50%;
635
+ .de-emergency-emergency-confirmation__body-nA5Hwa {
636
+ flex-direction: column;
697
637
  justify-content: center;
698
638
  align-items: center;
699
- font-size: 2rem;
639
+ gap: .75rem;
640
+ width: 100%;
641
+ min-height: 15rem;
642
+ padding: .75rem;
700
643
  display: flex;
701
644
  }
702
645
 
703
- .de-emergency-emergency-confirmation__card--danger-kMlO0G .de-emergency-emergency-confirmation__icon-kMlO0G {
704
- color: var(--de-emergency-error, #dc3545);
705
- background: #dc35451a;
646
+ .de-emergency-emergency-confirmation__icon-nA5Hwa {
647
+ opacity: .75;
648
+ font-size: 4rem;
649
+ line-height: 1;
650
+ }
651
+
652
+ .de-emergency-emergency-confirmation__icon-nA5Hwa svg {
653
+ width: 1em;
654
+ height: 1em;
706
655
  }
707
656
 
708
- .de-emergency-emergency-confirmation__title-kMlO0G {
657
+ .de-emergency-emergency-confirmation__icon--danger-nA5Hwa {
658
+ color: var(--de-emergency-red, red);
659
+ }
660
+
661
+ .de-emergency-emergency-confirmation__icon--information-nA5Hwa {
662
+ color: var(--de-emergency-information, #3fabf3);
663
+ }
664
+
665
+ .de-emergency-emergency-confirmation__title-nA5Hwa {
666
+ text-align: center;
667
+ color: var(--de-emergency-text, #3d4461);
709
668
  margin: 0;
710
- font-size: clamp(1.15rem, 4vw, 1.4rem);
669
+ font-size: clamp(1.25rem, 2.25vw, 1.5rem);
711
670
  font-weight: 600;
712
671
  }
713
672
 
714
- .de-emergency-emergency-confirmation__text-kMlO0G {
715
- color: var(--de-emergency-text, #3d4461);
673
+ .de-emergency-emergency-confirmation__text-nA5Hwa {
674
+ text-align: center;
675
+ text-wrap: stable;
676
+ width: min(100%, 22rem);
716
677
  margin: 0;
717
- font-size: .95rem;
718
- line-height: 1.5;
678
+ font-size: clamp(.875rem, 1.5vw, 1rem);
679
+ font-weight: 300;
719
680
  }
720
681
 
721
- .de-emergency-emergency-confirmation__actions-kMlO0G {
722
- flex-wrap: wrap;
682
+ .de-emergency-emergency-confirmation__footer-nA5Hwa {
683
+ flex-direction: row-reverse;
723
684
  justify-content: center;
685
+ align-items: center;
724
686
  gap: .75rem;
725
687
  width: 100%;
688
+ padding: 1rem;
726
689
  display: flex;
727
690
  }
728
691
 
729
- .de-emergency-emergency-confirmation__button-kMlO0G {
730
- white-space: nowrap;
731
- border-radius: .5rem;
732
- flex: 1;
692
+ .de-emergency-emergency-confirmation__button-nA5Hwa {
693
+ text-align: center;
694
+ text-transform: capitalize;
695
+ vertical-align: middle;
696
+ border: 2px solid;
697
+ border-radius: .25rem;
698
+ flex: 1 1 0;
733
699
  min-width: 8rem;
734
- padding: .75rem 1rem;
735
- font-weight: 600;
700
+ padding: .5rem;
701
+ font-size: 1rem;
702
+ font-weight: 400;
703
+ transition: all .125s ease-in-out;
736
704
  }
737
705
 
738
- .de-emergency-emergency-confirmation__button--cancel-kMlO0G {
706
+ .de-emergency-emergency-confirmation__button--cancel-nA5Hwa {
739
707
  color: var(--de-emergency-text, #3d4461);
740
- background: var(--de-emergency-white-soft, #f7f7f7);
741
- border: 1px solid var(--de-emergency-gray-medium, #5555);
708
+ border-color: #0000;
742
709
  }
743
710
 
744
- .de-emergency-emergency-confirmation__button--confirm-kMlO0G {
745
- color: var(--de-emergency-on-red, #fff);
746
- background: var(--de-emergency-primary, #007bff);
711
+ .de-emergency-emergency-confirmation__button--cancel-nA5Hwa:hover {
712
+ background: var(--de-emergency-background, #f5f5f5);
747
713
  }
748
714
 
749
- .de-emergency-emergency-confirmation__button--danger-kMlO0G {
715
+ .de-emergency-emergency-confirmation__button--confirm-nA5Hwa {
750
716
  color: var(--de-emergency-on-red, #fff);
751
- background: var(--de-emergency-error, #dc3545);
752
- }
753
-
754
- .de-emergency-emergency-confirmation__button-kMlO0G:focus-visible {
755
- outline: 2px solid var(--de-emergency-text, #3d4461);
756
- outline-offset: 2px;
717
+ background: var(--de-emergency-information, #3fabf3);
718
+ border-color: var(--de-emergency-information, #3fabf3);
757
719
  }
758
720
 
759
- .de-emergency-emergency-fallback-kMlO0G {
760
- text-align: left;
761
- background: var(--de-emergency-white-soft, #f7f7f7);
762
- border: 1px solid var(--de-emergency-gray-medium, #5555);
763
- border-radius: var(--de-emergency-radius, .5rem);
764
- flex-direction: column;
765
- gap: .5rem;
766
- width: min(100%, 22rem);
767
- padding: 1rem;
768
- display: flex;
769
- }
770
-
771
- .de-emergency-emergency-fallback__title-kMlO0G {
772
- margin: 0;
773
- font-size: 1rem;
774
- font-weight: 600;
775
- }
776
-
777
- .de-emergency-emergency-fallback__text-kMlO0G {
778
- color: var(--de-emergency-text-secondary, #686868);
779
- margin: 0;
780
- font-size: .9rem;
781
- line-height: 1.45;
721
+ .de-emergency-emergency-confirmation__button--danger-nA5Hwa {
722
+ color: var(--de-emergency-on-red, #fff);
723
+ background: var(--de-emergency-red, red);
724
+ border-color: var(--de-emergency-red, red);
782
725
  }
783
726
 
784
- .de-emergency-emergency-fallback__phone-kMlO0G {
785
- color: var(--de-emergency-on-red, #fff);
786
- background: var(--de-emergency-primary, #007bff);
787
- border-radius: .5rem;
788
- justify-content: center;
789
- align-items: center;
790
- padding: .65rem 1rem;
791
- font-weight: 600;
792
- text-decoration: none;
793
- display: inline-flex;
727
+ .de-emergency-emergency-confirmation__button--danger-nA5Hwa:hover {
728
+ background: var(--de-emergency-red-pressed, #e33327);
729
+ border-color: var(--de-emergency-red-pressed, #e33327);
794
730
  }
795
731
 
796
- .de-emergency-emergency-fallback__phone-kMlO0G:focus-visible {
732
+ .de-emergency-emergency-confirmation__button-nA5Hwa:focus-visible {
797
733
  outline: 2px solid var(--de-emergency-text, #3d4461);
798
734
  outline-offset: 2px;
799
735
  }
800
736
 
801
- .de-emergency-emergency-resume-notification-overlay-kMlO0G {
737
+ .de-emergency-emergency-resume-notification-overlay-nA5Hwa {
802
738
  z-index: var(--de-emergency-overlay-z-index, 1000);
803
739
  font-family: var(--de-emergency-font, "Poppins",
804
740
  ui-sans-serif,
@@ -814,22 +750,22 @@
814
750
  justify-content: center;
815
751
  align-items: center;
816
752
  padding: 1rem;
817
- animation: .4s ease-out de-emergency-de-emergency-fade-in-kMlO0G;
753
+ animation: .4s ease-out de-emergency-de-emergency-fade-in-nA5Hwa;
818
754
  display: flex;
819
755
  position: fixed;
820
756
  inset: 0;
821
757
  }
822
758
 
823
- .de-emergency-emergency-resume-notification-overlay-kMlO0G *, .de-emergency-emergency-resume-notification-overlay-kMlO0G :before, .de-emergency-emergency-resume-notification-overlay-kMlO0G :after {
759
+ .de-emergency-emergency-resume-notification-overlay-nA5Hwa *, .de-emergency-emergency-resume-notification-overlay-nA5Hwa :before, .de-emergency-emergency-resume-notification-overlay-nA5Hwa :after {
824
760
  box-sizing: border-box;
825
761
  }
826
762
 
827
- .de-emergency-emergency-resume-notification-overlay-kMlO0G h2, .de-emergency-emergency-resume-notification-overlay-kMlO0G p {
763
+ .de-emergency-emergency-resume-notification-overlay-nA5Hwa h2, .de-emergency-emergency-resume-notification-overlay-nA5Hwa p {
828
764
  margin: 0;
829
765
  padding: 0;
830
766
  }
831
767
 
832
- .de-emergency-emergency-resume-notification-card-kMlO0G {
768
+ .de-emergency-emergency-resume-notification-card-nA5Hwa {
833
769
  color: #1a1a1a;
834
770
  text-align: center;
835
771
  background: linear-gradient(145deg, #fff, #fafafa);
@@ -841,13 +777,13 @@
841
777
  max-width: 420px;
842
778
  margin: 1rem;
843
779
  padding: 2rem;
844
- animation: .5s ease-out de-emergency-de-emergency-slide-up-kMlO0G;
780
+ animation: .5s ease-out de-emergency-de-emergency-slide-up-nA5Hwa;
845
781
  display: flex;
846
782
  position: relative;
847
783
  box-shadow: 0 25px 60px #00000073, inset 0 0 0 1px #fff9;
848
784
  }
849
785
 
850
- .de-emergency-emergency-resume-notification-card-kMlO0G:before {
786
+ .de-emergency-emergency-resume-notification-card-nA5Hwa:before {
851
787
  z-index: -1;
852
788
  content: "";
853
789
  opacity: .1;
@@ -857,26 +793,26 @@
857
793
  inset: -1px;
858
794
  }
859
795
 
860
- .de-emergency-emergency-resume-notification-icon-kMlO0G {
796
+ .de-emergency-emergency-resume-notification-icon-nA5Hwa {
861
797
  color: #ff9800;
862
798
  font-size: 4rem;
863
799
  line-height: 1;
864
- animation: 2s infinite de-emergency-de-emergency-pulse-kMlO0G;
800
+ animation: 2s infinite de-emergency-de-emergency-pulse-nA5Hwa;
865
801
  }
866
802
 
867
- .de-emergency-emergency-resume-notification-icon-kMlO0G svg {
803
+ .de-emergency-emergency-resume-notification-icon-nA5Hwa svg {
868
804
  width: 1em;
869
805
  height: 1em;
870
806
  margin: 0 auto;
871
807
  }
872
808
 
873
- .de-emergency-emergency-resume-notification-title-kMlO0G {
809
+ .de-emergency-emergency-resume-notification-title-nA5Hwa {
874
810
  font-size: var(--de-emergency-font-title, clamp(1.5rem, 2vw, 1.75rem));
875
811
  color: #f57c00;
876
812
  font-weight: 700;
877
813
  }
878
814
 
879
- .de-emergency-emergency-resume-notification-message-kMlO0G {
815
+ .de-emergency-emergency-resume-notification-message-nA5Hwa {
880
816
  font-size: var(--de-emergency-font-medium, clamp(1rem, 2vw, 1.125rem));
881
817
  color: var(--de-emergency-text, #3d4461);
882
818
  text-wrap: pretty;
@@ -884,7 +820,7 @@
884
820
  line-height: 1.6;
885
821
  }
886
822
 
887
- .de-emergency-emergency-resume-notification-button-kMlO0G {
823
+ .de-emergency-emergency-resume-notification-button-nA5Hwa {
888
824
  min-width: 180px;
889
825
  font-size: var(--de-emergency-font-small, clamp(.875rem, 2vw, .9rem));
890
826
  color: #fff;
@@ -902,21 +838,21 @@
902
838
  box-shadow: 0 8px 20px #ff980059;
903
839
  }
904
840
 
905
- .de-emergency-emergency-resume-notification-button-kMlO0G:hover {
841
+ .de-emergency-emergency-resume-notification-button-nA5Hwa:hover {
906
842
  transform: translateY(-2px);
907
843
  box-shadow: 0 12px 28px #ff980073;
908
844
  }
909
845
 
910
- .de-emergency-emergency-resume-notification-button-kMlO0G:active {
846
+ .de-emergency-emergency-resume-notification-button-nA5Hwa:active {
911
847
  transform: translateY(0);
912
848
  }
913
849
 
914
- .de-emergency-emergency-resume-notification-button-kMlO0G:focus-visible {
850
+ .de-emergency-emergency-resume-notification-button-nA5Hwa:focus-visible {
915
851
  outline-offset: 3px;
916
852
  outline: 2px solid #fff;
917
853
  }
918
854
 
919
- .de-emergency-emergency-resume-notification-button-kMlO0G:before {
855
+ .de-emergency-emergency-resume-notification-button-nA5Hwa:before {
920
856
  content: "";
921
857
  background: linear-gradient(90deg, #0000, #ffffff59, #0000);
922
858
  width: 100%;
@@ -927,75 +863,88 @@
927
863
  left: -100%;
928
864
  }
929
865
 
930
- .de-emergency-emergency-resume-notification-button-kMlO0G:hover:before {
866
+ .de-emergency-emergency-resume-notification-button-nA5Hwa:hover:before {
931
867
  left: 100%;
932
868
  }
933
869
 
870
+ @media (width >= 601px) {
871
+ .de-emergency-emergency-confirmation__card-nA5Hwa {
872
+ width: min(100%, 28rem);
873
+ }
874
+ }
875
+
934
876
  @media (width <= 600px) {
935
- .de-emergency-emergency-status__panel-kMlO0G {
877
+ .de-emergency-emergency-status__panel-nA5Hwa {
936
878
  width: 100%;
937
879
  min-width: 0;
938
880
  }
939
881
 
940
- .de-emergency-emergency-status-panel__refresh-btn-container-kMlO0G {
941
- justify-content: center;
882
+ .de-emergency-emergency-status-panel__refresh-btn-container-nA5Hwa {
883
+ justify-content: space-between;
884
+
885
+ & .de-emergency-emergency-status__loading-nA5Hwa {
886
+ flex-direction: row;
887
+ }
942
888
  }
943
889
 
944
- .de-emergency-emergency-status-panel__refresh-btn-kMlO0G {
890
+ .de-emergency-emergency-status-panel__refresh-btn-nA5Hwa {
945
891
  justify-content: center;
946
892
  padding: .75rem 1rem;
947
893
  }
948
894
 
949
- .de-emergency-emergency-status__header-kMlO0G, .de-emergency-emergency-status__row-kMlO0G {
895
+ .de-emergency-emergency-status__header-nA5Hwa, .de-emergency-emergency-status__row-nA5Hwa {
950
896
  grid-template-columns: 1fr .65fr .65fr .65fr;
951
897
  font-size: clamp(.75rem, 3vw, .95rem);
952
898
  }
953
899
 
954
- .de-emergency-emergency-status__cell-kMlO0G, .de-emergency-emergency-status__cell-text-kMlO0G {
900
+ .de-emergency-emergency-status__header-nA5Hwa {
901
+ padding: .25rem .75rem;
902
+ }
903
+
904
+ .de-emergency-emergency-status__cell-nA5Hwa, .de-emergency-emergency-status__cell-text-nA5Hwa {
955
905
  padding: .25rem;
956
906
  }
957
907
 
958
- .de-emergency-emergency-status__cell-time-kMlO0G {
908
+ .de-emergency-emergency-status__cell-time-nA5Hwa {
959
909
  font-size: clamp(.5rem, 3vw, .9rem);
960
910
  }
961
911
 
962
- .de-emergency-emergency-status__body-kMlO0G, .de-emergency-emergency-status__grid-kMlO0G {
912
+ .de-emergency-emergency-status__body-nA5Hwa, .de-emergency-emergency-status__grid-nA5Hwa {
963
913
  gap: .5rem;
964
914
  }
965
915
  }
966
916
 
967
917
  @media (width <= 480px) {
968
- .de-emergency-emergency-panel__footer-kMlO0G {
918
+ .de-emergency-emergency-panel__footer-nA5Hwa {
969
919
  gap: .5rem;
970
920
  padding: 1rem;
971
921
  }
972
922
 
973
- .de-emergency-emergency-panel__button-kMlO0G {
974
- width: min(100%, 9rem);
923
+ .de-emergency-emergency-panel__button-nA5Hwa {
975
924
  font-size: 1rem;
976
925
  }
977
926
 
978
- .de-emergency-emergency-resume-notification-card-kMlO0G {
927
+ .de-emergency-emergency-resume-notification-card-nA5Hwa {
979
928
  margin: .5rem;
980
929
  padding: 1.5rem;
981
930
  }
982
931
  }
983
932
 
984
933
  @media (prefers-reduced-motion: reduce) {
985
- .de-emergency-emergency-panel-kMlO0G, .de-emergency-emergency-panel__button-kMlO0G, .de-emergency-emergency-panel__close-button-kMlO0G, .de-emergency-emergency-status-panel__refresh-btn-kMlO0G, .de-emergency-emergency-status__abort-btn-kMlO0G {
934
+ .de-emergency-emergency-panel-nA5Hwa, .de-emergency-emergency-panel__button-nA5Hwa, .de-emergency-emergency-panel__close-button-nA5Hwa, .de-emergency-emergency-status-panel__refresh-btn-nA5Hwa, .de-emergency-emergency-status__abort-btn-nA5Hwa {
986
935
  transition: none;
987
936
  }
988
937
 
989
- .de-emergency-sos-img-kMlO0G, .de-emergency-simulacrum-success-message__icon-kMlO0G, .de-emergency-emergency-error-message__icon-kMlO0G, .de-emergency-emergency-resume-notification-icon-kMlO0G {
938
+ .de-emergency-sos-img-nA5Hwa, .de-emergency-simulacrum-success-message__icon-nA5Hwa, .de-emergency-emergency-error-message__icon-nA5Hwa, .de-emergency-emergency-resume-notification-icon-nA5Hwa {
990
939
  animation: none;
991
940
  }
992
941
 
993
- .de-emergency-emergency-status__spinner-kMlO0G {
942
+ .de-emergency-emergency-status__spinner-nA5Hwa {
994
943
  animation-duration: 3s;
995
944
  }
996
945
  }
997
946
 
998
- @keyframes de-emergency-de-emergency-pulse-kMlO0G {
947
+ @keyframes de-emergency-de-emergency-pulse-nA5Hwa {
999
948
  0%, 100% {
1000
949
  transform: scale(1);
1001
950
  }
@@ -1005,13 +954,13 @@
1005
954
  }
1006
955
  }
1007
956
 
1008
- @keyframes de-emergency-de-emergency-spin-kMlO0G {
957
+ @keyframes de-emergency-de-emergency-spin-nA5Hwa {
1009
958
  to {
1010
959
  transform: rotate(360deg);
1011
960
  }
1012
961
  }
1013
962
 
1014
- @keyframes de-emergency-de-emergency-slide-in-kMlO0G {
963
+ @keyframes de-emergency-de-emergency-slide-in-nA5Hwa {
1015
964
  from {
1016
965
  opacity: 0;
1017
966
  transform: translateY(-20px);
@@ -1023,7 +972,7 @@
1023
972
  }
1024
973
  }
1025
974
 
1026
- @keyframes de-emergency-de-emergency-pulse-error-kMlO0G {
975
+ @keyframes de-emergency-de-emergency-pulse-error-nA5Hwa {
1027
976
  0%, 100% {
1028
977
  transform: scale(1);
1029
978
  box-shadow: 0 0 #dc354559;
@@ -1035,7 +984,7 @@
1035
984
  }
1036
985
  }
1037
986
 
1038
- @keyframes de-emergency-de-emergency-fade-in-kMlO0G {
987
+ @keyframes de-emergency-de-emergency-fade-in-nA5Hwa {
1039
988
  from {
1040
989
  opacity: 0;
1041
990
  }
@@ -1045,7 +994,7 @@
1045
994
  }
1046
995
  }
1047
996
 
1048
- @keyframes de-emergency-de-emergency-slide-up-kMlO0G {
997
+ @keyframes de-emergency-de-emergency-slide-up-nA5Hwa {
1049
998
  from {
1050
999
  opacity: 0;
1051
1000
  transform: translateY(24px);