@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/README.md +48 -29
- package/dist/iife/emergency.iife.global.js +25 -16
- package/dist/index.cjs +326 -258
- package/dist/index.d.cts +21 -2
- package/dist/index.d.ts +21 -2
- package/dist/index.js +326 -258
- package/dist/styles.css +236 -287
- package/package.json +3 -2
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
152
|
+
.de-emergency-emergency-panel__body-title-container-nA5Hwa {
|
|
151
153
|
width: 100%;
|
|
152
154
|
}
|
|
153
155
|
|
|
154
|
-
.de-emergency-emergency-panel__body-title-
|
|
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-
|
|
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-
|
|
169
|
+
.de-emergency-sos-img-nA5Hwa {
|
|
168
170
|
aspect-ratio: 1;
|
|
169
171
|
object-fit: cover;
|
|
170
|
-
|
|
171
|
-
width: clamp(3.5rem, 12.5vw, 5rem);
|
|
172
|
+
width: clamp(3.5rem, 17.5vw, 6rem);
|
|
172
173
|
height: auto;
|
|
173
|
-
|
|
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-
|
|
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:
|
|
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-
|
|
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%,
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
355
|
+
.de-emergency-status-icon-nA5Hwa {
|
|
349
356
|
border-radius: 50%;
|
|
350
|
-
|
|
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-
|
|
363
|
+
.de-emergency-status-icon-nA5Hwa:hover {
|
|
355
364
|
filter: brightness(1.2);
|
|
356
365
|
}
|
|
357
366
|
|
|
358
|
-
.de-emergency-status-icon--checked-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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.
|
|
492
|
-
height: 1.
|
|
493
|
-
animation: 1s linear infinite de-emergency-de-emergency-spin-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
556
|
+
animation: 2s infinite de-emergency-de-emergency-pulse-error-nA5Hwa;
|
|
604
557
|
}
|
|
605
558
|
|
|
606
|
-
.de-emergency-simulacrum-success-message__content-
|
|
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:
|
|
564
|
+
gap: .5rem;
|
|
612
565
|
display: flex;
|
|
613
566
|
}
|
|
614
567
|
|
|
615
|
-
.de-emergency-simulacrum-success-message__content-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
592
|
+
.de-emergency-simulacrum-success-message__details-nA5Hwa, .de-emergency-emergency-error-message__details-nA5Hwa {
|
|
639
593
|
flex-direction: column;
|
|
640
|
-
gap: .
|
|
641
|
-
margin-
|
|
594
|
+
gap: .25rem;
|
|
595
|
+
margin-block-start: 1.75rem;
|
|
642
596
|
display: flex;
|
|
643
597
|
}
|
|
644
598
|
|
|
645
|
-
.de-emergency-simulacrum-success-message__detail-
|
|
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-
|
|
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-
|
|
614
|
+
.de-emergency-emergency-confirmation-nA5Hwa {
|
|
661
615
|
z-index: 30;
|
|
662
|
-
background: #
|
|
616
|
+
background: #00000080;
|
|
663
617
|
justify-content: center;
|
|
664
618
|
align-items: center;
|
|
665
|
-
padding:
|
|
666
|
-
animation: .
|
|
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-
|
|
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
|
-
|
|
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-
|
|
688
|
-
|
|
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
|
-
|
|
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-
|
|
704
|
-
|
|
705
|
-
|
|
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-
|
|
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.
|
|
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-
|
|
715
|
-
|
|
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: .
|
|
718
|
-
|
|
678
|
+
font-size: clamp(.875rem, 1.5vw, 1rem);
|
|
679
|
+
font-weight: 300;
|
|
719
680
|
}
|
|
720
681
|
|
|
721
|
-
.de-emergency-emergency-
|
|
722
|
-
flex-
|
|
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-
|
|
730
|
-
|
|
731
|
-
|
|
732
|
-
|
|
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: .
|
|
735
|
-
font-
|
|
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-
|
|
706
|
+
.de-emergency-emergency-confirmation__button--cancel-nA5Hwa {
|
|
739
707
|
color: var(--de-emergency-text, #3d4461);
|
|
740
|
-
|
|
741
|
-
border: 1px solid var(--de-emergency-gray-medium, #5555);
|
|
708
|
+
border-color: #0000;
|
|
742
709
|
}
|
|
743
710
|
|
|
744
|
-
.de-emergency-emergency-confirmation__button--
|
|
745
|
-
|
|
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--
|
|
715
|
+
.de-emergency-emergency-confirmation__button--confirm-nA5Hwa {
|
|
750
716
|
color: var(--de-emergency-on-red, #fff);
|
|
751
|
-
background: var(--de-emergency-
|
|
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-
|
|
760
|
-
|
|
761
|
-
background: var(--de-emergency-
|
|
762
|
-
border:
|
|
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-
|
|
785
|
-
|
|
786
|
-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
800
|
+
animation: 2s infinite de-emergency-de-emergency-pulse-nA5Hwa;
|
|
865
801
|
}
|
|
866
802
|
|
|
867
|
-
.de-emergency-emergency-resume-notification-icon-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
941
|
-
justify-content:
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
997
|
+
@keyframes de-emergency-de-emergency-slide-up-nA5Hwa {
|
|
1049
998
|
from {
|
|
1050
999
|
opacity: 0;
|
|
1051
1000
|
transform: translateY(24px);
|