GPQAPP

Форк
0
/
sweetalert2.css 
1399 строк · 29.2 Кб
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
  overflow: hidden;
398
  border-bottom-right-radius: 5px;
399
  border-bottom-left-radius: 5px;
400
}
401

402
.swal2-timer-progress-bar {
403
  width: 100%;
404
  height: 0.25em;
405
  background: rgba(0, 0, 0, 0.2);
406
}
407

408
.swal2-image {
409
  max-width: 100%;
410
  margin: 2em auto 1em;
411
}
412

413
.swal2-close {
414
  z-index: 2;
415
  align-items: center;
416
  justify-content: center;
417
  width: 1.2em;
418
  height: 1.2em;
419
  margin-top: 0;
420
  margin-right: 0;
421
  margin-bottom: -1.2em;
422
  padding: 0;
423
  overflow: hidden;
424
  transition: color 0.1s, box-shadow 0.1s;
425
  border: none;
426
  border-radius: 5px;
427
  background: transparent;
428
  color: #ccc;
429
  font-family: serif;
430
  font-family: monospace;
431
  font-size: 2.5em;
432
  cursor: pointer;
433
  justify-self: end;
434
}
435
.swal2-close:hover {
436
  transform: none;
437
  background: transparent;
438
  color: #f27474;
439
}
440
.swal2-close:focus {
441
  outline: none;
442
  box-shadow: inset 0 0 0 3px rgba(100, 150, 200, 0.5);
443
}
444
.swal2-close::-moz-focus-inner {
445
  border: 0;
446
}
447

448
.swal2-html-container {
449
  z-index: 1;
450
  justify-content: center;
451
  margin: 1em 1.6em 0.3em;
452
  padding: 0;
453
  overflow: auto;
454
  color: inherit;
455
  font-size: 1.125em;
456
  font-weight: normal;
457
  line-height: normal;
458
  text-align: center;
459
  word-wrap: break-word;
460
  word-break: break-word;
461
}
462

463
.swal2-input,
464
.swal2-file,
465
.swal2-textarea,
466
.swal2-select,
467
.swal2-radio,
468
.swal2-checkbox {
469
  margin: 1em 2em 3px;
470
}
471

472
.swal2-input,
473
.swal2-file,
474
.swal2-textarea {
475
  box-sizing: border-box;
476
  width: auto;
477
  transition: border-color 0.1s, box-shadow 0.1s;
478
  border: 1px solid #d9d9d9;
479
  border-radius: 0.1875em;
480
  background: inherit;
481
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px transparent;
482
  color: inherit;
483
  font-size: 1.125em;
484
}
485
.swal2-input.swal2-inputerror,
486
.swal2-file.swal2-inputerror,
487
.swal2-textarea.swal2-inputerror {
488
  border-color: #f27474 !important;
489
  box-shadow: 0 0 2px #f27474 !important;
490
}
491
.swal2-input:focus,
492
.swal2-file:focus,
493
.swal2-textarea:focus {
494
  border: 1px solid #b4dbed;
495
  outline: none;
496
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px rgba(100, 150, 200, 0.5);
497
}
498
.swal2-input::-moz-placeholder, .swal2-file::-moz-placeholder, .swal2-textarea::-moz-placeholder {
499
  color: #ccc;
500
}
501
.swal2-input:-ms-input-placeholder, .swal2-file:-ms-input-placeholder, .swal2-textarea:-ms-input-placeholder {
502
  color: #ccc;
503
}
504
.swal2-input::placeholder,
505
.swal2-file::placeholder,
506
.swal2-textarea::placeholder {
507
  color: #ccc;
508
}
509

510
.swal2-range {
511
  margin: 1em 2em 3px;
512
  background: #fff;
513
}
514
.swal2-range input {
515
  width: 80%;
516
}
517
.swal2-range output {
518
  width: 20%;
519
  color: inherit;
520
  font-weight: 600;
521
  text-align: center;
522
}
523
.swal2-range input,
524
.swal2-range output {
525
  height: 2.625em;
526
  padding: 0;
527
  font-size: 1.125em;
528
  line-height: 2.625em;
529
}
530

531
.swal2-input {
532
  height: 2.625em;
533
  padding: 0 0.75em;
534
}
535

536
.swal2-file {
537
  width: 75%;
538
  margin-right: auto;
539
  margin-left: auto;
540
  background: inherit;
541
  font-size: 1.125em;
542
}
543

