swal_rails 0.3.1.beta1

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