sweetalert2 11.3.8 → 11.3.9

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.
@@ -1,1400 +0,0 @@
1
- .swal2-popup.swal2-toast {
2
- box-sizing: border-box;
3
- grid-column: 1/4 !important;
4
- grid-row: 1/4 !important;
5
- grid-template-columns: 1fr 99fr 1fr;
6
- padding: 1em;
7
- overflow-y: hidden;
8
- background: #fff;
9
- box-shadow: 0 0 1px rgba(0, 0, 0, 0.075), 0 1px 2px rgba(0, 0, 0, 0.075), 1px 2px 4px rgba(0, 0, 0, 0.075), 1px 3px 8px rgba(0, 0, 0, 0.075), 2px 4px 16px rgba(0, 0, 0, 0.075);
10
- pointer-events: all;
11
- }
12
- .swal2-popup.swal2-toast > * {
13
- grid-column: 2;
14
- }
15
- .swal2-popup.swal2-toast .swal2-title {
16
- margin: 0.5em 1em;
17
- padding: 0;
18
- font-size: 1em;
19
- text-align: initial;
20
- }
21
- .swal2-popup.swal2-toast .swal2-loading {
22
- justify-content: center;
23
- }
24
- .swal2-popup.swal2-toast .swal2-input {
25
- height: 2em;
26
- margin: 0.5em;
27
- font-size: 1em;
28
- }
29
- .swal2-popup.swal2-toast .swal2-validation-message {
30
- font-size: 1em;
31
- }
32
- .swal2-popup.swal2-toast .swal2-footer {
33
- margin: 0.5em 0 0;
34
- padding: 0.5em 0 0;
35
- font-size: 0.8em;
36
- }
37
- .swal2-popup.swal2-toast .swal2-close {
38
- grid-column: 3/3;
39
- grid-row: 1/99;
40
- align-self: center;
41
- width: 0.8em;
42
- height: 0.8em;
43
- margin: 0;
44
- font-size: 2em;
45
- }
46
- .swal2-popup.swal2-toast .swal2-html-container {
47
- margin: 0.5em 1em;
48
- padding: 0;
49
- font-size: 1em;
50
- text-align: initial;
51
- }
52
- .swal2-popup.swal2-toast .swal2-html-container:empty {
53
- padding: 0;
54
- }
55
- .swal2-popup.swal2-toast .swal2-loader {
56
- grid-column: 1;
57
- grid-row: 1/99;
58
- align-self: center;
59
- width: 2em;
60
- height: 2em;
61
- margin: 0.25em;
62
- }
63
- .swal2-popup.swal2-toast .swal2-icon {
64
- grid-column: 1;
65
- grid-row: 1/99;
66
- align-self: center;
67
- width: 2em;
68
- min-width: 2em;
69
- height: 2em;
70
- margin: 0 0.5em 0 0;
71
- }
72
- .swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
73
- display: flex;
74
- align-items: center;
75
- font-size: 1.8em;
76
- font-weight: bold;
77
- }
78
- .swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
79
- width: 2em;
80
- height: 2em;
81
- }
82
- .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
83
- top: 0.875em;
84
- width: 1.375em;
85
- }
86
- .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
87
- left: 0.3125em;
88
- }
89
- .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
90
- right: 0.3125em;
91
- }
92
- .swal2-popup.swal2-toast .swal2-actions {
93
- justify-content: flex-start;
94
- height: auto;
95
- margin: 0;
96
- margin-top: 0.5em;
97
- padding: 0 0.5em;
98
- }
99
- .swal2-popup.swal2-toast .swal2-styled {
100
- margin: 0.25em 0.5em;
101
- padding: 0.4em 0.6em;
102
- font-size: 1em;
103
- }
104
- .swal2-popup.swal2-toast .swal2-success {
105
- border-color: #a5dc86;
106
- }
107
- .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line] {
108
- position: absolute;
109
- width: 1.6em;
110
- height: 3em;
111
- transform: rotate(45deg);
112
- border-radius: 50%;
113
- }
114
- .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] {
115
- top: -0.8em;
116
- left: -0.5em;
117
- transform: rotate(-45deg);
118
- transform-origin: 2em 2em;
119
- border-radius: 4em 0 0 4em;
120
- }
121
- .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right] {
122
- top: -0.25em;
123
- left: 0.9375em;
124
- transform-origin: 0 1.5em;
125
- border-radius: 0 4em 4em 0;
126
- }
127
- .swal2-popup.swal2-toast .swal2-success .swal2-success-ring {
128
- width: 2em;
129
- height: 2em;
130
- }
131
- .swal2-popup.swal2-toast .swal2-success .swal2-success-fix {
132
- top: 0;
133
- left: 0.4375em;
134
- width: 0.4375em;
135
- height: 2.6875em;
136
- }
137
- .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line] {
138
- height: 0.3125em;
139
- }
140
- .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] {
141
- top: 1.125em;
142
- left: 0.1875em;
143
- width: 0.75em;
144
- }
145
- .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] {
146
- top: 0.9375em;
147
- right: 0.1875em;
148
- width: 1.375em;
149
- }
150
- .swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip {
151
- -webkit-animation: swal2-toast-animate-success-line-tip 0.75s;
152
- animation: swal2-toast-animate-success-line-tip 0.75s;
153
- }
154
- .swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long {
155
- -webkit-animation: swal2-toast-animate-success-line-long 0.75s;
156
- animation: swal2-toast-animate-success-line-long 0.75s;
157
- }
158
- .swal2-popup.swal2-toast.swal2-show {
159
- -webkit-animation: swal2-toast-show 0.5s;
160
- animation: swal2-toast-show 0.5s;
161
- }
162
- .swal2-popup.swal2-toast.swal2-hide {
163
- -webkit-animation: swal2-toast-hide 0.1s forwards;
164
- animation: swal2-toast-hide 0.1s forwards;
165
- }
166
-
167
- .swal2-container {
168
- display: grid;
169
- position: fixed;
170
- z-index: 1060;
171
- top: 0;
172
- right: 0;
173
- bottom: 0;
174
- left: 0;
175
- box-sizing: border-box;
176
- grid-template-areas: "top-start top top-end" "center-start center center-end" "bottom-start bottom-center bottom-end";
177
- grid-template-rows: minmax(-webkit-min-content, auto) minmax(-webkit-min-content, auto) minmax(-webkit-min-content, auto);
178
- grid-template-rows: minmax(min-content, auto) minmax(min-content, auto) minmax(min-content, auto);
179
- height: 100%;
180
- padding: 0.625em;
181
- overflow-x: hidden;
182
- transition: background-color 0.1s;
183
- -webkit-overflow-scrolling: touch;
184
- }
185
- .swal2-container.swal2-backdrop-show, .swal2-container.swal2-noanimation {
186
- background: rgba(0, 0, 0, 0.4);
187
- }
188
- .swal2-container.swal2-backdrop-hide {
189
- background: transparent !important;
190
- }
191
- .swal2-container.swal2-top-start, .swal2-container.swal2-center-start, .swal2-container.swal2-bottom-start {
192
- grid-template-columns: minmax(0, 1fr) auto auto;
193
- }
194
- .swal2-container.swal2-top, .swal2-container.swal2-center, .swal2-container.swal2-bottom {
195
- grid-template-columns: auto minmax(0, 1fr) auto;
196
- }
197
- .swal2-container.swal2-top-end, .swal2-container.swal2-center-end, .swal2-container.swal2-bottom-end {
198
- grid-template-columns: auto auto minmax(0, 1fr);
199
- }
200
- .swal2-container.swal2-top-start > .swal2-popup {
201
- align-self: start;
202
- }
203
- .swal2-container.swal2-top > .swal2-popup {
204
- grid-column: 2;
205
- align-self: start;
206
- justify-self: center;
207
- }
208
- .swal2-container.swal2-top-end > .swal2-popup, .swal2-container.swal2-top-right > .swal2-popup {
209
- grid-column: 3;
210
- align-self: start;
211
- justify-self: end;
212
- }
213
- .swal2-container.swal2-center-start > .swal2-popup, .swal2-container.swal2-center-left > .swal2-popup {
214
- grid-row: 2;
215
- align-self: center;
216
- }
217
- .swal2-container.swal2-center > .swal2-popup {
218
- grid-column: 2;
219
- grid-row: 2;
220
- align-self: center;
221
- justify-self: center;
222
- }
223
- .swal2-container.swal2-center-end > .swal2-popup, .swal2-container.swal2-center-right > .swal2-popup {
224
- grid-column: 3;
225
- grid-row: 2;
226
- align-self: center;
227
- justify-self: end;
228
- }
229
- .swal2-container.swal2-bottom-start > .swal2-popup, .swal2-container.swal2-bottom-left > .swal2-popup {
230
- grid-column: 1;
231
- grid-row: 3;
232
- align-self: end;
233
- }
234
- .swal2-container.swal2-bottom > .swal2-popup {
235
- grid-column: 2;
236
- grid-row: 3;
237
- justify-self: center;
238
- align-self: end;
239
- }
240
- .swal2-container.swal2-bottom-end > .swal2-popup, .swal2-container.swal2-bottom-right > .swal2-popup {
241
- grid-column: 3;
242
- grid-row: 3;
243
- align-self: end;
244
- justify-self: end;
245
- }
246
- .swal2-container.swal2-grow-row > .swal2-popup, .swal2-container.swal2-grow-fullscreen > .swal2-popup {
247
- grid-column: 1/4;
248
- width: 100%;
249
- }
250
- .swal2-container.swal2-grow-column > .swal2-popup, .swal2-container.swal2-grow-fullscreen > .swal2-popup {
251
- grid-row: 1/4;
252
- align-self: stretch;
253
- }
254
- .swal2-container.swal2-no-transition {
255
- transition: none !important;
256
- }
257
-
258
- .swal2-popup {
259
- display: none;
260
- position: relative;
261
- box-sizing: border-box;
262
- grid-template-columns: minmax(0, 100%);
263
- width: 32em;
264
- max-width: 100%;
265
- padding: 0 0 1.25em;
266
- border: none;
267
- border-radius: 5px;
268
- background: #fff;
269
- color: #545454;
270
- font-family: inherit;
271
- font-size: 1rem;
272
- }
273
- .swal2-popup:focus {
274
- outline: none;
275
- }
276
- .swal2-popup.swal2-loading {
277
- overflow-y: hidden;
278
- }
279
-
280
- .swal2-title {
281
- position: relative;
282
- max-width: 100%;
283
- margin: 0;
284
- padding: 0.8em 1em 0;
285
- color: inherit;
286
- font-size: 1.875em;
287
- font-weight: 600;
288
- text-align: center;
289
- text-transform: none;
290
- word-wrap: break-word;
291
- }
292
-
293
- .swal2-actions {
294
- display: flex;
295
- z-index: 1;
296
- box-sizing: border-box;
297
- flex-wrap: wrap;
298
- align-items: center;
299
- justify-content: center;
300
- width: auto;
301
- margin: 1.25em auto 0;
302
- padding: 0;
303
- }
304
- .swal2-actions:not(.swal2-loading) .swal2-styled[disabled] {
305
- opacity: 0.4;
306
- }
307
- .swal2-actions:not(.swal2-loading) .swal2-styled:hover {
308
- background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
309
- }
310
- .swal2-actions:not(.swal2-loading) .swal2-styled:active {
311
- background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
312
- }
313
-
314
- .swal2-loader {
315
- display: none;
316
- align-items: center;
317
- justify-content: center;
318
- width: 2.2em;
319
- height: 2.2em;
320
- margin: 0 1.875em;
321
- -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
322
- animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
323
- border-width: 0.25em;
324
- border-style: solid;
325
- border-radius: 100%;
326
- border-color: #2778c4 transparent #2778c4 transparent;
327
- }
328
-
329
- .swal2-styled {
330
- margin: 0.3125em;
331
- padding: 0.625em 1.1em;
332
- transition: box-shadow 0.1s;
333
- box-shadow: 0 0 0 3px transparent;
334
- font-weight: 500;
335
- }
336
- .swal2-styled:not([disabled]) {
337
- cursor: pointer;
338
- }
339
- .swal2-styled.swal2-confirm {
340
- border: 0;
341
- border-radius: 0.25em;
342
- background: initial;
343
- background-color: #7066e0;
344
- color: #fff;
345
- font-size: 1em;
346
- }
347
- .swal2-styled.swal2-confirm:focus {
348
- box-shadow: 0 0 0 3px rgba(112, 102, 224, 0.5);
349
- }
350
- .swal2-styled.swal2-deny {
351
- border: 0;
352
- border-radius: 0.25em;
353
- background: initial;
354
- background-color: #dc3741;
355
- color: #fff;
356
- font-size: 1em;
357
- }
358
- .swal2-styled.swal2-deny:focus {
359
- box-shadow: 0 0 0 3px rgba(220, 55, 65, 0.5);
360
- }
361
- .swal2-styled.swal2-cancel {
362
- border: 0;
363
- border-radius: 0.25em;
364
- background: initial;
365
- background-color: #6e7881;
366
- color: #fff;
367
- font-size: 1em;
368
- }
369
- .swal2-styled.swal2-cancel:focus {
370
- box-shadow: 0 0 0 3px rgba(110, 120, 129, 0.5);
371
- }
372
- .swal2-styled.swal2-default-outline:focus {
373
- box-shadow: 0 0 0 3px rgba(100, 150, 200, 0.5);
374
- }
375
- .swal2-styled:focus {
376
- outline: none;
377
- }
378
- .swal2-styled::-moz-focus-inner {
379
- border: 0;
380
- }
381
-
382
- .swal2-footer {
383
- justify-content: center;
384
- margin: 1em 0 0;
385
- padding: 1em 1em 0;
386
- border-top: 1px solid #eee;
387
- color: inherit;
388
- font-size: 1em;
389
- }
390
-
391
- .swal2-timer-progress-bar-container {
392
- position: absolute;
393
- right: 0;
394
- bottom: 0;
395
- left: 0;
396
- grid-column: auto !important;
397
- height: 0.25em;
398
- overflow: hidden;
399
- border-bottom-right-radius: 5px;
400
- border-bottom-left-radius: 5px;
401
- }
402
-
403
- .swal2-timer-progress-bar {
404
- width: 100%;
405
- height: 0.25em;
406
- background: rgba(0, 0, 0, 0.2);
407
- }
408
-
409
- .swal2-image {
410
- max-width: 100%;
411
- margin: 2em auto 1em;
412
- }
413
-
414
- .swal2-close {
415
- z-index: 2;
416
- align-items: center;
417
- justify-content: center;
418
- width: 1.2em;
419
- height: 1.2em;
420
- margin-top: 0;
421
- margin-right: 0;
422
- margin-bottom: -1.2em;
423
- padding: 0;
424
- overflow: hidden;
425
- transition: color 0.1s, box-shadow 0.1s;
426
- border: none;
427
- border-radius: 5px;
428
- background: transparent;
429
- color: #ccc;
430
- font-family: serif;
431
- font-family: monospace;
432
- font-size: 2.5em;
433
- cursor: pointer;
434
- justify-self: end;
435
- }
436
- .swal2-close:hover {
437
- transform: none;
438
- background: transparent;
439
- color: #f27474;
440
- }
441
- .swal2-close:focus {
442
- outline: none;
443
- box-shadow: inset 0 0 0 3px rgba(100, 150, 200, 0.5);
444
- }
445
- .swal2-close::-moz-focus-inner {
446
- border: 0;
447
- }
448
-
449
- .swal2-html-container {
450
- z-index: 1;
451
- justify-content: center;
452
- margin: 1em 1.6em 0.3em;
453
- padding: 0;
454
- overflow: auto;
455
- color: inherit;
456
- font-size: 1.125em;
457
- font-weight: normal;
458
- line-height: normal;
459
- text-align: center;
460
- word-wrap: break-word;
461
- word-break: break-word;
462
- }
463
-
464
- .swal2-input,
465
- .swal2-file,
466
- .swal2-textarea,
467
- .swal2-select,
468
- .swal2-radio,
469
- .swal2-checkbox {
470
- margin: 1em 2em 3px;
471
- }
472
-
473
- .swal2-input,
474
- .swal2-file,
475
- .swal2-textarea {
476
- box-sizing: border-box;
477
- width: auto;
478
- transition: border-color 0.1s, box-shadow 0.1s;
479
- border: 1px solid #d9d9d9;
480
- border-radius: 0.1875em;
481
- background: inherit;
482
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px transparent;
483
- color: inherit;
484
- font-size: 1.125em;
485
- }
486
- .swal2-input.swal2-inputerror,
487
- .swal2-file.swal2-inputerror,
488
- .swal2-textarea.swal2-inputerror {
489
- border-color: #f27474 !important;
490
- box-shadow: 0 0 2px #f27474 !important;
491
- }
492
- .swal2-input:focus,
493
- .swal2-file:focus,
494
- .swal2-textarea:focus {
495
- border: 1px solid #b4dbed;
496
- outline: none;
497
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px rgba(100, 150, 200, 0.5);
498
- }
499
- .swal2-input::-moz-placeholder, .swal2-file::-moz-placeholder, .swal2-textarea::-moz-placeholder {
500
- color: #ccc;
501
- }
502
- .swal2-input:-ms-input-placeholder, .swal2-file:-ms-input-placeholder, .swal2-textarea:-ms-input-placeholder {
503
- color: #ccc;
504
- }
505
- .swal2-input::placeholder,
506
- .swal2-file::placeholder,
507
- .swal2-textarea::placeholder {
508
- color: #ccc;
509
- }
510
-
511
- .swal2-range {
512
- margin: 1em 2em 3px;
513
- background: #fff;
514
- }
515
- .swal2-range input {
516
- width: 80%;
517
- }
518
- .swal2-range output {
519
- width: 20%;
520
- color: inherit;
521
- font-weight: 600;
522
- text-align: center;
523
- }
524
- .swal2-range input,
525
- .swal2-range output {
526
- height: 2.625em;
527
- padding: 0;
528
- font-size: 1.125em;
529
- line-height: 2.625em;
530
- }
531
-
532
- .swal2-input {
533
- height: 2.625em;
534
- padding: 0 0.75em;
535
- }
536
-
537
- .swal2-file {
538
- width: 75%;
539
- margin-right: auto;
540
- margin-left: auto;
541
- background: inherit;
542
- font-size: 1.125em;
543
- }
544
-
545
- .swal2-textarea {
546
- height: 6.75em;
547
- padding: 0.75em;
548
- }
549
-
550
- .swal2-select {
551
- min-width: 50%;
552
- max-width: 100%;
553
- padding: 0.375em 0.625em;
554
- background: inherit;
555
- color: inherit;
556
- font-size: 1.125em;
557
- }
558
-
559
- .swal2-radio,
560
- .swal2-checkbox {
561
- align-items: center;
562
- justify-content: center;
563
- background: #fff;
564
- color: inherit;
565
- }
566
- .swal2-radio label,
567
- .swal2-checkbox label {
568
- margin: 0 0.6em;
569
- font-size: 1.125em;
570
- }
571
- .swal2-radio input,
572
- .swal2-checkbox input {
573
- flex-shrink: 0;
574
- margin: 0 0.4em;
575
- }
576
-
577
- .swal2-input-label {
578
- display: flex;
579
- justify-content: center;
580
- margin: 1em auto 0;
581
- }
582
-
583
- .swal2-validation-message {
584
- align-items: center;
585
- justify-content: center;
586
- margin: 1em 0 0;
587
- padding: 0.625em;
588
- overflow: hidden;
589
- background: #f0f0f0;
590
- color: #666666;
591
- font-size: 1em;
592
- font-weight: 300;
593
- }
594
- .swal2-validation-message::before {
595
- content: "!";
596
- display: inline-block;
597
- width: 1.5em;
598
- min-width: 1.5em;
599
- height: 1.5em;
600
- margin: 0 0.625em;
601
- border-radius: 50%;
602
- background-color: #f27474;
603
- color: #fff;
604
- font-weight: 600;
605
- line-height: 1.5em;
606
- text-align: center;
607
- }
608
-
609
- .swal2-icon {
610
- position: relative;
611
- box-sizing: content-box;
612
- justify-content: center;
613
- width: 5em;
614
- height: 5em;
615
- margin: 2.5em auto 0.6em;
616
- border: 0.25em solid transparent;
617
- border-radius: 50%;
618
- border-color: #000;
619
- font-family: inherit;
620
- line-height: 5em;
621
- cursor: default;
622
- -webkit-user-select: none;
623
- -moz-user-select: none;
624
- -ms-user-select: none;
625
- user-select: none;
626
- }
627
- .swal2-icon .swal2-icon-content {
628
- display: flex;
629
- align-items: center;
630
- font-size: 3.75em;
631
- }
632
- .swal2-icon.swal2-error {
633
- border-color: #f27474;
634
- color: #f27474;
635
- }
636
- .swal2-icon.swal2-error .swal2-x-mark {
637
- position: relative;
638
- flex-grow: 1;
639
- }
640
- .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
641
- display: block;
642
- position: absolute;
643
- top: 2.3125em;
644
- width: 2.9375em;
645
- height: 0.3125em;
646
- border-radius: 0.125em;
647
- background-color: #f27474;
648
- }
649
- .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
650
- left: 1.0625em;
651
- transform: rotate(45deg);
652
- }
653
- .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
654
- right: 1em;
655
- transform: rotate(-45deg);
656
- }
657
- .swal2-icon.swal2-error.swal2-icon-show {
658
- -webkit-animation: swal2-animate-error-icon 0.5s;
659
- animation: swal2-animate-error-icon 0.5s;
660
- }
661
- .swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark {
662
- -webkit-animation: swal2-animate-error-x-mark 0.5s;
663
- animation: swal2-animate-error-x-mark 0.5s;
664
- }
665
- .swal2-icon.swal2-warning {
666
- border-color: #facea8;
667
- color: #f8bb86;
668
- }
669
- .swal2-icon.swal2-warning.swal2-icon-show {
670
- -webkit-animation: swal2-animate-error-icon 0.5s;
671
- animation: swal2-animate-error-icon 0.5s;
672
- }
673
- .swal2-icon.swal2-warning.swal2-icon-show .swal2-icon-content {
674
- -webkit-animation: swal2-animate-i-mark 0.5s;
675
- animation: swal2-animate-i-mark 0.5s;
676
- }
677
- .swal2-icon.swal2-info {
678
- border-color: #9de0f6;
679
- color: #3fc3ee;
680
- }
681
- .swal2-icon.swal2-info.swal2-icon-show {
682
- -webkit-animation: swal2-animate-error-icon 0.5s;
683
- animation: swal2-animate-error-icon 0.5s;
684
- }
685
- .swal2-icon.swal2-info.swal2-icon-show .swal2-icon-content {
686
- -webkit-animation: swal2-animate-i-mark 0.8s;
687
- animation: swal2-animate-i-mark 0.8s;
688
- }
689
- .swal2-icon.swal2-question {
690
- border-color: #c9dae1;
691
- color: #87adbd;
692
- }
693
- .swal2-icon.swal2-question.swal2-icon-show {
694
- -webkit-animation: swal2-animate-error-icon 0.5s;
695
- animation: swal2-animate-error-icon 0.5s;
696
- }
697
- .swal2-icon.swal2-question.swal2-icon-show .swal2-icon-content {
698
- -webkit-animation: swal2-animate-question-mark 0.8s;
699
- animation: swal2-animate-question-mark 0.8s;
700
- }
701
- .swal2-icon.swal2-success {
702
- border-color: #a5dc86;
703
- color: #a5dc86;
704
- }
705
- .swal2-icon.swal2-success [class^=swal2-success-circular-line] {
706
- position: absolute;
707
- width: 3.75em;
708
- height: 7.5em;
709
- transform: rotate(45deg);
710
- border-radius: 50%;
711
- }
712
- .swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] {
713
- top: -0.4375em;
714
- left: -2.0635em;
715
- transform: rotate(-45deg);
716
- transform-origin: 3.75em 3.75em;
717
- border-radius: 7.5em 0 0 7.5em;
718
- }
719
- .swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] {
720
- top: -0.6875em;
721
- left: 1.875em;
722
- transform: rotate(-45deg);
723
- transform-origin: 0 3.75em;
724
- border-radius: 0 7.5em 7.5em 0;
725
- }
726
- .swal2-icon.swal2-success .swal2-success-ring {
727
- position: absolute;
728
- z-index: 2;
729
- top: -0.25em;
730
- left: -0.25em;
731
- box-sizing: content-box;
732
- width: 100%;
733
- height: 100%;
734
- border: 0.25em solid rgba(165, 220, 134, 0.3);
735
- border-radius: 50%;
736
- }
737
- .swal2-icon.swal2-success .swal2-success-fix {
738
- position: absolute;
739
- z-index: 1;
740
- top: 0.5em;
741
- left: 1.625em;
742
- width: 0.4375em;
743
- height: 5.625em;
744
- transform: rotate(-45deg);
745
- }
746
- .swal2-icon.swal2-success [class^=swal2-success-line] {
747
- display: block;
748
- position: absolute;
749
- z-index: 2;
750
- height: 0.3125em;
751
- border-radius: 0.125em;
752
- background-color: #a5dc86;
753
- }
754
- .swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {
755
- top: 2.875em;
756
- left: 0.8125em;
757
- width: 1.5625em;
758
- transform: rotate(45deg);
759
- }
760
- .swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {
761
- top: 2.375em;
762
- right: 0.5em;
763
- width: 2.9375em;
764
- transform: rotate(-45deg);
765
- }
766
- .swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip {
767
- -webkit-animation: swal2-animate-success-line-tip 0.75s;
768
- animation: swal2-animate-success-line-tip 0.75s;
769
- }
770
- .swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long {
771
- -webkit-animation: swal2-animate-success-line-long 0.75s;
772
- animation: swal2-animate-success-line-long 0.75s;
773
- }
774
- .swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right {
775
- -webkit-animation: swal2-rotate-success-circular-line 4.25s ease-in;
776
- animation: swal2-rotate-success-circular-line 4.25s ease-in;
777
- }
778
-
779
- .swal2-progress-steps {
780
- flex-wrap: wrap;
781
- align-items: center;
782
- max-width: 100%;
783
- margin: 1.25em auto;
784
- padding: 0;
785
- background: inherit;
786
- font-weight: 600;
787
- }
788
- .swal2-progress-steps li {
789
- display: inline-block;
790
- position: relative;
791
- }
792
- .swal2-progress-steps .swal2-progress-step {
793
- z-index: 20;
794
- flex-shrink: 0;
795
- width: 2em;
796
- height: 2em;
797
- border-radius: 2em;
798
- background: #2778c4;
799
- color: #fff;
800
- line-height: 2em;
801
- text-align: center;
802
- }
803
- .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
804
- background: #2778c4;
805
- }
806
- .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step {
807
- background: #add8e6;
808
- color: #fff;
809
- }
810
- .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line {
811
- background: #add8e6;
812
- }
813
- .swal2-progress-steps .swal2-progress-step-line {
814
- z-index: 10;
815
- flex-shrink: 0;
816
- width: 2.5em;
817
- height: 0.4em;
818
- margin: 0 -1px;
819
- background: #2778c4;
820
- }
821
-
822
- [class^=swal2] {
823
- -webkit-tap-highlight-color: transparent;
824
- }
825
-
826
- .swal2-show {
827
- -webkit-animation: swal2-show 0.3s;
828
- animation: swal2-show 0.3s;
829
- }
830
-
831
- .swal2-hide {
832
- -webkit-animation: swal2-hide 0.15s forwards;
833
- animation: swal2-hide 0.15s forwards;
834
- }
835
-
836
- .swal2-noanimation {
837
- transition: none;
838
- }
839
-
840
- .swal2-scrollbar-measure {
841
- position: absolute;
842
- top: -9999px;
843
- width: 50px;
844
- height: 50px;
845
- overflow: scroll;
846
- }
847
-
848
- .swal2-rtl .swal2-close {
849
- margin-right: initial;
850
- margin-left: 0;
851
- }
852
- .swal2-rtl .swal2-timer-progress-bar {
853
- right: 0;
854
- left: auto;
855
- }
856
-
857
- @-webkit-keyframes swal2-toast-show {
858
- 0% {
859
- transform: translateY(-0.625em) rotateZ(2deg);
860
- }
861
- 33% {
862
- transform: translateY(0) rotateZ(-2deg);
863
- }
864
- 66% {
865
- transform: translateY(0.3125em) rotateZ(2deg);
866
- }
867
- 100% {
868
- transform: translateY(0) rotateZ(0deg);
869
- }
870
- }
871
-
872
- @keyframes swal2-toast-show {
873
- 0% {
874
- transform: translateY(-0.625em) rotateZ(2deg);
875
- }
876
- 33% {
877
- transform: translateY(0) rotateZ(-2deg);
878
- }
879
- 66% {
880
- transform: translateY(0.3125em) rotateZ(2deg);
881
- }
882
- 100% {
883
- transform: translateY(0) rotateZ(0deg);
884
- }
885
- }
886
- @-webkit-keyframes swal2-toast-hide {
887
- 100% {
888
- transform: rotateZ(1deg);
889
- opacity: 0;
890
- }
891
- }
892
- @keyframes swal2-toast-hide {
893
- 100% {
894
- transform: rotateZ(1deg);
895
- opacity: 0;
896
- }
897
- }
898
- @-webkit-keyframes swal2-toast-animate-success-line-tip {
899
- 0% {
900
- top: 0.5625em;
901
- left: 0.0625em;
902
- width: 0;
903
- }
904
- 54% {
905
- top: 0.125em;
906
- left: 0.125em;
907
- width: 0;
908
- }
909
- 70% {
910
- top: 0.625em;
911
- left: -0.25em;
912
- width: 1.625em;
913
- }
914
- 84% {
915
- top: 1.0625em;
916
- left: 0.75em;
917
- width: 0.5em;
918
- }
919
- 100% {
920
- top: 1.125em;
921
- left: 0.1875em;
922
- width: 0.75em;
923
- }
924
- }
925
- @keyframes swal2-toast-animate-success-line-tip {
926
- 0% {
927
- top: 0.5625em;
928
- left: 0.0625em;
929
- width: 0;
930
- }
931
- 54% {
932
- top: 0.125em;
933
- left: 0.125em;
934
- width: 0;
935
- }
936
- 70% {
937
- top: 0.625em;
938
- left: -0.25em;
939
- width: 1.625em;
940
- }
941
- 84% {
942
- top: 1.0625em;
943
- left: 0.75em;
944
- width: 0.5em;
945
- }
946
- 100% {
947
- top: 1.125em;
948
- left: 0.1875em;
949
- width: 0.75em;
950
- }
951
- }
952
- @-webkit-keyframes swal2-toast-animate-success-line-long {
953
- 0% {
954
- top: 1.625em;
955
- right: 1.375em;
956
- width: 0;
957
- }
958
- 65% {
959
- top: 1.25em;
960
- right: 0.9375em;
961
- width: 0;
962
- }
963
- 84% {
964
- top: 0.9375em;
965
- right: 0;
966
- width: 1.125em;
967
- }
968
- 100% {
969
- top: 0.9375em;
970
- right: 0.1875em;
971
- width: 1.375em;
972
- }
973
- }
974
- @keyframes swal2-toast-animate-success-line-long {
975
- 0% {
976
- top: 1.625em;
977
- right: 1.375em;
978
- width: 0;
979
- }
980
- 65% {
981
- top: 1.25em;
982
- right: 0.9375em;
983
- width: 0;
984
- }
985
- 84% {
986
- top: 0.9375em;
987
- right: 0;
988
- width: 1.125em;
989
- }
990
- 100% {
991
- top: 0.9375em;
992
- right: 0.1875em;
993
- width: 1.375em;
994
- }
995
- }
996
- @-webkit-keyframes swal2-show {
997
- 0% {
998
- transform: scale(0.7);
999
- }
1000
- 45% {
1001
- transform: scale(1.05);
1002
- }
1003
- 80% {
1004
- transform: scale(0.95);
1005
- }
1006
- 100% {
1007
- transform: scale(1);
1008
- }
1009
- }
1010
- @keyframes swal2-show {
1011
- 0% {
1012
- transform: scale(0.7);
1013
- }
1014
- 45% {
1015
- transform: scale(1.05);
1016
- }
1017
- 80% {
1018
- transform: scale(0.95);
1019
- }
1020
- 100% {
1021
- transform: scale(1);
1022
- }
1023
- }
1024
- @-webkit-keyframes swal2-hide {
1025
- 0% {
1026
- transform: scale(1);
1027
- opacity: 1;
1028
- }
1029
- 100% {
1030
- transform: scale(0.5);
1031
- opacity: 0;
1032
- }
1033
- }
1034
- @keyframes swal2-hide {
1035
- 0% {
1036
- transform: scale(1);
1037
- opacity: 1;
1038
- }
1039
- 100% {
1040
- transform: scale(0.5);
1041
- opacity: 0;
1042
- }
1043
- }
1044
- @-webkit-keyframes swal2-animate-success-line-tip {
1045
- 0% {
1046
- top: 1.1875em;
1047
- left: 0.0625em;
1048
- width: 0;
1049
- }
1050
- 54% {
1051
- top: 1.0625em;
1052
- left: 0.125em;
1053
- width: 0;
1054
- }
1055
- 70% {
1056
- top: 2.1875em;
1057
- left: -0.375em;
1058
- width: 3.125em;
1059
- }
1060
- 84% {
1061
- top: 3em;
1062
- left: 1.3125em;
1063
- width: 1.0625em;
1064
- }
1065
- 100% {
1066
- top: 2.8125em;
1067
- left: 0.8125em;
1068
- width: 1.5625em;
1069
- }
1070
- }
1071
- @keyframes swal2-animate-success-line-tip {
1072
- 0% {
1073
- top: 1.1875em;
1074
- left: 0.0625em;
1075
- width: 0;
1076
- }
1077
- 54% {
1078
- top: 1.0625em;
1079
- left: 0.125em;
1080
- width: 0;
1081
- }
1082
- 70% {
1083
- top: 2.1875em;
1084
- left: -0.375em;
1085
- width: 3.125em;
1086
- }
1087
- 84% {
1088
- top: 3em;
1089
- left: 1.3125em;
1090
- width: 1.0625em;
1091
- }
1092
- 100% {
1093
- top: 2.8125em;
1094
- left: 0.8125em;
1095
- width: 1.5625em;
1096
- }
1097
- }
1098
- @-webkit-keyframes swal2-animate-success-line-long {
1099
- 0% {
1100
- top: 3.375em;
1101
- right: 2.875em;
1102
- width: 0;
1103
- }
1104
- 65% {
1105
- top: 3.375em;
1106
- right: 2.875em;
1107
- width: 0;
1108
- }
1109
- 84% {
1110
- top: 2.1875em;
1111
- right: 0;
1112
- width: 3.4375em;
1113
- }
1114
- 100% {
1115
- top: 2.375em;
1116
- right: 0.5em;
1117
- width: 2.9375em;
1118
- }
1119
- }
1120
- @keyframes swal2-animate-success-line-long {
1121
- 0% {
1122
- top: 3.375em;
1123
- right: 2.875em;
1124
- width: 0;
1125
- }
1126
- 65% {
1127
- top: 3.375em;
1128
- right: 2.875em;
1129
- width: 0;
1130
- }
1131
- 84% {
1132
- top: 2.1875em;
1133
- right: 0;
1134
- width: 3.4375em;
1135
- }
1136
- 100% {
1137
- top: 2.375em;
1138
- right: 0.5em;
1139
- width: 2.9375em;
1140
- }
1141
- }
1142
- @-webkit-keyframes swal2-rotate-success-circular-line {
1143
- 0% {
1144
- transform: rotate(-45deg);
1145
- }
1146
- 5% {
1147
- transform: rotate(-45deg);
1148
- }
1149
- 12% {
1150
- transform: rotate(-405deg);
1151
- }
1152
- 100% {
1153
- transform: rotate(-405deg);
1154
- }
1155
- }
1156
- @keyframes swal2-rotate-success-circular-line {
1157
- 0% {
1158
- transform: rotate(-45deg);
1159
- }
1160
- 5% {
1161
- transform: rotate(-45deg);
1162
- }
1163
- 12% {
1164
- transform: rotate(-405deg);
1165
- }
1166
- 100% {
1167
- transform: rotate(-405deg);
1168
- }
1169
- }
1170
- @-webkit-keyframes swal2-animate-error-x-mark {
1171
- 0% {
1172
- margin-top: 1.625em;
1173
- transform: scale(0.4);
1174
- opacity: 0;
1175
- }
1176
- 50% {
1177
- margin-top: 1.625em;
1178
- transform: scale(0.4);
1179
- opacity: 0;
1180
- }
1181
- 80% {
1182
- margin-top: -0.375em;
1183
- transform: scale(1.15);
1184
- }
1185
- 100% {
1186
- margin-top: 0;
1187
- transform: scale(1);
1188
- opacity: 1;
1189
- }
1190
- }
1191
- @keyframes swal2-animate-error-x-mark {
1192
- 0% {
1193
- margin-top: 1.625em;
1194
- transform: scale(0.4);
1195
- opacity: 0;
1196
- }
1197
- 50% {
1198
- margin-top: 1.625em;
1199
- transform: scale(0.4);
1200
- opacity: 0;
1201
- }
1202
- 80% {
1203
- margin-top: -0.375em;
1204
- transform: scale(1.15);
1205
- }
1206
- 100% {
1207
- margin-top: 0;
1208
- transform: scale(1);
1209
- opacity: 1;
1210
- }
1211
- }
1212
- @-webkit-keyframes swal2-animate-error-icon {
1213
- 0% {
1214
- transform: rotateX(100deg);
1215
- opacity: 0;
1216
- }
1217
- 100% {
1218
- transform: rotateX(0deg);
1219
- opacity: 1;
1220
- }
1221
- }
1222
- @keyframes swal2-animate-error-icon {
1223
- 0% {
1224
- transform: rotateX(100deg);
1225
- opacity: 0;
1226
- }
1227
- 100% {
1228
- transform: rotateX(0deg);
1229
- opacity: 1;
1230
- }
1231
- }
1232
- @-webkit-keyframes swal2-rotate-loading {
1233
- 0% {
1234
- transform: rotate(0deg);
1235
- }
1236
- 100% {
1237
- transform: rotate(360deg);
1238
- }
1239
- }
1240
- @keyframes swal2-rotate-loading {
1241
- 0% {
1242
- transform: rotate(0deg);
1243
- }
1244
- 100% {
1245
- transform: rotate(360deg);
1246
- }
1247
- }
1248
- @-webkit-keyframes swal2-animate-question-mark {
1249
- 0% {
1250
- transform: rotateY(-360deg);
1251
- }
1252
- 100% {
1253
- transform: rotateY(0);
1254
- }
1255
- }
1256
- @keyframes swal2-animate-question-mark {
1257
- 0% {
1258
- transform: rotateY(-360deg);
1259
- }
1260
- 100% {
1261
- transform: rotateY(0);
1262
- }
1263
- }
1264
- @-webkit-keyframes swal2-animate-i-mark {
1265
- 0% {
1266
- transform: rotateZ(45deg);
1267
- opacity: 0;
1268
- }
1269
- 25% {
1270
- transform: rotateZ(-25deg);
1271
- opacity: 0.4;
1272
- }
1273
- 50% {
1274
- transform: rotateZ(15deg);
1275
- opacity: 0.8;
1276
- }
1277
- 75% {
1278
- transform: rotateZ(-5deg);
1279
- opacity: 1;
1280
- }
1281
- 100% {
1282
- transform: rotateX(0);
1283
- opacity: 1;
1284
- }
1285
- }
1286
- @keyframes swal2-animate-i-mark {
1287
- 0% {
1288
- transform: rotateZ(45deg);
1289
- opacity: 0;
1290
- }
1291
- 25% {
1292
- transform: rotateZ(-25deg);
1293
- opacity: 0.4;
1294
- }
1295
- 50% {
1296
- transform: rotateZ(15deg);
1297
- opacity: 0.8;
1298
- }
1299
- 75% {
1300
- transform: rotateZ(-5deg);
1301
- opacity: 1;
1302
- }
1303
- 100% {
1304
- transform: rotateX(0);
1305
- opacity: 1;
1306
- }
1307
- }
1308
- body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
1309
- overflow: hidden;
1310
- }
1311
- body.swal2-height-auto {
1312
- height: auto !important;
1313
- }
1314
- body.swal2-no-backdrop .swal2-container {
1315
- background-color: transparent !important;
1316
- pointer-events: none;
1317
- }
1318
- body.swal2-no-backdrop .swal2-container .swal2-popup {
1319
- pointer-events: all;
1320
- }
1321
- body.swal2-no-backdrop .swal2-container .swal2-modal {
1322
- box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
1323
- }
1324
- @media print {
1325
- body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
1326
- overflow-y: scroll !important;
1327
- }
1328
- body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) > [aria-hidden=true] {
1329
- display: none;
1330
- }
1331
- body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container {
1332
- position: static !important;
1333
- }
1334
- }
1335
- body.swal2-toast-shown .swal2-container {
1336
- box-sizing: border-box;
1337
- width: 360px;
1338
- max-width: 100%;
1339
- background-color: transparent;
1340
- pointer-events: none;
1341
- }
1342
- body.swal2-toast-shown .swal2-container.swal2-top {
1343
- top: 0;
1344
- right: auto;
1345
- bottom: auto;
1346
- left: 50%;
1347
- transform: translateX(-50%);
1348
- }
1349
- body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .swal2-container.swal2-top-right {
1350
- top: 0;
1351
- right: 0;
1352
- bottom: auto;
1353
- left: auto;
1354
- }
1355
- body.swal2-toast-shown .swal2-container.swal2-top-start, body.swal2-toast-shown .swal2-container.swal2-top-left {
1356
- top: 0;
1357
- right: auto;
1358
- bottom: auto;
1359
- left: 0;
1360
- }
1361
- body.swal2-toast-shown .swal2-container.swal2-center-start, body.swal2-toast-shown .swal2-container.swal2-center-left {
1362
- top: 50%;
1363
- right: auto;
1364
- bottom: auto;
1365
- left: 0;
1366
- transform: translateY(-50%);
1367
- }
1368
- body.swal2-toast-shown .swal2-container.swal2-center {
1369
- top: 50%;
1370
- right: auto;
1371
- bottom: auto;
1372
- left: 50%;
1373
- transform: translate(-50%, -50%);
1374
- }
1375
- body.swal2-toast-shown .swal2-container.swal2-center-end, body.swal2-toast-shown .swal2-container.swal2-center-right {
1376
- top: 50%;
1377
- right: 0;
1378
- bottom: auto;
1379
- left: auto;
1380
- transform: translateY(-50%);
1381
- }
1382
- body.swal2-toast-shown .swal2-container.swal2-bottom-start, body.swal2-toast-shown .swal2-container.swal2-bottom-left {
1383
- top: auto;
1384
- right: auto;
1385
- bottom: 0;
1386
- left: 0;
1387
- }
1388
- body.swal2-toast-shown .swal2-container.swal2-bottom {
1389
- top: auto;
1390
- right: auto;
1391
- bottom: 0;
1392
- left: 50%;
1393
- transform: translateX(-50%);
1394
- }
1395
- body.swal2-toast-shown .swal2-container.swal2-bottom-end, body.swal2-toast-shown .swal2-container.swal2-bottom-right {
1396
- top: auto;
1397
- right: 0;
1398
- bottom: 0;
1399
- left: auto;
1400
- }