544
.swal2-textarea {
545
  height: 6.75em;
546
  padding: 0.75em;
547
}
548

549
.swal2-select {
550
  min-width: 50%;
551
  max-width: 100%;
552
  padding: 0.375em 0.625em;
553
  background: inherit;
554
  color: inherit;
555
  font-size: 1.125em;
556
}
557

558
.swal2-radio,
559
.swal2-checkbox {
560
  align-items: center;
561
  justify-content: center;
562
  background: #fff;
563
  color: inherit;
564
}
565
.swal2-radio label,
566
.swal2-checkbox label {
567
  margin: 0 0.6em;
568
  font-size: 1.125em;
569
}
570
.swal2-radio input,
571
.swal2-checkbox input {
572
  flex-shrink: 0;
573
  margin: 0 0.4em;
574
}
575

576
.swal2-input-label {
577
  display: flex;
578
  justify-content: center;
579
  margin: 1em auto 0;
580
}
581

582
.swal2-validation-message {
583
  align-items: center;
584
  justify-content: center;
585
  margin: 1em 0 0;
586
  padding: 0.625em;
587
  overflow: hidden;
588
  background: #f0f0f0;
589
  color: #666666;
590
  font-size: 1em;
591
  font-weight: 300;
592
}
593
.swal2-validation-message::before {
594
  content: "!";
595
  display: inline-block;
596
  width: 1.5em;
597
  min-width: 1.5em;
598
  height: 1.5em;
599
  margin: 0 0.625em;
600
  border-radius: 50%;
601
  background-color: #f27474;
602
  color: #fff;
603
  font-weight: 600;
604
  line-height: 1.5em;
605
  text-align: center;
606
}
607

608
.swal2-icon {
609
  position: relative;
610
  box-sizing: content-box;
611
  justify-content: center;
612
  width: 5em;
613
  height: 5em;
614
  margin: 2.5em auto 0.6em;
615
  border: 0.25em solid transparent;
616
  border-radius: 50%;
617
  border-color: #000;
618
  font-family: inherit;
619
  line-height: 5em;
620
  cursor: default;
621
  -webkit-user-select: none;
622
     -moz-user-select: none;
623
      -ms-user-select: none;
624
          user-select: none;
625
}
626
.swal2-icon .swal2-icon-content {
627
  display: flex;
628
  align-items: center;
629
  font-size: 3.75em;
630
}
631
.swal2-icon.swal2-error {
632
  border-color: #f27474;
633
  color: #f27474;
634
}
635
.swal2-icon.swal2-error .swal2-x-mark {
636
  position: relative;
637
  flex-grow: 1;
638
}
639
.swal2-icon.swal2-error [class^=swal2-x-mark-line] {
640
  display: block;
641
  position: absolute;
642
  top: 2.3125em;
643
  width: 2.9375em;
644
  height: 0.3125em;
645
  border-radius: 0.125em;
646
  background-color: #f27474;
647
}
648
.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
649
  left: 1.0625em;
650
  transform: rotate(45deg);
651
}
652
.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
653
  right: 1em;
654
  transform: rotate(-45deg);
