1 | :root {
|
2 | --toastify-color-light: #fff;
|
3 | --toastify-color-dark: #121212;
|
4 | --toastify-color-info: #3498db;
|
5 | --toastify-color-success: #07bc0c;
|
6 | --toastify-color-warning: #f1c40f;
|
7 | --toastify-color-error: #e74c3c;
|
8 | --toastify-color-transparent: rgba(255, 255, 255, 0.7);
|
9 | --toastify-icon-color-info: var(--toastify-color-info);
|
10 | --toastify-icon-color-success: var(--toastify-color-success);
|
11 | --toastify-icon-color-warning: var(--toastify-color-warning);
|
12 | --toastify-icon-color-error: var(--toastify-color-error);
|
13 | --toastify-toast-width: 320px;
|
14 | --toastify-toast-background: #fff;
|
15 | --toastify-toast-min-height: 64px;
|
16 | --toastify-toast-max-height: 800px;
|
17 | --toastify-font-family: sans-serif;
|
18 | --toastify-z-index: 9999;
|
19 | --toastify-text-color-light: #757575;
|
20 | --toastify-text-color-dark: #fff;
|
21 | --toastify-text-color-info: #fff;
|
22 | --toastify-text-color-success: #fff;
|
23 | --toastify-text-color-warning: #fff;
|
24 | --toastify-text-color-error: #fff;
|
25 | --toastify-spinner-color: #616161;
|
26 | --toastify-spinner-color-empty-area: #e0e0e0;
|
27 | --toastify-color-progress-light: linear-gradient(
|
28 | to right,
|
29 | #4cd964,
|
30 | #5ac8fa,
|
31 | #007aff,
|
32 | #34aadc,
|
33 | #5856d6,
|
34 | #ff2d55
|
35 | );
|
36 | --toastify-color-progress-dark: #bb86fc;
|
37 | --toastify-color-progress-info: var(--toastify-color-info);
|
38 | --toastify-color-progress-success: var(--toastify-color-success);
|
39 | --toastify-color-progress-warning: var(--toastify-color-warning);
|
40 | --toastify-color-progress-error: var(--toastify-color-error);
|
41 | }
|
42 |
|
43 | .Toastify__toast-container {
|
44 | z-index: var(--toastify-z-index);
|
45 | -webkit-transform: translate3d(0, 0, var(--toastify-z-index) px);
|
46 | position: fixed;
|
47 | padding: 4px;
|
48 | width: var(--toastify-toast-width);
|
49 | box-sizing: border-box;
|
50 | color: #fff;
|
51 | }
|
52 | .Toastify__toast-container--top-left {
|
53 | top: 1em;
|
54 | left: 1em;
|
55 | }
|
56 | .Toastify__toast-container--top-center {
|
57 | top: 1em;
|
58 | left: 50%;
|
59 | transform: translateX(-50%);
|
60 | }
|
61 | .Toastify__toast-container--top-right {
|
62 | top: 1em;
|
63 | right: 1em;
|
64 | }
|
65 | .Toastify__toast-container--bottom-left {
|
66 | bottom: 1em;
|
67 | left: 1em;
|
68 | }
|
69 | .Toastify__toast-container--bottom-center {
|
70 | bottom: 1em;
|
71 | left: 50%;
|
72 | transform: translateX(-50%);
|
73 | }
|
74 | .Toastify__toast-container--bottom-right {
|
75 | bottom: 1em;
|
76 | right: 1em;
|
77 | }
|
78 |
|
79 | @media only screen and (max-width : 480px) {
|
80 | .Toastify__toast-container {
|
81 | width: 100vw;
|
82 | padding: 0;
|
83 | left: 0;
|
84 | margin: 0;
|
85 | }
|
86 | .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
|
87 | top: 0;
|
88 | transform: translateX(0);
|
89 | }
|
90 | .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
|
91 | bottom: 0;
|
92 | transform: translateX(0);
|
93 | }
|
94 | .Toastify__toast-container--rtl {
|
95 | right: 0;
|
96 | left: initial;
|
97 | }
|
98 | }
|
99 | .Toastify__toast {
|
100 | position: relative;
|
101 | min-height: var(--toastify-toast-min-height);
|
102 | box-sizing: border-box;
|
103 | margin-bottom: 1rem;
|
104 | padding: 8px;
|
105 | border-radius: 4px;
|
106 | box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
|
107 | display: -ms-flexbox;
|
108 | display: flex;
|
109 | -ms-flex-pack: justify;
|
110 | justify-content: space-between;
|
111 | max-height: var(--toastify-toast-max-height);
|
112 | overflow: hidden;
|
113 | font-family: var(--toastify-font-family);
|
114 | cursor: pointer;
|
115 | direction: ltr;
|
116 | }
|
117 | .Toastify__toast--rtl {
|
118 | direction: rtl;
|
119 | }
|
120 | .Toastify__toast-body {
|
121 | margin: auto 0;
|
122 | -ms-flex: 1 1 auto;
|
123 | flex: 1 1 auto;
|
124 | padding: 6px;
|
125 | display: -ms-flexbox;
|
126 | display: flex;
|
127 | -ms-flex-align: center;
|
128 | align-items: center;
|
129 | }
|
130 | .Toastify__toast-body > div:last-child {
|
131 | -ms-flex: 1;
|
132 | flex: 1;
|
133 | }
|
134 | .Toastify__toast-icon {
|
135 | -webkit-margin-end: 10px;
|
136 | margin-inline-end: 10px;
|
137 | width: 20px;
|
138 | -ms-flex-negative: 0;
|
139 | flex-shrink: 0;
|
140 | display: -ms-flexbox;
|
141 | display: flex;
|
142 | }
|
143 |
|
144 | .Toastify--animate {
|
145 | animation-fill-mode: both;
|
146 | animation-duration: 0.7s;
|
147 | }
|
148 |
|
149 | .Toastify--animate-icon {
|
150 | animation-fill-mode: both;
|
151 | animation-duration: 0.3s;
|
152 | }
|
153 |
|
154 | @media only screen and (max-width : 480px) {
|
155 | .Toastify__toast {
|
156 | margin-bottom: 0;
|
157 | border-radius: 0;
|
158 | }
|
159 | }
|
160 | .Toastify__toast-theme--dark {
|
161 | background: var(--toastify-color-dark);
|
162 | color: var(--toastify-text-color-dark);
|
163 | }
|
164 | .Toastify__toast-theme--light {
|
165 | background: var(--toastify-color-light);
|
166 | color: var(--toastify-text-color-light);
|
167 | }
|
168 | .Toastify__toast-theme--colored.Toastify__toast--default {
|
169 | background: var(--toastify-color-light);
|
170 | color: var(--toastify-text-color-light);
|
171 | }
|
172 | .Toastify__toast-theme--colored.Toastify__toast--info {
|
173 | color: var(--toastify-text-color-info);
|
174 | background: var(--toastify-color-info);
|
175 | }
|
176 | .Toastify__toast-theme--colored.Toastify__toast--success {
|
177 | color: var(--toastify-text-color-success);
|
178 | background: var(--toastify-color-success);
|
179 | }
|
180 | .Toastify__toast-theme--colored.Toastify__toast--warning {
|
181 | color: var(--toastify-text-color-warning);
|
182 | background: var(--toastify-color-warning);
|
183 | }
|
184 | .Toastify__toast-theme--colored.Toastify__toast--error {
|
185 | color: var(--toastify-text-color-error);
|
186 | background: var(--toastify-color-error);
|
187 | }
|
188 |
|
189 | .Toastify__progress-bar-theme--light {
|
190 | background: var(--toastify-color-progress-light);
|
191 | }
|
192 | .Toastify__progress-bar-theme--dark {
|
193 | background: var(--toastify-color-progress-dark);
|
194 | }
|
195 | .Toastify__progress-bar--info {
|
196 | background: var(--toastify-color-progress-info);
|
197 | }
|
198 | .Toastify__progress-bar--success {
|
199 | background: var(--toastify-color-progress-success);
|
200 | }
|
201 | .Toastify__progress-bar--warning {
|
202 | background: var(--toastify-color-progress-warning);
|
203 | }
|
204 | .Toastify__progress-bar--error {
|
205 | background: var(--toastify-color-progress-error);
|
206 | }
|
207 | .Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
|
208 | background: var(--toastify-color-transparent);
|
209 | }
|
210 |
|
211 | .Toastify__close-button {
|
212 | color: #fff;
|
213 | background: transparent;
|
214 | outline: none;
|
215 | border: none;
|
216 | padding: 0;
|
217 | cursor: pointer;
|
218 | opacity: 0.7;
|
219 | transition: 0.3s ease;
|
220 | -ms-flex-item-align: start;
|
221 | align-self: flex-start;
|
222 | }
|
223 | .Toastify__close-button--light {
|
224 | color: #000;
|
225 | opacity: 0.3;
|
226 | }
|
227 | .Toastify__close-button > svg {
|
228 | fill: currentColor;
|
229 | height: 16px;
|
230 | width: 14px;
|
231 | }
|
232 | .Toastify__close-button:hover, .Toastify__close-button:focus {
|
233 | opacity: 1;
|
234 | }
|
235 |
|
236 | @keyframes Toastify__trackProgress {
|
237 | 0% {
|
238 | transform: scaleX(1);
|
239 | }
|
240 | 100% {
|
241 | transform: scaleX(0);
|
242 | }
|
243 | }
|
244 | .Toastify__progress-bar {
|
245 | position: absolute;
|
246 | bottom: 0;
|
247 | left: 0;
|
248 | width: 100%;
|
249 | height: 5px;
|
250 | z-index: var(--toastify-z-index);
|
251 | opacity: 0.7;
|
252 | transform-origin: left;
|
253 | }
|
254 | .Toastify__progress-bar--animated {
|
255 | animation: Toastify__trackProgress linear 1 forwards;
|
256 | }
|
257 | .Toastify__progress-bar--controlled {
|
258 | transition: transform 0.2s;
|
259 | }
|
260 | .Toastify__progress-bar--rtl {
|
261 | right: 0;
|
262 | left: initial;
|
263 | transform-origin: right;
|
264 | }
|
265 |
|
266 | .Toastify__spinner {
|
267 | width: 20px;
|
268 | height: 20px;
|
269 | box-sizing: border-box;
|
270 | border: 2px solid;
|
271 | border-radius: 100%;
|
272 | border-color: var(--toastify-spinner-color-empty-area);
|
273 | border-right-color: var(--toastify-spinner-color);
|
274 | animation: Toastify__spin 0.65s linear infinite;
|
275 | }
|
276 |
|
277 | @keyframes Toastify__bounceInRight {
|
278 | from, 60%, 75%, 90%, to {
|
279 | animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
280 | }
|
281 | from {
|
282 | opacity: 0;
|
283 | transform: translate3d(3000px, 0, 0);
|
284 | }
|
285 | 60% {
|
286 | opacity: 1;
|
287 | transform: translate3d(-25px, 0, 0);
|
288 | }
|
289 | 75% {
|
290 | transform: translate3d(10px, 0, 0);
|
291 | }
|
292 | 90% {
|
293 | transform: translate3d(-5px, 0, 0);
|
294 | }
|
295 | to {
|
296 | transform: none;
|
297 | }
|
298 | }
|
299 | @keyframes Toastify__bounceOutRight {
|
300 | 20% {
|
301 | opacity: 1;
|
302 | transform: translate3d(-20px, 0, 0);
|
303 | }
|
304 | to {
|
305 | opacity: 0;
|
306 | transform: translate3d(2000px, 0, 0);
|
307 | }
|
308 | }
|
309 | @keyframes Toastify__bounceInLeft {
|
310 | from, 60%, 75%, 90%, to {
|
311 | animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
312 | }
|
313 | 0% {
|
314 | opacity: 0;
|
315 | transform: translate3d(-3000px, 0, 0);
|
316 | }
|
317 | 60% {
|
318 | opacity: 1;
|
319 | transform: translate3d(25px, 0, 0);
|
320 | }
|
321 | 75% {
|
322 | transform: translate3d(-10px, 0, 0);
|
323 | }
|
324 | 90% {
|
325 | transform: translate3d(5px, 0, 0);
|
326 | }
|
327 | to {
|
328 | transform: none;
|
329 | }
|
330 | }
|
331 | @keyframes Toastify__bounceOutLeft {
|
332 | 20% {
|
333 | opacity: 1;
|
334 | transform: translate3d(20px, 0, 0);
|
335 | }
|
336 | to {
|
337 | opacity: 0;
|
338 | transform: translate3d(-2000px, 0, 0);
|
339 | }
|
340 | }
|
341 | @keyframes Toastify__bounceInUp {
|
342 | from, 60%, 75%, 90%, to {
|
343 | animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
344 | }
|
345 | from {
|
346 | opacity: 0;
|
347 | transform: translate3d(0, 3000px, 0);
|
348 | }
|
349 | 60% {
|
350 | opacity: 1;
|
351 | transform: translate3d(0, -20px, 0);
|
352 | }
|
353 | 75% {
|
354 | transform: translate3d(0, 10px, 0);
|
355 | }
|
356 | 90% {
|
357 | transform: translate3d(0, -5px, 0);
|
358 | }
|
359 | to {
|
360 | transform: translate3d(0, 0, 0);
|
361 | }
|
362 | }
|
363 | @keyframes Toastify__bounceOutUp {
|
364 | 20% {
|
365 | transform: translate3d(0, -10px, 0);
|
366 | }
|
367 | 40%, 45% {
|
368 | opacity: 1;
|
369 | transform: translate3d(0, 20px, 0);
|
370 | }
|
371 | to {
|
372 | opacity: 0;
|
373 | transform: translate3d(0, -2000px, 0);
|
374 | }
|
375 | }
|
376 | @keyframes Toastify__bounceInDown {
|
377 | from, 60%, 75%, 90%, to {
|
378 | animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
379 | }
|
380 | 0% {
|
381 | opacity: 0;
|
382 | transform: translate3d(0, -3000px, 0);
|
383 | }
|
384 | 60% {
|
385 | opacity: 1;
|
386 | transform: translate3d(0, 25px, 0);
|
387 | }
|
388 | 75% {
|
389 | transform: translate3d(0, -10px, 0);
|
390 | }
|
391 | 90% {
|
392 | transform: translate3d(0, 5px, 0);
|
393 | }
|
394 | to {
|
395 | transform: none;
|
396 | }
|
397 | }
|
398 | @keyframes Toastify__bounceOutDown {
|
399 | 20% {
|
400 | transform: translate3d(0, 10px, 0);
|
401 | }
|
402 | 40%, 45% {
|
403 | opacity: 1;
|
404 | transform: translate3d(0, -20px, 0);
|
405 | }
|
406 | to {
|
407 | opacity: 0;
|
408 | transform: translate3d(0, 2000px, 0);
|
409 | }
|
410 | }
|
411 | .Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
|
412 | animation-name: Toastify__bounceInLeft;
|
413 | }
|
414 | .Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
|
415 | animation-name: Toastify__bounceInRight;
|
416 | }
|
417 | .Toastify__bounce-enter--top-center {
|
418 | animation-name: Toastify__bounceInDown;
|
419 | }
|
420 | .Toastify__bounce-enter--bottom-center {
|
421 | animation-name: Toastify__bounceInUp;
|
422 | }
|
423 |
|
424 | .Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
|
425 | animation-name: Toastify__bounceOutLeft;
|
426 | }
|
427 | .Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
|
428 | animation-name: Toastify__bounceOutRight;
|
429 | }
|
430 | .Toastify__bounce-exit--top-center {
|
431 | animation-name: Toastify__bounceOutUp;
|
432 | }
|
433 | .Toastify__bounce-exit--bottom-center {
|
434 | animation-name: Toastify__bounceOutDown;
|
435 | }
|
436 |
|
437 | @keyframes Toastify__zoomIn {
|
438 | from {
|
439 | opacity: 0;
|
440 | transform: scale3d(0.3, 0.3, 0.3);
|
441 | }
|
442 | 50% {
|
443 | opacity: 1;
|
444 | }
|
445 | }
|
446 | @keyframes Toastify__zoomOut {
|
447 | from {
|
448 | opacity: 1;
|
449 | }
|
450 | 50% {
|
451 | opacity: 0;
|
452 | transform: scale3d(0.3, 0.3, 0.3);
|
453 | }
|
454 | to {
|
455 | opacity: 0;
|
456 | }
|
457 | }
|
458 | .Toastify__zoom-enter {
|
459 | animation-name: Toastify__zoomIn;
|
460 | }
|
461 |
|
462 | .Toastify__zoom-exit {
|
463 | animation-name: Toastify__zoomOut;
|
464 | }
|
465 |
|
466 | @keyframes Toastify__flipIn {
|
467 | from {
|
468 | transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
469 | animation-timing-function: ease-in;
|
470 | opacity: 0;
|
471 | }
|
472 | 40% {
|
473 | transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
474 | animation-timing-function: ease-in;
|
475 | }
|
476 | 60% {
|
477 | transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
|
478 | opacity: 1;
|
479 | }
|
480 | 80% {
|
481 | transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
|
482 | }
|
483 | to {
|
484 | transform: perspective(400px);
|
485 | }
|
486 | }
|
487 | @keyframes Toastify__flipOut {
|
488 | from {
|
489 | transform: perspective(400px);
|
490 | }
|
491 | 30% {
|
492 | transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
493 | opacity: 1;
|
494 | }
|
495 | to {
|
496 | transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
497 | opacity: 0;
|
498 | }
|
499 | }
|
500 | .Toastify__flip-enter {
|
501 | animation-name: Toastify__flipIn;
|
502 | }
|
503 |
|
504 | .Toastify__flip-exit {
|
505 | animation-name: Toastify__flipOut;
|
506 | }
|
507 |
|
508 | @keyframes Toastify__slideInRight {
|
509 | from {
|
510 | transform: translate3d(110%, 0, 0);
|
511 | visibility: visible;
|
512 | }
|
513 | to {
|
514 | transform: translate3d(0, 0, 0);
|
515 | }
|
516 | }
|
517 | @keyframes Toastify__slideInLeft {
|
518 | from {
|
519 | transform: translate3d(-110%, 0, 0);
|
520 | visibility: visible;
|
521 | }
|
522 | to {
|
523 | transform: translate3d(0, 0, 0);
|
524 | }
|
525 | }
|
526 | @keyframes Toastify__slideInUp {
|
527 | from {
|
528 | transform: translate3d(0, 110%, 0);
|
529 | visibility: visible;
|
530 | }
|
531 | to {
|
532 | transform: translate3d(0, 0, 0);
|
533 | }
|
534 | }
|
535 | @keyframes Toastify__slideInDown {
|
536 | from {
|
537 | transform: translate3d(0, -110%, 0);
|
538 | visibility: visible;
|
539 | }
|
540 | to {
|
541 | transform: translate3d(0, 0, 0);
|
542 | }
|
543 | }
|
544 | @keyframes Toastify__slideOutRight {
|
545 | from {
|
546 | transform: translate3d(0, 0, 0);
|
547 | }
|
548 | to {
|
549 | visibility: hidden;
|
550 | transform: translate3d(110%, 0, 0);
|
551 | }
|
552 | }
|
553 | @keyframes Toastify__slideOutLeft {
|
554 | from {
|
555 | transform: translate3d(0, 0, 0);
|
556 | }
|
557 | to {
|
558 | visibility: hidden;
|
559 | transform: translate3d(-110%, 0, 0);
|
560 | }
|
561 | }
|
562 | @keyframes Toastify__slideOutDown {
|
563 | from {
|
564 | transform: translate3d(0, 0, 0);
|
565 | }
|
566 | to {
|
567 | visibility: hidden;
|
568 | transform: translate3d(0, 500px, 0);
|
569 | }
|
570 | }
|
571 | @keyframes Toastify__slideOutUp {
|
572 | from {
|
573 | transform: translate3d(0, 0, 0);
|
574 | }
|
575 | to {
|
576 | visibility: hidden;
|
577 | transform: translate3d(0, -500px, 0);
|
578 | }
|
579 | }
|
580 | .Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
|
581 | animation-name: Toastify__slideInLeft;
|
582 | }
|
583 | .Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
|
584 | animation-name: Toastify__slideInRight;
|
585 | }
|
586 | .Toastify__slide-enter--top-center {
|
587 | animation-name: Toastify__slideInDown;
|
588 | }
|
589 | .Toastify__slide-enter--bottom-center {
|
590 | animation-name: Toastify__slideInUp;
|
591 | }
|
592 |
|
593 | .Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
|
594 | animation-name: Toastify__slideOutLeft;
|
595 | }
|
596 | .Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
|
597 | animation-name: Toastify__slideOutRight;
|
598 | }
|
599 | .Toastify__slide-exit--top-center {
|
600 | animation-name: Toastify__slideOutUp;
|
601 | }
|
602 | .Toastify__slide-exit--bottom-center {
|
603 | animation-name: Toastify__slideOutDown;
|
604 | }
|
605 |
|
606 | @keyframes Toastify__spin {
|
607 | from {
|
608 | transform: rotate(0deg);
|
609 | }
|
610 | to {
|
611 | transform: rotate(360deg);
|
612 | }
|
613 | }
|
614 |
|
615 |
|
\ | No newline at end of file |