655
}
656
.swal2-icon.swal2-error.swal2-icon-show {
657
  -webkit-animation: swal2-animate-error-icon 0.5s;
658
          animation: swal2-animate-error-icon 0.5s;
659
}
660
.swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark {
661
  -webkit-animation: swal2-animate-error-x-mark 0.5s;
662
          animation: swal2-animate-error-x-mark 0.5s;
663
}
664
.swal2-icon.swal2-warning {
665
  border-color: #facea8;
666
  color: #f8bb86;
667
}
668
.swal2-icon.swal2-warning.swal2-icon-show {
669
  -webkit-animation: swal2-animate-error-icon 0.5s;
670
          animation: swal2-animate-error-icon 0.5s;
671
}
672
.swal2-icon.swal2-warning.swal2-icon-show .swal2-icon-content {
673
  -webkit-animation: swal2-animate-i-mark 0.5s;
674
          animation: swal2-animate-i-mark 0.5s;
675
}
676
.swal2-icon.swal2-info {
677
  border-color: #9de0f6;
678
  color: #3fc3ee;
679
}
680
.swal2-icon.swal2-info.swal2-icon-show {
681
  -webkit-animation: swal2-animate-error-icon 0.5s;
682
          animation: swal2-animate-error-icon 0.5s;
683
}
684
.swal2-icon.swal2-info.swal2-icon-show .swal2-icon-content {
685
  -webkit-animation: swal2-animate-i-mark 0.8s;
686
          animation: swal2-animate-i-mark 0.8s;
687
}
688
.swal2-icon.swal2-question {
689
  border-color: #c9dae1;
690
  color: #87adbd;
691
}
692
.swal2-icon.swal2-question.swal2-icon-show {
693
  -webkit-animation: swal2-animate-error-icon 0.5s;
694
          animation: swal2-animate-error-icon 0.5s;
695
}
696
.swal2-icon.swal2-question.swal2-icon-show .swal2-icon-content {
697
  -webkit-animation: swal2-animate-question-mark 0.8s;
698
          animation: swal2-animate-question-mark 0.8s;
699
}
700
.swal2-icon.swal2-success {
701
  border-color: #a5dc86;
702
  color: #a5dc86;
703
}
704
.swal2-icon.swal2-success [class^=swal2-success-circular-line] {
705
  position: absolute;
706
  width: 3.75em;
707
  height: 7.5em;
708
  transform: rotate(45deg);
709
  border-radius: 50%;
710
}
711
.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] {
712
  top: -0.4375em;
713
  left: -2.0635em;
714
  transform: rotate(-45deg);
715
  transform-origin: 3.75em 3.75em;
716
  border-radius: 7.5em 0 0 7.5em;
717
}
718
.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] {
719
  top: -0.6875em;
720
  left: 1.875em;
721
  transform: rotate(-45deg);
722
  transform-origin: 0 3.75em;
723
  border-radius: 0 7.5em 7.5em 0;
724
}
725
.swal2-icon.swal2-success .swal2-success-ring {
726
  position: absolute;
727
  z-index: 2;
728
  top: -0.25em;
729
  left: -0.25em;
730
  box-sizing: content-box;
731
  width: 100%;
732
  height: 100%;
733
  border: 0.25em solid rgba(165, 220, 134, 0.3);
734
  border-radius: 50%;
735
}
736
.swal2-icon.swal2-success .swal2-success-fix {
737
  position: absolute;
738
  z-index: 1;
739
  top: 0.5em;
740
  left: 1.625em;
741
  width: 0.4375em;
742
  height: 5.625em;
743
  transform: rotate(-45deg);
744
}
745
.swal2-icon.swal2-success [class^=swal2-success-line] {
746
  display: block;
747
  position: absolute;
748
  z-index: 2;
749
  height: 0.3125em;
750
  border-radius: 0.125em;
751
  background-color: #a5dc86;
752
}
753
.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {
754
  top: 2.875em;
755
  left: 0.8125em;
756
  width: 1.5625em;
757
  transform: rotate(45deg);
758
}
759
.swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {
760
  top: 2.375em;
761
  right: 0.5em;
762
  width: 2.9375em;
763
  transform: rotate(-45deg);
764
}
765
.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip {
766
  -webkit-animation: swal2-animate-success-line-tip 0.75s;
767
          animation: swal2-animate-success-line-tip 0.75s;
768
}
769
.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long {
770
  -webkit-animation: swal2-animate-success-line-long 0.75s;
771
          animation: swal2-animate-success-line-long 0.75s;
772
}
773
.swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right {
774
  -webkit-animation: swal2-rotate-success-circular-line 4.25s ease-in;
775
          animation: swal2-rotate-success-circular-line 4.25s ease-in;
776
}
777

778
.swal2-progress-steps {
779
  flex-wrap: wrap;
780
  align-items: center;
781
  max-width: 100%;
782
  margin: 1.25em auto;
783
  padding: 0;
784
  background: inherit;
785
  font-weight: 600;
786
}
787
.swal2-progress-steps li {
788
  display: inline-block;
789
  position: relative;
790
}
791
.swal2-progress-steps .swal2-progress-step {
792
  z-index: 20;
793
  flex-shrink: 0;
794
  width: 2em;
795
  height: 2em;
796
  border-radius: 2em;
797
  background: #2778c4;
798
  color: #fff;
799
  line-height: 2em;
800
  text-align: center;
801
}
802
.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
803
  background: #2778c4;
804
}
805
.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step {
806
  background: #add8e6;
807
  color: #fff;
808
}
809
.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line {
810
  background: #add8e6;
811
}
812
.swal2-progress-steps .swal2-progress-step-line {
813
  z-index: 10;
814
  flex-shrink: 0;
815
  width: 2.5em;
816
  height: 0.4em;
817
  margin: 0 -1px;
818
  background: #2778c4;
819
}
820

821
[class^=swal2] {
822
  -webkit-tap-highlight-color: transparent;
823
}
824

825
.swal2-show {
826
  -webkit-animation: swal2-show 0.3s;
827
          animation: swal2-show 0.3s;
828
}
829

830
.swal2-hide {
831
  -webkit-animation: swal2-hide 0.15s forwards;
832
          animation: swal2-hide 0.15s forwards;
833
}
834

835
.swal2-noanimation {
836
  transition: none;
837
}
838

839
.swal2-scrollbar-measure {
840
  position: absolute;
841
  top: -9999px;
842
  width: 50px;
843
  height: 50px;
844
  overflow: scroll;
845
}
846

847
.swal2-rtl .swal2-close {
848
  margin-right: initial;
849
  margin-left: 0;
850
}
851
.swal2-rtl .swal2-timer-progress-bar {
852
  right: 0;
853
  left: auto;
854
}
855

856
@-webkit-keyframes swal2-toast-show {
857
  0% {
858
    transform: translateY(-0.625em) rotateZ(2deg);
859
  }
860
  33% {
861
    transform: translateY(0) rotateZ(-2deg);
862
  }
863
  66% {
864
    transform: translateY(0.3125em) rotateZ(2deg);
865
  }
866
  100% {
867
    transform: translateY(0) rotateZ(0deg);
868
  }
869
}
870

871
@keyframes swal2-toast-show {
872
  0% {
873
    transform: translateY(-0.625em) rotateZ(2deg);
874
  }
875
  33% {
876
    transform: translateY(0) rotateZ(-2deg);
877
  }
878
  66% {
879
    transform: translateY(0.3125em) rotateZ(2deg);
880
  }
881
  100% {
882
    transform: translateY(0) rotateZ(0deg);
883
  }
884
}
885
@-webkit-keyframes swal2-toast-hide {
886
  100% {
887
    transform: rotateZ(1deg);
888
    opacity: 0;
889
  }
890
}
891
@keyframes swal2-toast-hide {
892
  100% {
893
    transform: rotateZ(1deg);
894
    opacity: 0;
895
  }
896
}
897
@-webkit-keyframes swal2-toast-animate-success-line-tip {
898
  0% {
899
    top: 0.5625em;
900
    left: 0.0625em;
901
    width: 0;
902
  }
903
  54% {
904
    top: 0.125em;
905
    left: 0.125em;
906
    width: 0;
907
  }
908
  70% {
909
    top: 0.625em;
910
    left: -0.25em;
911
    width: 1.625em;
912
  }
913
  84% {
914
    top: 1.0625em;
915
    left: 0.75em;
916
    width: 0.5em;
917
  }
918
  100% {
919
    top: 1.125em;
920
    left: 0.1875em;
921
    width: 0.75em;
922
  }
923
}
924
@keyframes swal2-toast-animate-success-line-tip {
925
  0% {
926
    top: 0.5625em;
927
    left: 0.0625em;
928
    width: 0;
929
  }
930
  54% {
931
    top: 0.125em;
932
    left: 0.125em;
933
    width: 0;
934
  }
935
  70% {
936
    top: 0.625em;
937
    left: -0.25em;
938
    width: 1.625em;
939
  }
940
  84% {
941
    top: 1.0625em;
942
    left: 0.75em;
943
    width: 0.5em;
944
  }
945
  100% {
946
    top: 1.125em;
947
    left: 0.1875em;
948
    width: 0.75em;
949
  }
950
}
951
@-webkit-keyframes swal2-toast-animate-success-line-long {
952
  0% {
953
    top: 1.625em;
954
    right: 1.375em;
955
    width: 0;
956
  }
957
  65% {
958
    top: 1.25em;
959
    right: 0.9375em;
960
    width: 0;
961
  }
962
  84% {
963
    top: 0.9375em;
964
    right: 0;
965
    width: 1.125em;
966
  }
967
  100% {
968
    top: 0.9375em;
969
    right: 0.1875em;
970
    width: 1.375em;
971
  }
972
}
973
@keyframes swal2-toast-animate-success-line-long {
974
  0% {
975
    top: 1.625em;
976
    right: 1.375em;
977
    width: 0;
978
  }
979
  65% {
980
    top: 1.25em;
981
    right: 0.9375em;
982
    width: 0;
983
  }
984
  84% {
985
    top: 0.9375em;
986
    right: 0;
987
    width: 1.125em;
988
  }
989
  100% {
990
    top: 0.9375em;
991
    right: 0.1875em;
992
    width: 1.375em;
993
  }
994
}
995
@-webkit-keyframes swal2-show {
996
  0% {
997
    transform: scale(0.7);
998
  }
999
  45% {
1000
    transform: scale(1.05);
1001
  }
1002
  80% {
1003
    transform: scale(0.95);
1004
  }
1005
  100% {
1006
    transform: scale(1);
1007
  }
1008
}
1009
@keyframes swal2-show {
1010
  0% {
1011
    transform: scale(0.7);
1012
  }
1013
  45% {
1014
    transform: scale(1.05);
1015
  }
1016
  80% {
1017
    transform: scale(0.95);
1018
  }
1019
  100% {
1020
    transform: scale(1);
1021
  }
1022
}
1023
@-webkit-keyframes swal2-hide {
1024
  0% {
1025
    transform: scale(1);
1026
    opacity: 1;
1027
  }
1028
  100% {
1029
    transform: scale(0.5);
1030
    opacity: 0;
1031
  }
1032
}
1033
@keyframes swal2-hide {
1034
  0% {
1035
    transform: scale(1);
1036
    opacity: 1;
1037
  }
1038
  100% {
1039
    transform: scale(0.5);
1040
    opacity: 0;
1041
  }
1042
}
1043
@-webkit-keyframes swal2-animate-success-line-tip {
1044
  0% {
1045
    top: 1.1875em;
1046
    left: 0.0625em;
1047
    width: 0;
1048
  }
1049
  54% {
1050
    top: 1.0625em;
1051
    left: 0.125em;
1052
    width: 0;
1053
  }
1054
  70% {
1055
    top: 2.1875em;
1056
    left: -0.375em;
1057
    width: 3.125em;
1058
  }
1059
  84% {
1060
    top: 3em;
1061
    left: 1.3125em;
1062
    width: 1.0625em;
1063
  }
1064
  100% {
1065
    top: 2.8125em;
1066
    left: 0.8125em;
1067
    width: 1.5625em;
1068
  }
1069
}
1070
@keyframes swal2-animate-success-line-tip {
1071
  0% {
1072
    top: 1.1875em;
1073
    left: 0.0625em;
1074
    width: 0;
1075
  }
1076
  54% {
1077
    top: 1.0625em;
1078
    left: 0.125em;
1079
    width: 0;
1080
  }
1081
  70% {
1082
    top: 2.1875em;
1083
    left: -0.375em;
1084
    width: 3.125em;
1085
  }
1086
  84% {
1087
    top: 3em;
1088
    left: 1.3125em;
1089
    width: 1.0625em;
1090
  }
1091
  100% {
1092
    top: 2.8125em;
1093
    left: 0.8125em;
1094
    width: 1.5625em;
1095
  }
1096
}
1097
@-webkit-keyframes swal2-animate-success-line-long {
1098
  0% {
1099
    top: 3.375em;
1100
    right: 2.875em;
1101
    width: 0;
1102
  }
1103
  65% {
1104
    top: 3.375em;
1105
    right: 2.875em;
1106
    width: 0;
1107
  }
1108
  84% {
1109
    top: 2.1875em;
1110
    right: 0;
1111
    width: 3.4375em;
1112
  }
1113
  100% {
1114
    top: 2.375em;
1115
    right: 0.5em;
1116
    width: 2.9375em;
1117
  }
1118
}
1119
@keyframes swal2-animate-success-line-long {
1120
  0% {
1121
    top: 3.375em;
1122
    right: 2.875em;
1123
    width: 0;
1124
  }
1125
  65% {
1126
    top: 3.375em;
1127
    right: 2.875em;
1128
    width: 0;
1129
  }
1130
  84% {
1131
    top: 2.1875em;
1132
    right: 0;
1133
    width: 3.4375em;
1134
  }
1135
  100% {
1136
    top: 2.375em;
1137
    right: 0.5em;
1138
    width: 2.9375em;
1139
  }
1140
}
1141
@-webkit-keyframes swal2-rotate-success-circular-line {
1142
  0% {
1143
    transform: rotate(-45deg);
1144
  }
1145
  5% {
1146
    transform: rotate(-45deg);
1147
  }
1148
  12% {
1149
    transform: rotate(-405deg);
1150
  }
1151
  100% {
1152
    transform: rotate(-405deg);
1153
  }
1154
}
1155
@keyframes swal2-rotate-success-circular-line {
1156
  0% {
1157
    transform: rotate(-45deg);
1158
  }
1159
  5% {
1160
    transform: rotate(-45deg);
1161
  }
1162
  12% {
1163
    transform: rotate(-405deg);
1164
  }
1165
  100% {
1166
    transform: rotate(-405deg);
1167
  }
1168
}
1169
@-webkit-keyframes swal2-animate-error-x-mark {
1170
  0% {
1171
    margin-top: 1.625em;
1172
    transform: scale(0.4);
1173
    opacity: 0;
1174
  }
1175
  50% {
1176
    margin-top: 1.625em;
1177
    transform: scale(0.4);
1178
    opacity: 0;
1179
  }
1180
  80% {
1181
    margin-top: -0.375em;
1182
    transform: scale(1.15);
1183
  }
1184
  100% {
1185
    margin-top: 0;
1186
    transform: scale(1);
1187
    opacity: 1;
1188
  }
1189
}
1190
@keyframes swal2-animate-error-x-mark {
1191
  0% {
1192
    margin-top: 1.625em;
1193
    transform: scale(0.4);
1194
    opacity: 0;
1195
  }
1196
  50% {
1197
    margin-top: 1.625em;
1198
    transform: scale(0.4);
1199
    opacity: 0;
1200
  }
1201
  80% {
1202
    margin-top: -0.375em;
1203
    transform: scale(1.15);
1204
  }
1205
  100% {
1206
    margin-top: 0;
1207
    transform: scale(1);
1208
    opacity: 1;
1209
  }
1210
}
1211
@-webkit-keyframes swal2-animate-error-icon {
1212
  0% {
1213
    transform: rotateX(100deg);
1214
    opacity: 0;
1215
  }
1216
  100% {
1217
    transform: rotateX(0deg);
1218
    opacity: 1;
1219
  }
1220
}
1221
@keyframes swal2-animate-error-icon {
1222
  0% {
1223
    transform: rotateX(100deg);
1224
    opacity: 0;
1225
  }
1226
  100% {
1227
    transform: rotateX(0deg);
1228
    opacity: 1;
1229
  }
1230
}
1231
@-webkit-keyframes swal2-rotate-loading {
1232
  0% {
1233
    transform: rotate(0deg);
1234
  }
1235
  100% {
1236
    transform: rotate(360deg);
1237
  }
1238
}
1239
@keyframes swal2-rotate-loading {
1240
  0% {
1241
    transform: rotate(0deg);
1242
  }
1243
  100% {
1244
    transform: rotate(360deg);
1245
  }
1246
}
1247
@-webkit-keyframes swal2-animate-question-mark {
1248
  0% {
1249
    transform: rotateY(-360deg);
1250
  }
1251
  100% {
1252
    transform: rotateY(0);
1253
  }
1254
}
1255
@keyframes swal2-animate-question-mark {
1256
  0% {
1257
    transform: rotateY(-360deg);
1258
  }
1259
  100% {
1260
    transform: rotateY(0);
1261
  }
1262
}
1263
@-webkit-keyframes swal2-animate-i-mark {
1264
  0% {
1265
    transform: rotateZ(45deg);
1266
    opacity: 0;
1267
  }
1268
  25% {
1269
    transform: rotateZ(-25deg);
1270
    opacity: 0.4;
1271
  }
1272
  50% {
1273
    transform: rotateZ(15deg);
1274
    opacity: 0.8;
1275
  }
1276
  75% {
1277
    transform: rotateZ(-5deg);
1278
    opacity: 1;
1279
  }
1280
  100% {
1281
    transform: rotateX(0);
1282
    opacity: 1;
1283
  }
1284
}
1285
@keyframes swal2-animate-i-mark {
1286
  0% {
1287
    transform: rotateZ(45deg);
1288
    opacity: 0;
1289
  }
1290
  25% {
1291
    transform: rotateZ(-25deg);
1292
    opacity: 0.4;
1293
  }
1294
  50% {
1295
    transform: rotateZ(15deg);
1296
    opacity: 0.8;
1297
  }
1298
  75% {
1299
    transform: rotateZ(-5deg);
1300
    opacity: 1;
1301
  }
1302
  100% {
1303
    transform: rotateX(0);
1304
    opacity: 1;
1305
  }
1306
}
1307
body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
1308
  overflow: hidden;
1309
}
1310
body.swal2-height-auto {
1311
  height: auto !important;
1312
}
1313
body.swal2-no-backdrop .swal2-container {
1314
  background-color: transparent !important;
1315
  pointer-events: none;
1316
}
1317
body.swal2-no-backdrop .swal2-container .swal2-popup {
1318
  pointer-events: all;
1319
}
1320
body.swal2-no-backdrop .swal2-container .swal2-modal {
1321
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
1322
}
1323
@media print {
1324
  body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
1325
    overflow-y: scroll !important;
1326
  }
1327
  body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) > [aria-hidden=true] {
1328
    display: none;
1329
  }
1330
  body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container {
1331
    position: static !important;
1332
  }
1333
}
1334
body.swal2-toast-shown .swal2-container {
1335
  box-sizing: border-box;
1336
  width: 360px;
1337
  max-width: 100%;
1338
  background-color: transparent;
1339
  pointer-events: none;
1340
}
1341
body.swal2-toast-shown .swal2-container.swal2-top {
1342
  top: 0;
1343
  right: auto;
1344
  bottom: auto;
1345
  left: 50%;
1346
  transform: translateX(-50%);
1347
}
1348
body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .swal2-container.swal2-top-right {
1349
  top: 0;
1350
  right: 0;
1351
  bottom: auto;
1352
  left: auto;
1353
}
1354
body.swal2-toast-shown .swal2-container.swal2-top-start, body.swal2-toast-shown .swal2-container.swal2-top-left {
1355
  top: 0;
1356
  right: auto;
1357
  bottom: auto;
1358
  left: 0;
1359
}
1360
body.swal2-toast-shown .swal2-container.swal2-center-start, body.swal2-toast-shown .swal2-container.swal2-center-left {
1361
  top: 50%;
1362
  right: auto;
1363
  bottom: auto;
1364
  left: 0;
1365
  transform: translateY(-50%);
1366
}
1367
body.swal2-toast-shown .swal2-container.swal2-center {
1368
  top: 50%;
1369
  right: auto;
1370
  bottom: auto;
1371
  left: 50%;
1372
  transform: translate(-50%, -50%);
1373
}
1374
body.swal2-toast-shown .swal2-container.swal2-center-end, body.swal2-toast-shown .swal2-container.swal2-center-right {
1375
  top: 50%;
1376
  right: 0;
1377
  bottom: auto;
1378
  left: auto;
1379
  transform: translateY(-50%);
1380
}
1381
body.swal2-toast-shown .swal2-container.swal2-bottom-start, body.swal2-toast-shown .swal2-container.swal2-bottom-left {
1382
  top: auto;
1383
  right: auto;
1384
  bottom: 0;
1385
  left: 0;
1386
}
1387
body.swal2-toast-shown .swal2-container.swal2-bottom {
1388
  top: auto;
1389
  right: auto;
1390
  bottom: 0;
1391
  left: 50%;
1392
  transform: translateX(-50%);
1393
}
1394
body.swal2-toast-shown .swal2-container.swal2-bottom-end, body.swal2-toast-shown .swal2-container.swal2-bottom-right {
1395
  top: auto;
1396
  right: 0;
1397
  bottom: 0;
1398
  left: auto;
1399
}

Использование cookies

Мы используем файлы cookie в соответствии с Политикой конфиденциальности и Политикой использования cookies.

Нажимая кнопку «Принимаю», Вы даете АО «СберТех» согласие на обработку Ваших персональных данных в целях совершенствования нашего веб-сайта и Сервиса GitVerse, а также повышения удобства их использования.

Запретить использование cookies Вы можете самостоятельно в настройках Вашего браузера.