@maplat/ui 0.11.4 → 0.11.6

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 (26) hide show
  1. package/README.ja.md +204 -0
  2. package/README.md +154 -76
  3. package/dist/index.d.ts +1 -0
  4. package/dist/maplat-ui.es.js +3692 -3667
  5. package/dist/maplat-ui.umd.js +215 -209
  6. package/dist/service-worker.js +3348 -0
  7. package/dist/ui_marker.d.ts +2 -2
  8. package/package.json +6 -6
  9. package/src/contextmenu/base.ts +3 -4
  10. package/src/contextmenu/helpers/mix.ts +5 -6
  11. package/src/contextmenu/html.ts +1 -1
  12. package/src/contextmenu/internal.ts +3 -3
  13. package/src/index.ts +9 -34
  14. package/src/maplat_control.ts +2 -2
  15. package/{less/maplat-specific.less → src/styles/maplat-specific.scss} +2 -0
  16. package/src/styles/ui.scss +7 -0
  17. package/src/ui_init.ts +145 -52
  18. package/src/ui_marker.ts +53 -17
  19. package/src/ui_utils.ts +6 -6
  20. package/less/bootstrap.less +0 -7010
  21. package/less/font-awesome.less +0 -51
  22. package/less/iziToast.less +0 -1733
  23. package/less/swiper4.css +0 -715
  24. package/less/ui.less +0 -11
  25. package/less/ui_packed.less +0 -11
  26. /package/{less/contextmenu.css → src/styles/contextmenu.scss} +0 -0
package/less/iziToast.less DELETED
@@ -1,1733 +0,0 @@
1
- /*
2
- * iziToast | v1.4.0
3
- * http://izitoast.marcelodolce.com
4
- * by Marcelo Dolce.
5
- */
6
- .iziToast-capsule {
7
- font-size: 0;
8
- height: 0;
9
- width: 100%;
10
- transform: translateZ(0);
11
- backface-visibility: hidden;
12
- transition: transform 0.5s cubic-bezier(0.25, 0.8, 0.25, 1), height 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
13
- }
14
- .iziToast-capsule,
15
- .iziToast-capsule * {
16
- box-sizing: border-box;
17
- }
18
- .iziToast-overlay {
19
- display: block;
20
- position: fixed;
21
- top: -100px;
22
- left: 0;
23
- right: 0;
24
- bottom: -100px;
25
- z-index: 997;
26
- }
27
- .iziToast {
28
- display: inline-block;
29
- clear: both;
30
- position: relative;
31
- font-family: 'Lato', Tahoma, Arial;
32
- font-size: 14px;
33
- padding: 8px 45px 9px 0;
34
- background: rgba(238,238,238,0.9);
35
- border-color: rgba(238,238,238,0.9);
36
- width: 100%;
37
- pointer-events: all;
38
- cursor: default;
39
- transform: translateX(0);
40
- -webkit-touch-callout: none /* iOS Safari */;
41
- -webkit-user-select: none /* Chrome/Safari/Opera */;
42
- -khtml-user-select: none /* Konqueror */;
43
- -moz-user-select: none /* Firefox */;
44
- -ms-user-select: none /* Internet Explorer/Edge */;
45
- user-select: none;
46
- min-height: 54px;
47
- }
48
- .iziToast > .iziToast-progressbar {
49
- position: absolute;
50
- left: 0;
51
- bottom: 0;
52
- width: 100%;
53
- z-index: 1;
54
- background: rgba(255,255,255,0.2);
55
- }
56
- .iziToast > .iziToast-progressbar > div {
57
- height: 2px;
58
- width: 100%;
59
- background: rgba(0,0,0,0.3);
60
- border-radius: 0 0 3px 3px;
61
- }
62
- .iziToast.iziToast-balloon:before {
63
- content: '';
64
- position: absolute;
65
- right: 8px;
66
- left: auto;
67
- width: 0px;
68
- height: 0px;
69
- top: 100%;
70
- border-right: 0px solid transparent;
71
- border-left: 15px solid transparent;
72
- border-top: 10px solid #000;
73
- border-top-color: inherit;
74
- border-radius: 0;
75
- }
76
- .iziToast.iziToast-balloon .iziToast-progressbar {
77
- top: 0;
78
- bottom: auto;
79
- }
80
- .iziToast.iziToast-balloon > div {
81
- border-radius: 0 0 0 3px;
82
- }
83
- .iziToast > .iziToast-cover {
84
- position: absolute;
85
- left: 0;
86
- top: 0;
87
- bottom: 0;
88
- height: 100%;
89
- margin: 0;
90
- background-size: 100%;
91
- background-position: 50% 50%;
92
- background-repeat: no-repeat;
93
- background-color: rgba(0,0,0,0.1);
94
- }
95
- .iziToast > .iziToast-close {
96
- position: absolute;
97
- right: 0;
98
- top: 0;
99
- border: 0;
100
- padding: 0;
101
- opacity: 0.6;
102
- width: 42px;
103
- height: 100%;
104
- background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAJPAAACTwBcGfW0QAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAD3SURBVFiF1ZdtDoMgDEBfdi4PwAX8vLFn0qT7wxantojKupmQmCi8R4tSACpgjC2ICCUbEBa8ingjsU1AXRBeR8aLN64FiknswN8CYefBBDQ3whuFESy7WyQMeC0ipEI0A+0FeBvHUFN8xPaUhAH/iKoWsnXHGegy4J0yxialOfaHJAz4bhRzQzgDvdGnz4GbAonZbCQMuBm1K/kcFu8Mp1N2cFFpsxsMuJqqbIGExGl4loARajU1twskJLLhIsID7+tvUoDnIjTg5T9DPH9EBrz8rxjPzciAl9+O8SxI8CzJ8CxKFfh3ynK8Dyb8wNHM/XDqejx/AtNyPO87tNybAAAAAElFTkSuQmCC") no-repeat 50% 50%;
105
- background-size: 8px;
106
- cursor: pointer;
107
- outline: none;
108
- }
109
- .iziToast > .iziToast-close:hover {
110
- opacity: 1;
111
- }
112
- .iziToast > .iziToast-body {
113
- position: relative;
114
- padding: 0 0 0 10px;
115
- height: auto;
116
- min-height: 36px;
117
- margin: 0 0 0 15px;
118
- text-align: left;
119
- }
120
- .iziToast > .iziToast-body:after {
121
- content: "";
122
- display: table;
123
- clear: both;
124
- }
125
- .iziToast > .iziToast-body .iziToast-texts {
126
- margin: 10px 0 0 0;
127
- padding-right: 2px;
128
- display: inline-block;
129
- float: left;
130
- }
131
- .iziToast > .iziToast-body .iziToast-inputs {
132
- min-height: 19px;
133
- float: left;
134
- margin: 3px -2px;
135
- }
136
- .iziToast > .iziToast-body .iziToast-inputs > input:not([type=checkbox]):not([type=radio]),
137
- .iziToast > .iziToast-body .iziToast-inputs > select {
138
- position: relative;
139
- display: inline-block;
140
- margin: 2px;
141
- border-radius: 2px;
142
- border: 0;
143
- padding: 4px 7px;
144
- font-size: 13px;
145
- letter-spacing: 0.02em;
146
- background: rgba(0,0,0,0.1);
147
- color: #000;
148
- box-shadow: 0 0 0 1px rgba(0,0,0,0.2);
149
- min-height: 26px;
150
- }
151
- .iziToast > .iziToast-body .iziToast-inputs > input:not([type=checkbox]):not([type=radio]):focus,
152
- .iziToast > .iziToast-body .iziToast-inputs > select:focus {
153
- box-shadow: 0 0 0 1px rgba(0,0,0,0.6);
154
- }
155
- .iziToast > .iziToast-body .iziToast-buttons {
156
- min-height: 17px;
157
- float: left;
158
- margin: 4px -2px;
159
- }
160
- .iziToast > .iziToast-body .iziToast-buttons > a,
161
- .iziToast > .iziToast-body .iziToast-buttons > button,
162
- .iziToast > .iziToast-body .iziToast-buttons > input:not([type=checkbox]):not([type=radio]) {
163
- position: relative;
164
- display: inline-block;
165
- margin: 2px;
166
- border-radius: 2px;
167
- border: 0;
168
- padding: 5px 10px;
169
- font-size: 12px;
170
- letter-spacing: 0.02em;
171
- cursor: pointer;
172
- background: rgba(0,0,0,0.1);
173
- color: #000;
174
- }
175
- .iziToast > .iziToast-body .iziToast-buttons > a:hover,
176
- .iziToast > .iziToast-body .iziToast-buttons > button:hover,
177
- .iziToast > .iziToast-body .iziToast-buttons > input:not([type=checkbox]):not([type=radio]):hover {
178
- background: rgba(0,0,0,0.2);
179
- }
180
- .iziToast > .iziToast-body .iziToast-buttons > a:focus,
181
- .iziToast > .iziToast-body .iziToast-buttons > button:focus,
182
- .iziToast > .iziToast-body .iziToast-buttons > input:not([type=checkbox]):not([type=radio]):focus {
183
- box-shadow: 0 0 0 1px rgba(0,0,0,0.6);
184
- }
185
- .iziToast > .iziToast-body .iziToast-buttons > a:active,
186
- .iziToast > .iziToast-body .iziToast-buttons > button:active,
187
- .iziToast > .iziToast-body .iziToast-buttons > input:not([type=checkbox]):not([type=radio]):active {
188
- top: 1px;
189
- }
190
- .iziToast > .iziToast-body .iziToast-icon {
191
- height: 100%;
192
- position: absolute;
193
- left: 0;
194
- top: 50%;
195
- display: table;
196
- font-size: 23px;
197
- line-height: 24px;
198
- margin-top: -12px;
199
- color: #000;
200
- width: 24px;
201
- height: 24px;
202
- }
203
- .iziToast > .iziToast-body .iziToast-icon.ico-info {
204
- background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAflBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACCtoPsAAAAKXRSTlMA6PsIvDob+OapavVhWRYPrIry2MxGQ97czsOzpJaMcE0qJQOwVtKjfxCVFeIAAAI3SURBVFjDlJPZsoIwEETnCiGyb8q+qmjl/3/wFmGKwjBROS9QWbtnOqDDGPq4MdMkSc0m7gcDDhF4NRdv8NoL4EcMpzoJglPl/KTDz4WW3IdvXEvxkfIKn7BMZb1bFK4yZFqghZ03jk0nG8N5NBwzx9xU5cxAg8fXi20/hDdC316lcA8o7t16eRuQvW1XGd2d2P8QSHQDDbdIII/9CR3lUF+lbucfJy4WfMS64EJPORnrZxtfc2pjJdnbuags3l04TTtJMXrdTph4Pyg4XAjugAJqMDf5Rf+oXx2/qi4u6nipakIi7CsgiuMSEF9IGKg8heQJKkxIfFSUU/egWSwNrS1fPDtLfon8sZOcYUQml1Qv9a3kfwsEUyJEMgFBKzdV8o3Iw9yAjg1jdLQCV4qbd3no8yD2GugaC3oMbF0NYHCpJYSDhNI5N2DAWB4F4z9Aj/04Cna/x7eVAQ17vRjQZPh+G/kddYv0h49yY4NWNDWMMOMUIRYvlTECmrN8pUAjo5RCMn8KoPmbJ/+Appgnk//Sy90GYBCGgm7IAskQ7D9hFKW4ApB1ei3FSYD9PjGAKygAV+ARFYBH5BsVgG9kkBSAQWKUFYBRZpkUgGVinRWAdUZQDABBQdIcAElDVBUAUUXWHQBZx1gMAGMprM0AsLbVXHsA5trZe93/wp3svQ0YNb/jWV3AIOLsMtlznSNOH7JqjOpDVh7z8qCZR10ftvO4nxeOvPLkpSuvfXnxzKtvXr7j+v8C5ii0e71At7cAAAAASUVORK5CYII=") no-repeat 50% 50%;
205
- background-size: 85%;
206
- }
207
- .iziToast > .iziToast-body .iziToast-icon.ico-warning {
208
- background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAAkFBMVEUAAAAAAAABAAIAAAABAAIAAAMAAAABAAIBAAIBAAIAAAIAAAABAAIAAAABAAICAAICAAIAAAIAAAAAAAAAAAABAAIBAAIAAAMAAAABAAIBAAMBAAECAAIAAAIAAAIAAAABAAIBAAIBAAMBAAIBAAEAAAIAAAMAAAAAAAABAAECAAICAAIAAAIAAAMAAAQAAAE05yNAAAAAL3RSTlMAB+kD7V8Q+PXicwv7I9iYhkAzJxnx01IV5cmnk2xmHfzexsK4eEw5L7Gei39aRw640awAAAHQSURBVFjD7ZfJdoJAEEWJgCiI4oDiPM8m7///LidErRO7sHrY5u7YXLr7vKqu9kTC0HPmo9n8cJbEQOzqqAdAUHeUZACQuTkGDQBoDJwkHZR0XBz9FkpafXuHP0SJ09mGeJLZ5wwlTmcbA0THPmdEK7XPGTG1zxmInn3OiJ19zkB0jSVTKExMHT0wjAwlWzC0fSPHF1gWRpIhWMYm7fYTFcQGlbemf4dFfdTGg0B/KXM8qBU/3wntbq7rSGqvJ9kla6IpueFJet8fxfem5yhykjyOgNaWF1qSGd5JMNNxpNF7SZQaVh5JzLrTCZIEJ1GyEyVyd+pClMjdaSJK5O40giSRu5PfFiVyd1pAksjdKRnrSsbVdbiHrgT7yss315fkVQPLFQrL+4FHeOXKO5YRFEKv5AiFaMlKLlBpJuVCJlC5sJfvCgztru/3NmBYccPgGTxRAzxn1XGEMUf58pXZvjoOsOCgjL08+b53mtfAM/SVsZcjKLtysQZPqIy9HPP3m/3zKItRwT0LyQo8sTr26tcO83DIUMWIJjierHLsJda/tbNBFY0BP/bKtcM8HNIWCK3aYR4OMzgxo5w5EFLOLKDExXAm9gI4E3iAO94/Ct/lKWuM2LMGbgAAAABJRU5ErkJggg==") no-repeat 50% 50%;
209
- background-size: 85%;
210
- }
211
- .iziToast > .iziToast-body .iziToast-icon.ico-error {
212
- background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAeFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAVyEiIAAAAJ3RSTlMA3BsB98QV8uSyWVUFz7+kcWMM2LuZioBpTUVBNcq2qaibj4d1azLZZYABAAACZElEQVRYw7WX25KCMAyGAxUoFDkpiohnV97/DXeGBtoOUprZ2dyo1K82fxKbwJJVp+KQZ7so2mX5oThVQLKwjDe9YZu4DF3ptAn6rxY0qQPOEq9fNC9ha3y77a22ba24v+9Xbe8v8x03dPOC2/NdvB6xeSreLfGJpnx0TyotKqLm2s7Jd/WO6ivXNp0tCy02R/aFz5VQ5wUPlUL5fIfj5KIlVGU0nWHm/5QtoTVMWY8mzIVu1K9O7XH2JiU/xnOOT39gnUfj+lFHddx4tFjL3/H8jjzaFCy2Rf0c/fdQyQszI8BDR973IyMSKa4krjxAiW/lkRvMP+bKK9WbYS1ASQg8dKjaUGlYPwRe/WoIkz8tiQchH5QAEMv6T0k8MD4mUyWr4E7jAWqZ+xWcMIYkXvlwggJ3IvFK+wIOcpXAo8n8P0COAaXyKH4OsjBuZB4ew0IGu+H1SebhNazsQBbWm8yj+hFuUJB5eMsN0IUXmYendAFFfJB5uEkRMYwxmcd6zDGRtmQePEykAgubymMRFmMxCSIPCRbTuFNN5OGORTjmNGc0Po0m8Uv0gcCry6xUhR2QeLii9tofbEfhz/qvNti+OfPqNm2Mq6105FUMvdT4GPmufMiV8PqBMkc+DdT1bjYYbjzU/ew23VP4n3mLAz4n8Jtv/Ui3ceTT2mzz5o1mZt0gnBpmsdjqRqVlmplcPdqa7X23kL9brdm2t/uBYDPn2+tyu48mtIGD10JTuUrukVrbCFiwDzcHrPjxKt7PW+AZQyT/WESO+1WL7f3o+WLHL2dYMSZsg6dg/z360ofvP4//v1NPzgs28WlWAAAAAElFTkSuQmCC") no-repeat 50% 50%;
213
- background-size: 80%;
214
- }
215
- .iziToast > .iziToast-body .iziToast-icon.ico-success {
216
- background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAIVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABt0UjBAAAACnRSTlMApAPhIFn82wgGv8mVtwAAAKVJREFUSMft0LEJAkEARNFFFEw1NFJb8CKjAy1AEOzAxNw+bEEEg6nyFjbY4LOzcBwX7S/gwUxoTdIn+Jbv4Lv8bx446+kB6VsBtK0B+wbMCKxrwL33wOrVeeChX28n7KTOTjgoEu6DRSYAgAAAAkAmAIAAAAIACQIkMkACAAgAIACAyECBKAOJuCagTJwSUCaUAEMAABEBRwAAEQFLbCJgO4bW+AZKGnktR+jAFAAAAABJRU5ErkJggg==") no-repeat 50% 50%;
217
- background-size: 85%;
218
- }
219
- .iziToast > .iziToast-body .iziToast-icon.ico-question {
220
- background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAQAAAAAYLlVAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfhCQkUEhFovxTxAAAEDklEQVRo3s2ZTWgTQRTHf03ipTRUqghNSgsRjHgQrFUQC6JgD1Kak3gQUUoPqRdBglf1oBehBws9Cn4cGk+1SOmh2upBxAYVoeJHrR9tgq0i1Cq0lqYeks7MbpPdmU00/c8hm9n33v/t7Nt5M2+qMEWQI0QIibZKRrQpHvLL2KI2wnQzzBKrDm2RIeKEy01dTYKUI7G1ZRknQXV5yP10kTYgly1NF/5S6duZ8ES+1iZodyaocrjXxE0OFeifYYgp0mRIkwFChAkRJsIxGgrIP+I0n82fvZW5dc/zkss0O2o1c5mX6/TmaDWl77RFe5YkUW3tKEmyFv0lOvXJ/fTYnmCEFuMRbGHEZqVHLyT9DFjUJmkzJl9DG5MWWwM6Llif/gF1nukB6nhgGwUXdFrE+wiURA8QoM9i0zEWWpXQW+ZsyeRrOMuyEo5Fv4gmy4dXPvqcC+pH2VRYaMwy+OWG+iLGCgm0W0Kv9HdvR8ASjmKCXpuK/bxiV/76A/v5UdDIZuKcJGjrnec5KZ7wwsWFOp6xPX/9mt2sqDe7FO+Kf/fXHBPPDWpdXGhTpLvUG9VKwh1xMDDjkvu+cNDFBTk7ptX1QkKZ850m3duu6fcrWxwdaFFyREJ2j4vOpKP6Du6z4uJCv8sYJIVkCnJBGGZaBONO3roY2EqNrSfIPi7SKP4fdXyNUd6I6wbSAHEl33tFLe+FlSsusnK90A0+oEPcuufZgXnOi+u9LrKSJQZQw6LwqBnv2CKsfHORbFbyQhA6xN/pEuihSdj56Co7LWRjPiKie6gkB2LiKuUqK5kiPkLiz1QJ9K1cNXBAMoUCigNpQ9IqDtMI1HKA4/jyvUsaoSyZLA5kjOjDPFZen8Ql5TsvBskUgjciIPSX3QAXC86DT7VWvlEh/xZ+ij9BDVWJ0QL0SbZq6QaFxoLPcXPmBLveLCc4wXdDK6s+6/vwhCSniFLPXW0NJe5UB8zKCsviqpc7vGPVQFcyZbyPwGD+d5ZnxmNWlhG4xSBZZjivjIWHEQgoDkSMjMwTo54569JSE5IpA7EyJSMTyGTUAUFlO1ZKOtaHTMeL1PhYYFTcihmY2cQ5+ullj7EDkiVfVez2sCTz8yiv84djhg7IJVk81xFWJlPdfHBG0flkRC/zQFZ+DSllNtfDdUsOMCliyGX5uOzU3ZhIXFDof4m1gDuKbEx0t2YS25gVGpcMnr/I1kx3c6piB8P8ZoqEwfMX3ZyCXynJTmq/U7NUXqfUzCbWL1wqVKBQUeESzQYoUlW8TAcVL1RCxUu1G6BYXfFyfQ4VPbDI4T8d2WzgQ6sc/vmxnTsqfHCZQzUJxm1h5dxS5Tu6lQgTZ0ipqRVqSwzTbbLHMt+c19iO76tsx/cLZub+Ali+tYC93olEAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE3LTA5LTA5VDIwOjE4OjE3KzAyOjAwjKtfjgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNy0wOS0wOVQyMDoxODoxNyswMjowMP325zIAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC") no-repeat 50% 50%;
221
- background-size: 85%;
222
- }
223
- .iziToast > .iziToast-body .iziToast-title {
224
- padding: 0;
225
- margin: 0;
226
- line-height: 16px;
227
- font-size: 14px;
228
- text-align: left;
229
- float: left;
230
- color: #000;
231
- white-space: normal;
232
- }
233
- .iziToast > .iziToast-body .iziToast-message {
234
- padding: 0;
235
- margin: 0 0 10px 0;
236
- font-size: 14px;
237
- line-height: 16px;
238
- text-align: left;
239
- float: left;
240
- color: rgba(0,0,0,0.6);
241
- white-space: normal;
242
- }
243
- .iziToast.iziToast-animateInside .iziToast-title,
244
- .iziToast.iziToast-animateInside .iziToast-message,
245
- .iziToast.iziToast-animateInside .iziToast-icon,
246
- .iziToast.iziToast-animateInside .iziToast-buttons-child,
247
- .iziToast.iziToast-animateInside .iziToast-inputs-child {
248
- opacity: 0;
249
- }
250
- .iziToast-target {
251
- position: relative;
252
- width: 100%;
253
- margin: 0 auto;
254
- }
255
- .iziToast-target .iziToast-capsule {
256
- overflow: hidden;
257
- }
258
- .iziToast-target .iziToast-capsule:after {
259
- visibility: hidden;
260
- display: block;
261
- font-size: 0;
262
- content: " ";
263
- clear: both;
264
- height: 0;
265
- }
266
- .iziToast-target .iziToast-capsule .iziToast {
267
- width: 100%;
268
- float: left;
269
- }
270
- .iziToast-wrapper {
271
- z-index: 99999;
272
- position: fixed;
273
- width: 100%;
274
- pointer-events: none;
275
- display: flex;
276
- flex-direction: column;
277
- }
278
- .iziToast-wrapper .iziToast.iziToast-balloon:before {
279
- border-right: 0 solid transparent;
280
- border-left: 15px solid transparent;
281
- border-top: 10px solid #000;
282
- border-top-color: inherit;
283
- right: 8px;
284
- left: auto;
285
- }
286
- .iziToast-wrapper-bottomLeft {
287
- left: 0;
288
- bottom: 0;
289
- text-align: left;
290
- }
291
- .iziToast-wrapper-bottomLeft .iziToast.iziToast-balloon:before {
292
- border-right: 15px solid transparent;
293
- border-left: 0 solid transparent;
294
- right: auto;
295
- left: 8px;
296
- }
297
- .iziToast-wrapper-bottomRight {
298
- right: 0;
299
- bottom: 0;
300
- text-align: right;
301
- }
302
- .iziToast-wrapper-topLeft {
303
- left: 0;
304
- top: 0;
305
- text-align: left;
306
- }
307
- .iziToast-wrapper-topLeft .iziToast.iziToast-balloon:before {
308
- border-right: 15px solid transparent;
309
- border-left: 0 solid transparent;
310
- right: auto;
311
- left: 8px;
312
- }
313
- .iziToast-wrapper-topRight {
314
- top: 0;
315
- right: 0;
316
- text-align: right;
317
- }
318
- .iziToast-wrapper-topCenter {
319
- top: 0;
320
- left: 0;
321
- right: 0;
322
- text-align: center;
323
- }
324
- .iziToast-wrapper-bottomCenter {
325
- bottom: 0;
326
- left: 0;
327
- right: 0;
328
- text-align: center;
329
- }
330
- .iziToast-wrapper-center {
331
- top: 0;
332
- bottom: 0;
333
- left: 0;
334
- right: 0;
335
- text-align: center;
336
- justify-content: center;
337
- flex-flow: column;
338
- align-items: center;
339
- }
340
- .iziToast-rtl {
341
- direction: rtl;
342
- padding: 8px 0 9px 45px;
343
- font-family: Tahoma, 'Lato', Arial;
344
- }
345
- .iziToast-rtl .iziToast-cover {
346
- left: auto;
347
- right: 0;
348
- }
349
- .iziToast-rtl .iziToast-close {
350
- right: auto;
351
- left: 0;
352
- }
353
- .iziToast-rtl .iziToast-body {
354
- padding: 0 10px 0 0;
355
- margin: 0 16px 0 0;
356
- text-align: right;
357
- }
358
- .iziToast-rtl .iziToast-body .iziToast-buttons,
359
- .iziToast-rtl .iziToast-body .iziToast-inputs,
360
- .iziToast-rtl .iziToast-body .iziToast-texts,
361
- .iziToast-rtl .iziToast-body .iziToast-title,
362
- .iziToast-rtl .iziToast-body .iziToast-message {
363
- float: right;
364
- text-align: right;
365
- }
366
- .iziToast-rtl .iziToast-body .iziToast-icon {
367
- left: auto;
368
- right: 0;
369
- }
370
- @media only screen and (min-width: 568px) {
371
- .iziToast-wrapper {
372
- padding: 10px 15px;
373
- }
374
- .iziToast {
375
- margin: 5px 0;
376
- border-radius: 3px;
377
- width: auto;
378
- }
379
- .iziToast:after {
380
- content: '';
381
- z-index: -1;
382
- position: absolute;
383
- top: 0;
384
- left: 0;
385
- width: 100%;
386
- height: 100%;
387
- border-radius: 3px;
388
- box-shadow: inset 0 -10px 20px -10px rgba(0,0,0,0.2), inset 0 0 5px rgba(0,0,0,0.1), 0 8px 8px -5px rgba(0,0,0,0.25);
389
- }
390
- .iziToast:not(.iziToast-rtl) .iziToast-cover {
391
- border-radius: 3px 0 0 3px;
392
- }
393
- .iziToast.iziToast-rtl .iziToast-cover {
394
- border-radius: 0 3px 3px 0;
395
- }
396
- .iziToast.iziToast-color-dark:after {
397
- box-shadow: inset 0 -10px 20px -10px rgba(255,255,255,0.3), 0 10px 10px -5px rgba(0,0,0,0.25);
398
- }
399
- .iziToast.iziToast-balloon .iziToast-progressbar {
400
- background: transparent;
401
- }
402
- .iziToast.iziToast-balloon:after {
403
- box-shadow: 0 10px 10px -5px rgba(0,0,0,0.25), inset 0 10px 20px -5px rgba(0,0,0,0.25);
404
- }
405
- .iziToast-target .iziToast:after {
406
- box-shadow: inset 0 -10px 20px -10px rgba(0,0,0,0.2), inset 0 0 5px rgba(0,0,0,0.1);
407
- }
408
- }
409
- .iziToast.iziToast-theme-dark {
410
- background: #565c70;
411
- border-color: #565c70;
412
- }
413
- .iziToast.iziToast-theme-dark .iziToast-title {
414
- color: #fff;
415
- }
416
- .iziToast.iziToast-theme-dark .iziToast-message {
417
- color: rgba(255,255,255,0.7);
418
- font-weight: 300;
419
- }
420
- .iziToast.iziToast-theme-dark .iziToast-close {
421
- background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfgCR4OIQIPSao6AAAAwElEQVRIx72VUQ6EIAwFmz2XB+AConhjzqTJ7JeGKhLYlyx/BGdoBVpjIpMJNjgIZDKTkQHYmYfwmR2AfAqGFBcO2QjXZCd24bEggvd1KBx+xlwoDpYmvnBUUy68DYXD77ESr8WDtYqvxRex7a8oHP4Wo1Mkt5I68Mc+qYqv1h5OsZmZsQ3gj/02h6cO/KEYx29hu3R+VTTwz6D3TymIP1E8RvEiiVdZfEzicxYLiljSxKIqlnW5seitTW6uYnv/Aqh4whX3mEUrAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE2LTA5LTMwVDE0OjMzOjAyKzAyOjAwl6RMVgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNi0wOS0zMFQxNDozMzowMiswMjowMOb59OoAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC") no-repeat 50% 50%;
422
- background-size: 8px;
423
- }
424
- .iziToast.iziToast-theme-dark .iziToast-icon {
425
- color: #fff;
426
- }
427
- .iziToast.iziToast-theme-dark .iziToast-icon.ico-info {
428
- background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAflBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////vroaSAAAAKXRSTlMA6PsIvDob+OapavVhWRYPrIry2MxGQ97czsOzpJaMcE0qJQOwVtKjfxCVFeIAAAI3SURBVFjDlJPZsoIwEETnCiGyb8q+qmjl/3/wFmGKwjBROS9QWbtnOqDDGPq4MdMkSc0m7gcDDhF4NRdv8NoL4EcMpzoJglPl/KTDz4WW3IdvXEvxkfIKn7BMZb1bFK4yZFqghZ03jk0nG8N5NBwzx9xU5cxAg8fXi20/hDdC316lcA8o7t16eRuQvW1XGd2d2P8QSHQDDbdIII/9CR3lUF+lbucfJy4WfMS64EJPORnrZxtfc2pjJdnbuags3l04TTtJMXrdTph4Pyg4XAjugAJqMDf5Rf+oXx2/qi4u6nipakIi7CsgiuMSEF9IGKg8heQJKkxIfFSUU/egWSwNrS1fPDtLfon8sZOcYUQml1Qv9a3kfwsEUyJEMgFBKzdV8o3Iw9yAjg1jdLQCV4qbd3no8yD2GugaC3oMbF0NYHCpJYSDhNI5N2DAWB4F4z9Aj/04Cna/x7eVAQ17vRjQZPh+G/kddYv0h49yY4NWNDWMMOMUIRYvlTECmrN8pUAjo5RCMn8KoPmbJ/+Appgnk//Sy90GYBCGgm7IAskQ7D9hFKW4ApB1ei3FSYD9PjGAKygAV+ARFYBH5BsVgG9kkBSAQWKUFYBRZpkUgGVinRWAdUZQDABBQdIcAElDVBUAUUXWHQBZx1gMAGMprM0AsLbVXHsA5trZe93/wp3svQ0YNb/jWV3AIOLsMtlznSNOH7JqjOpDVh7z8qCZR10ftvO4nxeOvPLkpSuvfXnxzKtvXr7j+v8C5ii0e71At7cAAAAASUVORK5CYII=") no-repeat 50% 50%;
429
- background-size: 85%;
430
- }
431
- .iziToast.iziToast-theme-dark .iziToast-icon.ico-warning {
432
- background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAAllBMVEUAAAD////+//3+//3+//3///////z+//3+//3+//3////////////9//3////+//39//3///3////////////+//3+//39//3///z+//z+//7///3///3///3///3////////+//3+//3+//3+//z+//3+//7///3///z////////+//79//3///3///z///v+//3///+trXouAAAAMHRSTlMAB+j87RBf+PXiCwQClSPYhkAzJxnx05tSyadzcmxmHRbp5d7Gwrh4TDkvsYt/WkdQzCITAAAB1UlEQVRYw+3XaXKCQBCGYSIIighoxCVqNJrEPfly/8vFImKXduNsf/Mc4K1y7FnwlMLQc/bUbj85R6bA1LXRDICg6RjJcZa7NQYtnLUGTpERSiOXxrOPkv9s30iGKDmtbYir3H7OUHJa2ylAuvZzRvzUfs7Ii/2cgfTt54x82s8ZSM848gJmYtroQzA2jHwA+LkBIEuMGt+QIng1igzlyMrkuP2CyOi47axRaYTL5jhDJehoR+aovC29s3iIyly3Eb+hRCvZo2qsGTnhKr2cLDS+J73GsqBI9W80UCmWWpEuhIjh6ZRGjyNRarjzKGJ2Ou2himCvjHwqI+rTqQdlRH06TZQR9ek0hiqiPp06mV4ke7QPX6ERUZxO8Uo3sqrfhxvoRrCpvXwL/UjR9GRHMIvLgke4d5QbiwhM6JV2YKKF4vIl7XIBkwm4keryJVmvk/TfwcmPwQNkUQuyA2/sYGwnXL7GPu4bW1jYsmevrNj09/MGZMOEPXslQVqO8hqykD17JfPHP/bmo2yGGpdZiH3IZvzZa7B3+IdDjjpjesHJcvbs5dZ/e+cddVoDdvlq7x12Nac+iN7e4R8OXTjp0pw5CGnOLNDEzeBs5gVwFniAO+8f8wvfeXP2hyqnmwAAAABJRU5ErkJggg==") no-repeat 50% 50%;
433
- background-size: 85%;
434
- }
435
- .iziToast.iziToast-theme-dark .iziToast-icon.ico-error {
436
- background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAeFBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////GqOSsAAAAJ3RSTlMA3BsB98QV8uSyWVUFz6RxYwzYvbupmYqAaU1FQTXKv7abj4d1azKNUit3AAACZElEQVRYw7WXaZOCMAyGw30UORRQBLxX/v8/3BkaWjrY2szO5otKfGrzJrEp6Kw6F8f8sI+i/SE/FucKSBaWiT8p5idlaEtnXTB9tKDLLHAvdSatOan3je93k9F2vRF36+mr1a6eH2NFNydoHq/ieU/UXcWjjk9XykdNWq2ywtp4tXL6Wb2T/MqtzzZutsrNyfvA51KoQROhVCjfrnASIRpSVUZiD5v4RbWExjRdJzSmOsZFvzYz59kRSr6V5zE+/QELHkNdb3VRx45HS1b1u+zfkkcbRAZ3qJ9l/A4qefHUDMShJe+6kZKJDD2pLQ9Q4lu+5Q7rz7Plperd7AtQEgIPI6o2dxr2D4GXvxqCiKcn8cD4gxIAEt7/GYkHL16KqeJd0NB4gJbXfgVnzCGJlzGcocCVSLzUvoAj9xJ4NF7/R8gxoVQexc/hgBpSebjPjgPs59cHmYfn7NkDb6wXmUf1I1ygIPPw4gtgCE8yDw8eAop4J/PQcBExjQmZx37MsZB2ZB4cLKQCG5vKYxMWSzMxIg8pNtOyUkvkocEmXGo69mh8FgnxS4yBwMvDrJSNHZB4uC3ayz/YkcIP4lflwVIT+OU07ZSjrbTkZQ6dTPkYubZ8GC/Cqxu6WvJZII93dcCw46GdNqdpTeF/tiMOuDGB9z/NI6NvyWetGPM0g+bVNeovBmamHXWj0nCbEaGeTMN2PWrqd6cM26ZxP2DeJvj+ph/30Zi/GmRbtlK5SptI+nwGGnvH6gUruT+L16MJHF+58rwNIifTV0vM8+hwMeOXAb6Yx0wXT+b999WXfvn+8/X/F7fWzjdTord5AAAAAElFTkSuQmCC") no-repeat 50% 50%;
437
- background-size: 80%;
438
- }
439
- .iziToast.iziToast-theme-dark .iziToast-icon.ico-success {
440
- background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAIVBMVEUAAAD////////////////////////////////////////PIev5AAAACnRSTlMApAPhIFn82wgGv8mVtwAAAKVJREFUSMft0LEJAkEARNFFFEw1NFJb8CKjAy1AEOzAxNw+bEEEg6nyFjbY4LOzcBwX7S/gwUxoTdIn+Jbv4Lv8bx446+kB6VsBtK0B+wbMCKxrwL33wOrVeeChX28n7KTOTjgoEu6DRSYAgAAAAkAmAIAAAAIACQIkMkACAAgAIACAyECBKAOJuCagTJwSUCaUAEMAABEBRwAAEQFLbCJgO4bW+AZKGnktR+jAFAAAAABJRU5ErkJggg==") no-repeat 50% 50%;
441
- background-size: 85%;
442
- }
443
- .iziToast.iziToast-theme-dark .iziToast-icon.ico-question {
444
- background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAQAAAAAYLlVAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfhCQkUEg18vki+AAAETUlEQVRo3s1ZTWhbRxD+VlIuxsLFCYVIIQYVopBDoK5bKDWUBupDMNbJ5FBKg/FBziUQdE9yaC+FHBrwsdCfQ9RTGoLxwWl+DqHEojUFFydxnB9bInZDqOsErBrr6yGvs/ueX97bldTKo4Pe7puZb3Z33s7srIIjMY1jyCEjP6ImvyX8pF64arSHznKC06wzijY5xSKz7YbuYokV2lODsyyxqz3gSY6z6gCuqcpxJluFH+Z8U+D/0jyHoxFUBHgfvsGHIS9WMIUlVFFDFTUAGWSRQRY5HMeBEP6b+Ew9dh/7INd2jGeO59kfKdXP85zbIbfGQVf4sYC3N1hm3lo6zzIbPvk6x+zBk7wQGMEMB5xncIAzAS0XrFySSV72iS1yyBVcdA1x0afrsoUJgdFfY2+z8ADAXl7zz0KcwJiPfZKpVuABgClO+nRG+QIHDdfb4qlWwUXvKW4Z7vi6L4J9vg+vbfCeCeZH2RfOdMOc/HbCA4BvIW6EMQz7XK/ltd+hP+VzR9mgva2YSfyGI17fA7ynnocqeQNFfIJ0oHsdv6CC2+rXGBN6cQdveY3fcVRtmy/HDete+93zy8jA8zV7YkwYMrjHzRddRsCdiVCwwmh6wg9iTNC7Y9XIF1iS7kbUpsvvGEdPuTfSgAEjRpR096x0liPFD/Eqt2NMuBQzB2XhrACAApjFsuQFh9XdGAX70B3oSuNdnMVBaX+sopYxjwVpHFBVACyKTXNoktjD+6Ll8xhenS9MAAkAI/Lux2YNUOs4I413Ypg1SgEAu7kpFvWjaeJe0fJHDGe/cNaZBkekudw8PMA+0fMwlndZeAsJ5KR/qhUDUJCnSiyvRsolkJHGUgvjH8QXDgZopEzKMKDqCKrwEQ4C6MH7GEXC665buLJG8hlQc4LP4paxfJrOqYVYYY2UARfEIazTbgDg2dB98GebzJd54b8L/iWNdLyooeR6CHyZ+6xk0yKxkYg6nEVSUG4VJ9QJ9cxRCxO+9WiOyvgUeexXP1hLGH5nGuBWVtiSp4vqe3VP0UFWI9Wan4Er3v8q7jjPWVtm4FtcQQMrOKO2nOQCM5AyDMi56FDrKHA/1nyppS1ppBpYaE8wciEjGI2AaeM41kI4doDX4XiT3Qm1gevyruCgZg9P8xIv8m1nCzTKq6oiJ9xTMiZ505P5m8cdZ0CnZMVXHVljM7WMBzxpyDxygtdxoCEFTaMIWbZU85UvBjgUMYy0fBaAF8V1Lj9qWQ1aMZ5f4k9r+AGMSkMP1vZoZih6k6sicc5h/OFHM9vDqU/VIU7zJZdYYsKGH4g4nAJMGiXZRds1pVMoZ69RM5vfkbh0qkBhsnS2RLMLilQdL9MBHS9UAh0v1e6CYnXHy/WeeCcvLDwl/9OVze69tPKM+M+v7eJN6OzFpWdEF0ucDbhVNFXadnVrmJFlkVNGTS2M6pzmhMvltfPhnN2B63sVuL7fcNP3D1TSk2ihosPrAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE3LTA5LTA5VDIwOjE4OjEzKzAyOjAweOR7nQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNy0wOS0wOVQyMDoxODoxMyswMjowMAm5wyEAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC") no-repeat 50% 50%;
445
- background-size: 85%;
446
- }
447
- .iziToast.iziToast-theme-dark .iziToast-buttons > a,
448
- .iziToast.iziToast-theme-dark .iziToast-buttons > button,
449
- .iziToast.iziToast-theme-dark .iziToast-buttons > input {
450
- color: #fff;
451
- background: rgba(255,255,255,0.1);
452
- }
453
- .iziToast.iziToast-theme-dark .iziToast-buttons > a:hover,
454
- .iziToast.iziToast-theme-dark .iziToast-buttons > button:hover,
455
- .iziToast.iziToast-theme-dark .iziToast-buttons > input:hover {
456
- background: rgba(255,255,255,0.2);
457
- }
458
- .iziToast.iziToast-theme-dark .iziToast-buttons > a:focus,
459
- .iziToast.iziToast-theme-dark .iziToast-buttons > button:focus,
460
- .iziToast.iziToast-theme-dark .iziToast-buttons > input:focus {
461
- box-shadow: 0 0 0 1px rgba(255,255,255,0.6);
462
- }
463
- .iziToast.iziToast-color-red {
464
- background: rgba(255,175,180,0.9);
465
- border-color: rgba(255,175,180,0.9);
466
- }
467
- .iziToast.iziToast-color-orange {
468
- background: rgba(255,207,165,0.9);
469
- border-color: rgba(255,207,165,0.9);
470
- }
471
- .iziToast.iziToast-color-yellow {
472
- background: rgba(255,249,178,0.9);
473
- border-color: rgba(255,249,178,0.9);
474
- }
475
- .iziToast.iziToast-color-blue {
476
- background: rgba(157,222,255,0.9);
477
- border-color: rgba(157,222,255,0.9);
478
- }
479
- .iziToast.iziToast-color-green {
480
- background: rgba(166,239,184,0.9);
481
- border-color: rgba(166,239,184,0.9);
482
- }
483
- .iziToast.iziToast-layout2 .iziToast-body .iziToast-texts,
484
- .iziToast.iziToast-layout2 .iziToast-body .iziToast-message {
485
- width: 100%;
486
- }
487
- .iziToast.iziToast-layout3 {
488
- border-radius: 2px;
489
- }
490
- .iziToast.iziToast-layout3::after {
491
- display: none;
492
- }
493
- .iziToast.revealIn,
494
- .iziToast .revealIn {
495
- -webkit-animation: iziT-revealIn 1s cubic-bezier(0.25, 1.6, 0.25, 1) both;
496
- -moz-animation: iziT-revealIn 1s cubic-bezier(0.25, 1.6, 0.25, 1) both;
497
- animation: iziT-revealIn 1s cubic-bezier(0.25, 1.6, 0.25, 1) both;
498
- }
499
- .iziToast.slideIn,
500
- .iziToast .slideIn {
501
- -webkit-animation: iziT-slideIn 1s cubic-bezier(0.16, 0.81, 0.32, 1) both;
502
- -moz-animation: iziT-slideIn 1s cubic-bezier(0.16, 0.81, 0.32, 1) both;
503
- animation: iziT-slideIn 1s cubic-bezier(0.16, 0.81, 0.32, 1) both;
504
- }
505
- .iziToast.bounceInLeft {
506
- -webkit-animation: iziT-bounceInLeft 0.7s ease-in-out both;
507
- animation: iziT-bounceInLeft 0.7s ease-in-out both;
508
- }
509
- .iziToast.bounceInRight {
510
- -webkit-animation: iziT-bounceInRight 0.85s ease-in-out both;
511
- animation: iziT-bounceInRight 0.85s ease-in-out both;
512
- }
513
- .iziToast.bounceInDown {
514
- -webkit-animation: iziT-bounceInDown 0.7s ease-in-out both;
515
- animation: iziT-bounceInDown 0.7s ease-in-out both;
516
- }
517
- .iziToast.bounceInUp {
518
- -webkit-animation: iziT-bounceInUp 0.7s ease-in-out both;
519
- animation: iziT-bounceInUp 0.7s ease-in-out both;
520
- }
521
- .iziToast.fadeIn,
522
- .iziToast .fadeIn {
523
- -webkit-animation: iziT-fadeIn 0.5s ease both;
524
- animation: iziT-fadeIn 0.5s ease both;
525
- }
526
- .iziToast.fadeInUp {
527
- -webkit-animation: iziT-fadeInUp 0.7s ease both;
528
- animation: iziT-fadeInUp 0.7s ease both;
529
- }
530
- .iziToast.fadeInDown {
531
- -webkit-animation: iziT-fadeInDown 0.7s ease both;
532
- animation: iziT-fadeInDown 0.7s ease both;
533
- }
534
- .iziToast.fadeInLeft {
535
- -webkit-animation: iziT-fadeInLeft 0.85s cubic-bezier(0.25, 0.8, 0.25, 1) both;
536
- animation: iziT-fadeInLeft 0.85s cubic-bezier(0.25, 0.8, 0.25, 1) both;
537
- }
538
- .iziToast.fadeInRight {
539
- -webkit-animation: iziT-fadeInRight 0.85s cubic-bezier(0.25, 0.8, 0.25, 1) both;
540
- animation: iziT-fadeInRight 0.85s cubic-bezier(0.25, 0.8, 0.25, 1) both;
541
- }
542
- .iziToast.flipInX {
543
- -webkit-animation: iziT-flipInX 0.85s cubic-bezier(0.35, 0, 0.25, 1) both;
544
- animation: iziT-flipInX 0.85s cubic-bezier(0.35, 0, 0.25, 1) both;
545
- }
546
- .iziToast.fadeOut {
547
- -webkit-animation: iziT-fadeOut 0.7s ease both;
548
- animation: iziT-fadeOut 0.7s ease both;
549
- }
550
- .iziToast.fadeOutDown {
551
- -webkit-animation: iziT-fadeOutDown 0.7s cubic-bezier(0.4, 0.45, 0.15, 0.91) both;
552
- animation: iziT-fadeOutDown 0.7s cubic-bezier(0.4, 0.45, 0.15, 0.91) both;
553
- }
554
- .iziToast.fadeOutUp {
555
- -webkit-animation: iziT-fadeOutUp 0.7s cubic-bezier(0.4, 0.45, 0.15, 0.91) both;
556
- animation: iziT-fadeOutUp 0.7s cubic-bezier(0.4, 0.45, 0.15, 0.91) both;
557
- }
558
- .iziToast.fadeOutLeft {
559
- -webkit-animation: iziT-fadeOutLeft 0.5s ease both;
560
- animation: iziT-fadeOutLeft 0.5s ease both;
561
- }
562
- .iziToast.fadeOutRight {
563
- -webkit-animation: iziT-fadeOutRight 0.5s ease both;
564
- animation: iziT-fadeOutRight 0.5s ease both;
565
- }
566
- .iziToast.flipOutX {
567
- -webkit-backface-visibility: visible !important;
568
- backface-visibility: visible !important;
569
- -webkit-animation: iziT-flipOutX 0.7s cubic-bezier(0.4, 0.45, 0.15, 0.91) both;
570
- animation: iziT-flipOutX 0.7s cubic-bezier(0.4, 0.45, 0.15, 0.91) both;
571
- }
572
- .iziToast-overlay.fadeIn {
573
- -webkit-animation: iziT-fadeIn 0.5s ease both;
574
- animation: iziT-fadeIn 0.5s ease both;
575
- }
576
- .iziToast-overlay.fadeOut {
577
- -webkit-animation: iziT-fadeOut 0.7s ease both;
578
- animation: iziT-fadeOut 0.7s ease both;
579
- }
580
- @-webkit-keyframes iziT-revealIn {
581
- 0% {
582
- opacity: 0;
583
- -webkit-transform: scale3d(0.3, 0.3, 1);
584
- }
585
- 100% {
586
- opacity: 1;
587
- }
588
- }
589
- @-moz-keyframes iziT-revealIn {
590
- 0% {
591
- opacity: 0;
592
- -moz-transform: scale3d(0.3, 0.3, 1);
593
- }
594
- 100% {
595
- opacity: 1;
596
- }
597
- }
598
- @-webkit-keyframes iziT-slideIn {
599
- 0% {
600
- opacity: 0;
601
- -webkit-transform: translateX(50px);
602
- }
603
- 100% {
604
- opacity: 1;
605
- -webkit-transform: translateX(0);
606
- }
607
- }
608
- @-moz-keyframes iziT-slideIn {
609
- 0% {
610
- opacity: 0;
611
- -moz-transform: translateX(50px);
612
- }
613
- 100% {
614
- opacity: 1;
615
- -moz-transform: translateX(0);
616
- }
617
- }
618
- @-webkit-keyframes iziT-bounceInLeft {
619
- 0% {
620
- opacity: 0;
621
- -webkit-transform: translateX(280px);
622
- }
623
- 50% {
624
- opacity: 1;
625
- -webkit-transform: translateX(-20px);
626
- }
627
- 70% {
628
- -webkit-transform: translateX(10px);
629
- }
630
- 100% {
631
- -webkit-transform: translateX(0);
632
- }
633
- }
634
- @-webkit-keyframes iziT-bounceInRight {
635
- 0% {
636
- opacity: 0;
637
- -webkit-transform: translateX(-280px);
638
- }
639
- 50% {
640
- opacity: 1;
641
- -webkit-transform: translateX(20px);
642
- }
643
- 70% {
644
- -webkit-transform: translateX(-10px);
645
- }
646
- 100% {
647
- -webkit-transform: translateX(0);
648
- }
649
- }
650
- @-webkit-keyframes iziT-bounceInDown {
651
- 0% {
652
- opacity: 0;
653
- -webkit-transform: translateY(-200px);
654
- }
655
- 50% {
656
- opacity: 1;
657
- -webkit-transform: translateY(10px);
658
- }
659
- 70% {
660
- -webkit-transform: translateY(-5px);
661
- }
662
- 100% {
663
- -webkit-transform: translateY(0);
664
- }
665
- }
666
- @-webkit-keyframes iziT-bounceInUp {
667
- 0% {
668
- opacity: 0;
669
- -webkit-transform: translateY(200px);
670
- }
671
- 50% {
672
- opacity: 1;
673
- -webkit-transform: translateY(-10px);
674
- }
675
- 70% {
676
- -webkit-transform: translateY(5px);
677
- }
678
- 100% {
679
- -webkit-transform: translateY(0);
680
- }
681
- }
682
- @-webkit-keyframes iziT-fadeIn {
683
- from {
684
- opacity: 0;
685
- }
686
- to {
687
- opacity: 1;
688
- }
689
- }
690
- @-webkit-keyframes iziT-fadeInUp {
691
- from {
692
- opacity: 0;
693
- -webkit-transform: translate3d(0, 100%, 0);
694
- transform: translate3d(0, 100%, 0);
695
- }
696
- to {
697
- opacity: 1;
698
- -webkit-transform: none;
699
- transform: none;
700
- }
701
- }
702
- @-webkit-keyframes iziT-fadeInDown {
703
- from {
704
- opacity: 0;
705
- -webkit-transform: translate3d(0, -100%, 0);
706
- transform: translate3d(0, -100%, 0);
707
- }
708
- to {
709
- opacity: 1;
710
- -webkit-transform: none;
711
- transform: none;
712
- }
713
- }
714
- @-webkit-keyframes iziT-fadeInLeft {
715
- from {
716
- opacity: 0;
717
- -webkit-transform: translate3d(300px, 0, 0);
718
- transform: translate3d(300px, 0, 0);
719
- }
720
- to {
721
- opacity: 1;
722
- -webkit-transform: none;
723
- transform: none;
724
- }
725
- }
726
- @-webkit-keyframes iziT-fadeInRight {
727
- from {
728
- opacity: 0;
729
- -webkit-transform: translate3d(-300px, 0, 0);
730
- transform: translate3d(-300px, 0, 0);
731
- }
732
- to {
733
- opacity: 1;
734
- -webkit-transform: none;
735
- transform: none;
736
- }
737
- }
738
- @-webkit-keyframes iziT-flipInX {
739
- from {
740
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
741
- transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
742
- opacity: 0;
743
- }
744
- 40% {
745
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
746
- transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
747
- }
748
- 60% {
749
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
750
- transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
751
- opacity: 1;
752
- }
753
- 80% {
754
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
755
- transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
756
- }
757
- to {
758
- -webkit-transform: perspective(400px);
759
- transform: perspective(400px);
760
- }
761
- }
762
- @-webkit-keyframes iziT-fadeOut {
763
- from {
764
- opacity: 1;
765
- }
766
- to {
767
- opacity: 0;
768
- }
769
- }
770
- @-webkit-keyframes iziT-fadeOutDown {
771
- from {
772
- opacity: 1;
773
- }
774
- to {
775
- opacity: 0;
776
- -webkit-transform: translate3d(0, 100%, 0);
777
- transform: translate3d(0, 100%, 0);
778
- }
779
- }
780
- @-webkit-keyframes iziT-fadeOutUp {
781
- from {
782
- opacity: 1;
783
- }
784
- to {
785
- opacity: 0;
786
- -webkit-transform: translate3d(0, -100%, 0);
787
- transform: translate3d(0, -100%, 0);
788
- }
789
- }
790
- @-webkit-keyframes iziT-fadeOutLeft {
791
- from {
792
- opacity: 1;
793
- }
794
- to {
795
- opacity: 0;
796
- -webkit-transform: translate3d(-200px, 0, 0);
797
- transform: translate3d(-200px, 0, 0);
798
- }
799
- }
800
- @-webkit-keyframes iziT-fadeOutRight {
801
- from {
802
- opacity: 1;
803
- }
804
- to {
805
- opacity: 0;
806
- -webkit-transform: translate3d(200px, 0, 0);
807
- transform: translate3d(200px, 0, 0);
808
- }
809
- }
810
- @-webkit-keyframes iziT-flipOutX {
811
- from {
812
- -webkit-transform: perspective(400px);
813
- transform: perspective(400px);
814
- }
815
- 30% {
816
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
817
- transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
818
- opacity: 1;
819
- }
820
- to {
821
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
822
- transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
823
- opacity: 0;
824
- }
825
- }
826
- @-moz-keyframes iziT-revealIn {
827
- 0% {
828
- opacity: 0;
829
- transform: scale3d(0.3, 0.3, 1);
830
- }
831
- 100% {
832
- opacity: 1;
833
- }
834
- }
835
- @-webkit-keyframes iziT-revealIn {
836
- 0% {
837
- opacity: 0;
838
- transform: scale3d(0.3, 0.3, 1);
839
- }
840
- 100% {
841
- opacity: 1;
842
- }
843
- }
844
- @-o-keyframes iziT-revealIn {
845
- 0% {
846
- opacity: 0;
847
- transform: scale3d(0.3, 0.3, 1);
848
- }
849
- 100% {
850
- opacity: 1;
851
- }
852
- }
853
- @keyframes iziT-revealIn {
854
- 0% {
855
- opacity: 0;
856
- transform: scale3d(0.3, 0.3, 1);
857
- }
858
- 100% {
859
- opacity: 1;
860
- }
861
- }
862
- @-moz-keyframes iziT-slideIn {
863
- 0% {
864
- opacity: 0;
865
- transform: translateX(50px);
866
- }
867
- 100% {
868
- opacity: 1;
869
- transform: translateX(0);
870
- }
871
- }
872
- @-webkit-keyframes iziT-slideIn {
873
- 0% {
874
- opacity: 0;
875
- transform: translateX(50px);
876
- }
877
- 100% {
878
- opacity: 1;
879
- transform: translateX(0);
880
- }
881
- }
882
- @-o-keyframes iziT-slideIn {
883
- 0% {
884
- opacity: 0;
885
- transform: translateX(50px);
886
- }
887
- 100% {
888
- opacity: 1;
889
- transform: translateX(0);
890
- }
891
- }
892
- @keyframes iziT-slideIn {
893
- 0% {
894
- opacity: 0;
895
- transform: translateX(50px);
896
- }
897
- 100% {
898
- opacity: 1;
899
- transform: translateX(0);
900
- }
901
- }
902
- @-moz-keyframes iziT-bounceInLeft {
903
- 0% {
904
- opacity: 0;
905
- transform: translateX(280px);
906
- }
907
- 50% {
908
- opacity: 1;
909
- transform: translateX(-20px);
910
- }
911
- 70% {
912
- transform: translateX(10px);
913
- }
914
- 100% {
915
- transform: translateX(0);
916
- }
917
- }
918
- @-webkit-keyframes iziT-bounceInLeft {
919
- 0% {
920
- opacity: 0;
921
- transform: translateX(280px);
922
- }
923
- 50% {
924
- opacity: 1;
925
- transform: translateX(-20px);
926
- }
927
- 70% {
928
- transform: translateX(10px);
929
- }
930
- 100% {
931
- transform: translateX(0);
932
- }
933
- }
934
- @-o-keyframes iziT-bounceInLeft {
935
- 0% {
936
- opacity: 0;
937
- transform: translateX(280px);
938
- }
939
- 50% {
940
- opacity: 1;
941
- transform: translateX(-20px);
942
- }
943
- 70% {
944
- transform: translateX(10px);
945
- }
946
- 100% {
947
- transform: translateX(0);
948
- }
949
- }
950
- @keyframes iziT-bounceInLeft {
951
- 0% {
952
- opacity: 0;
953
- transform: translateX(280px);
954
- }
955
- 50% {
956
- opacity: 1;
957
- transform: translateX(-20px);
958
- }
959
- 70% {
960
- transform: translateX(10px);
961
- }
962
- 100% {
963
- transform: translateX(0);
964
- }
965
- }
966
- @-moz-keyframes iziT-bounceInRight {
967
- 0% {
968
- opacity: 0;
969
- transform: translateX(-280px);
970
- }
971
- 50% {
972
- opacity: 1;
973
- transform: translateX(20px);
974
- }
975
- 70% {
976
- transform: translateX(-10px);
977
- }
978
- 100% {
979
- transform: translateX(0);
980
- }
981
- }
982
- @-webkit-keyframes iziT-bounceInRight {
983
- 0% {
984
- opacity: 0;
985
- transform: translateX(-280px);
986
- }
987
- 50% {
988
- opacity: 1;
989
- transform: translateX(20px);
990
- }
991
- 70% {
992
- transform: translateX(-10px);
993
- }
994
- 100% {
995
- transform: translateX(0);
996
- }
997
- }
998
- @-o-keyframes iziT-bounceInRight {
999
- 0% {
1000
- opacity: 0;
1001
- transform: translateX(-280px);
1002
- }
1003
- 50% {
1004
- opacity: 1;
1005
- transform: translateX(20px);
1006
- }
1007
- 70% {
1008
- transform: translateX(-10px);
1009
- }
1010
- 100% {
1011
- transform: translateX(0);
1012
- }
1013
- }
1014
- @keyframes iziT-bounceInRight {
1015
- 0% {
1016
- opacity: 0;
1017
- transform: translateX(-280px);
1018
- }
1019
- 50% {
1020
- opacity: 1;
1021
- transform: translateX(20px);
1022
- }
1023
- 70% {
1024
- transform: translateX(-10px);
1025
- }
1026
- 100% {
1027
- transform: translateX(0);
1028
- }
1029
- }
1030
- @-moz-keyframes iziT-bounceInDown {
1031
- 0% {
1032
- opacity: 0;
1033
- transform: translateY(-200px);
1034
- }
1035
- 50% {
1036
- opacity: 1;
1037
- transform: translateY(10px);
1038
- }
1039
- 70% {
1040
- transform: translateY(-5px);
1041
- }
1042
- 100% {
1043
- transform: translateY(0);
1044
- }
1045
- }
1046
- @-webkit-keyframes iziT-bounceInDown {
1047
- 0% {
1048
- opacity: 0;
1049
- transform: translateY(-200px);
1050
- }
1051
- 50% {
1052
- opacity: 1;
1053
- transform: translateY(10px);
1054
- }
1055
- 70% {
1056
- transform: translateY(-5px);
1057
- }
1058
- 100% {
1059
- transform: translateY(0);
1060
- }
1061
- }
1062
- @-o-keyframes iziT-bounceInDown {
1063
- 0% {
1064
- opacity: 0;
1065
- transform: translateY(-200px);
1066
- }
1067
- 50% {
1068
- opacity: 1;
1069
- transform: translateY(10px);
1070
- }
1071
- 70% {
1072
- transform: translateY(-5px);
1073
- }
1074
- 100% {
1075
- transform: translateY(0);
1076
- }
1077
- }
1078
- @keyframes iziT-bounceInDown {
1079
- 0% {
1080
- opacity: 0;
1081
- transform: translateY(-200px);
1082
- }
1083
- 50% {
1084
- opacity: 1;
1085
- transform: translateY(10px);
1086
- }
1087
- 70% {
1088
- transform: translateY(-5px);
1089
- }
1090
- 100% {
1091
- transform: translateY(0);
1092
- }
1093
- }
1094
- @-moz-keyframes iziT-bounceInUp {
1095
- 0% {
1096
- opacity: 0;
1097
- transform: translateY(200px);
1098
- }
1099
- 50% {
1100
- opacity: 1;
1101
- transform: translateY(-10px);
1102
- }
1103
- 70% {
1104
- transform: translateY(5px);
1105
- }
1106
- 100% {
1107
- transform: translateY(0);
1108
- }
1109
- }
1110
- @-webkit-keyframes iziT-bounceInUp {
1111
- 0% {
1112
- opacity: 0;
1113
- transform: translateY(200px);
1114
- }
1115
- 50% {
1116
- opacity: 1;
1117
- transform: translateY(-10px);
1118
- }
1119
- 70% {
1120
- transform: translateY(5px);
1121
- }
1122
- 100% {
1123
- transform: translateY(0);
1124
- }
1125
- }
1126
- @-o-keyframes iziT-bounceInUp {
1127
- 0% {
1128
- opacity: 0;
1129
- transform: translateY(200px);
1130
- }
1131
- 50% {
1132
- opacity: 1;
1133
- transform: translateY(-10px);
1134
- }
1135
- 70% {
1136
- transform: translateY(5px);
1137
- }
1138
- 100% {
1139
- transform: translateY(0);
1140
- }
1141
- }
1142
- @keyframes iziT-bounceInUp {
1143
- 0% {
1144
- opacity: 0;
1145
- transform: translateY(200px);
1146
- }
1147
- 50% {
1148
- opacity: 1;
1149
- transform: translateY(-10px);
1150
- }
1151
- 70% {
1152
- transform: translateY(5px);
1153
- }
1154
- 100% {
1155
- transform: translateY(0);
1156
- }
1157
- }
1158
- @-moz-keyframes iziT-fadeIn {
1159
- from {
1160
- opacity: 0;
1161
- }
1162
- to {
1163
- opacity: 1;
1164
- }
1165
- }
1166
- @-webkit-keyframes iziT-fadeIn {
1167
- from {
1168
- opacity: 0;
1169
- }
1170
- to {
1171
- opacity: 1;
1172
- }
1173
- }
1174
- @-o-keyframes iziT-fadeIn {
1175
- from {
1176
- opacity: 0;
1177
- }
1178
- to {
1179
- opacity: 1;
1180
- }
1181
- }
1182
- @keyframes iziT-fadeIn {
1183
- from {
1184
- opacity: 0;
1185
- }
1186
- to {
1187
- opacity: 1;
1188
- }
1189
- }
1190
- @-moz-keyframes iziT-fadeInUp {
1191
- from {
1192
- opacity: 0;
1193
- -webkit-transform: translate3d(0, 100%, 0);
1194
- transform: translate3d(0, 100%, 0);
1195
- }
1196
- to {
1197
- opacity: 1;
1198
- -webkit-transform: none;
1199
- transform: none;
1200
- }
1201
- }
1202
- @-webkit-keyframes iziT-fadeInUp {
1203
- from {
1204
- opacity: 0;
1205
- -webkit-transform: translate3d(0, 100%, 0);
1206
- transform: translate3d(0, 100%, 0);
1207
- }
1208
- to {
1209
- opacity: 1;
1210
- -webkit-transform: none;
1211
- transform: none;
1212
- }
1213
- }
1214
- @-o-keyframes iziT-fadeInUp {
1215
- from {
1216
- opacity: 0;
1217
- -webkit-transform: translate3d(0, 100%, 0);
1218
- transform: translate3d(0, 100%, 0);
1219
- }
1220
- to {
1221
- opacity: 1;
1222
- -webkit-transform: none;
1223
- transform: none;
1224
- }
1225
- }
1226
- @keyframes iziT-fadeInUp {
1227
- from {
1228
- opacity: 0;
1229
- -webkit-transform: translate3d(0, 100%, 0);
1230
- transform: translate3d(0, 100%, 0);
1231
- }
1232
- to {
1233
- opacity: 1;
1234
- -webkit-transform: none;
1235
- transform: none;
1236
- }
1237
- }
1238
- @-moz-keyframes iziT-fadeInDown {
1239
- from {
1240
- opacity: 0;
1241
- -webkit-transform: translate3d(0, -100%, 0);
1242
- transform: translate3d(0, -100%, 0);
1243
- }
1244
- to {
1245
- opacity: 1;
1246
- -webkit-transform: none;
1247
- transform: none;
1248
- }
1249
- }
1250
- @-webkit-keyframes iziT-fadeInDown {
1251
- from {
1252
- opacity: 0;
1253
- -webkit-transform: translate3d(0, -100%, 0);
1254
- transform: translate3d(0, -100%, 0);
1255
- }
1256
- to {
1257
- opacity: 1;
1258
- -webkit-transform: none;
1259
- transform: none;
1260
- }
1261
- }
1262
- @-o-keyframes iziT-fadeInDown {
1263
- from {
1264
- opacity: 0;
1265
- -webkit-transform: translate3d(0, -100%, 0);
1266
- transform: translate3d(0, -100%, 0);
1267
- }
1268
- to {
1269
- opacity: 1;
1270
- -webkit-transform: none;
1271
- transform: none;
1272
- }
1273
- }
1274
- @keyframes iziT-fadeInDown {
1275
- from {
1276
- opacity: 0;
1277
- -webkit-transform: translate3d(0, -100%, 0);
1278
- transform: translate3d(0, -100%, 0);
1279
- }
1280
- to {
1281
- opacity: 1;
1282
- -webkit-transform: none;
1283
- transform: none;
1284
- }
1285
- }
1286
- @-moz-keyframes iziT-fadeInLeft {
1287
- from {
1288
- opacity: 0;
1289
- -webkit-transform: translate3d(300px, 0, 0);
1290
- transform: translate3d(300px, 0, 0);
1291
- }
1292
- to {
1293
- opacity: 1;
1294
- -webkit-transform: none;
1295
- transform: none;
1296
- }
1297
- }
1298
- @-webkit-keyframes iziT-fadeInLeft {
1299
- from {
1300
- opacity: 0;
1301
- -webkit-transform: translate3d(300px, 0, 0);
1302
- transform: translate3d(300px, 0, 0);
1303
- }
1304
- to {
1305
- opacity: 1;
1306
- -webkit-transform: none;
1307
- transform: none;
1308
- }
1309
- }
1310
- @-o-keyframes iziT-fadeInLeft {
1311
- from {
1312
- opacity: 0;
1313
- -webkit-transform: translate3d(300px, 0, 0);
1314
- transform: translate3d(300px, 0, 0);
1315
- }
1316
- to {
1317
- opacity: 1;
1318
- -webkit-transform: none;
1319
- transform: none;
1320
- }
1321
- }
1322
- @keyframes iziT-fadeInLeft {
1323
- from {
1324
- opacity: 0;
1325
- -webkit-transform: translate3d(300px, 0, 0);
1326
- transform: translate3d(300px, 0, 0);
1327
- }
1328
- to {
1329
- opacity: 1;
1330
- -webkit-transform: none;
1331
- transform: none;
1332
- }
1333
- }
1334
- @-moz-keyframes iziT-fadeInRight {
1335
- from {
1336
- opacity: 0;
1337
- -webkit-transform: translate3d(-300px, 0, 0);
1338
- transform: translate3d(-300px, 0, 0);
1339
- }
1340
- to {
1341
- opacity: 1;
1342
- -webkit-transform: none;
1343
- transform: none;
1344
- }
1345
- }
1346
- @-webkit-keyframes iziT-fadeInRight {
1347
- from {
1348
- opacity: 0;
1349
- -webkit-transform: translate3d(-300px, 0, 0);
1350
- transform: translate3d(-300px, 0, 0);
1351
- }
1352
- to {
1353
- opacity: 1;
1354
- -webkit-transform: none;
1355
- transform: none;
1356
- }
1357
- }
1358
- @-o-keyframes iziT-fadeInRight {
1359
- from {
1360
- opacity: 0;
1361
- -webkit-transform: translate3d(-300px, 0, 0);
1362
- transform: translate3d(-300px, 0, 0);
1363
- }
1364
- to {
1365
- opacity: 1;
1366
- -webkit-transform: none;
1367
- transform: none;
1368
- }
1369
- }
1370
- @keyframes iziT-fadeInRight {
1371
- from {
1372
- opacity: 0;
1373
- -webkit-transform: translate3d(-300px, 0, 0);
1374
- transform: translate3d(-300px, 0, 0);
1375
- }
1376
- to {
1377
- opacity: 1;
1378
- -webkit-transform: none;
1379
- transform: none;
1380
- }
1381
- }
1382
- @-moz-keyframes iziT-flipInX {
1383
- from {
1384
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1385
- transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1386
- opacity: 0;
1387
- }
1388
- 40% {
1389
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1390
- transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1391
- }
1392
- 60% {
1393
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
1394
- transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
1395
- opacity: 1;
1396
- }
1397
- 80% {
1398
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
1399
- transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
1400
- }
1401
- to {
1402
- -webkit-transform: perspective(400px);
1403
- transform: perspective(400px);
1404
- }
1405
- }
1406
- @-webkit-keyframes iziT-flipInX {
1407
- from {
1408
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1409
- transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1410
- opacity: 0;
1411
- }
1412
- 40% {
1413
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1414
- transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1415
- }
1416
- 60% {
1417
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
1418
- transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
1419
- opacity: 1;
1420
- }
1421
- 80% {
1422
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
1423
- transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
1424
- }
1425
- to {
1426
- -webkit-transform: perspective(400px);
1427
- transform: perspective(400px);
1428
- }
1429
- }
1430
- @-o-keyframes iziT-flipInX {
1431
- from {
1432
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1433
- transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1434
- opacity: 0;
1435
- }
1436
- 40% {
1437
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1438
- transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1439
- }
1440
- 60% {
1441
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
1442
- transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
1443
- opacity: 1;
1444
- }
1445
- 80% {
1446
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
1447
- transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
1448
- }
1449
- to {
1450
- -webkit-transform: perspective(400px);
1451
- transform: perspective(400px);
1452
- }
1453
- }
1454
- @keyframes iziT-flipInX {
1455
- from {
1456
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1457
- transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1458
- opacity: 0;
1459
- }
1460
- 40% {
1461
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1462
- transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1463
- }
1464
- 60% {
1465
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
1466
- transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
1467
- opacity: 1;
1468
- }
1469
- 80% {
1470
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
1471
- transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
1472
- }
1473
- to {
1474
- -webkit-transform: perspective(400px);
1475
- transform: perspective(400px);
1476
- }
1477
- }
1478
- @-moz-keyframes iziT-fadeOut {
1479
- from {
1480
- opacity: 1;
1481
- }
1482
- to {
1483
- opacity: 0;
1484
- }
1485
- }
1486
- @-webkit-keyframes iziT-fadeOut {
1487
- from {
1488
- opacity: 1;
1489
- }
1490
- to {
1491
- opacity: 0;
1492
- }
1493
- }
1494
- @-o-keyframes iziT-fadeOut {
1495
- from {
1496
- opacity: 1;
1497
- }
1498
- to {
1499
- opacity: 0;
1500
- }
1501
- }
1502
- @keyframes iziT-fadeOut {
1503
- from {
1504
- opacity: 1;
1505
- }
1506
- to {
1507
- opacity: 0;
1508
- }
1509
- }
1510
- @-moz-keyframes iziT-fadeOutDown {
1511
- from {
1512
- opacity: 1;
1513
- }
1514
- to {
1515
- opacity: 0;
1516
- -webkit-transform: translate3d(0, 100%, 0);
1517
- transform: translate3d(0, 100%, 0);
1518
- }
1519
- }
1520
- @-webkit-keyframes iziT-fadeOutDown {
1521
- from {
1522
- opacity: 1;
1523
- }
1524
- to {
1525
- opacity: 0;
1526
- -webkit-transform: translate3d(0, 100%, 0);
1527
- transform: translate3d(0, 100%, 0);
1528
- }
1529
- }
1530
- @-o-keyframes iziT-fadeOutDown {
1531
- from {
1532
- opacity: 1;
1533
- }
1534
- to {
1535
- opacity: 0;
1536
- -webkit-transform: translate3d(0, 100%, 0);
1537
- transform: translate3d(0, 100%, 0);
1538
- }
1539
- }
1540
- @keyframes iziT-fadeOutDown {
1541
- from {
1542
- opacity: 1;
1543
- }
1544
- to {
1545
- opacity: 0;
1546
- -webkit-transform: translate3d(0, 100%, 0);
1547
- transform: translate3d(0, 100%, 0);
1548
- }
1549
- }
1550
- @-moz-keyframes iziT-fadeOutUp {
1551
- from {
1552
- opacity: 1;
1553
- }
1554
- to {
1555
- opacity: 0;
1556
- -webkit-transform: translate3d(0, -100%, 0);
1557
- transform: translate3d(0, -100%, 0);
1558
- }
1559
- }
1560
- @-webkit-keyframes iziT-fadeOutUp {
1561
- from {
1562
- opacity: 1;
1563
- }
1564
- to {
1565
- opacity: 0;
1566
- -webkit-transform: translate3d(0, -100%, 0);
1567
- transform: translate3d(0, -100%, 0);
1568
- }
1569
- }
1570
- @-o-keyframes iziT-fadeOutUp {
1571
- from {
1572
- opacity: 1;
1573
- }
1574
- to {
1575
- opacity: 0;
1576
- -webkit-transform: translate3d(0, -100%, 0);
1577
- transform: translate3d(0, -100%, 0);
1578
- }
1579
- }
1580
- @keyframes iziT-fadeOutUp {
1581
- from {
1582
- opacity: 1;
1583
- }
1584
- to {
1585
- opacity: 0;
1586
- -webkit-transform: translate3d(0, -100%, 0);
1587
- transform: translate3d(0, -100%, 0);
1588
- }
1589
- }
1590
- @-moz-keyframes iziT-fadeOutLeft {
1591
- from {
1592
- opacity: 1;
1593
- }
1594
- to {
1595
- opacity: 0;
1596
- -webkit-transform: translate3d(-200px, 0, 0);
1597
- transform: translate3d(-200px, 0, 0);
1598
- }
1599
- }
1600
- @-webkit-keyframes iziT-fadeOutLeft {
1601
- from {
1602
- opacity: 1;
1603
- }
1604
- to {
1605
- opacity: 0;
1606
- -webkit-transform: translate3d(-200px, 0, 0);
1607
- transform: translate3d(-200px, 0, 0);
1608
- }
1609
- }
1610
- @-o-keyframes iziT-fadeOutLeft {
1611
- from {
1612
- opacity: 1;
1613
- }
1614
- to {
1615
- opacity: 0;
1616
- -webkit-transform: translate3d(-200px, 0, 0);
1617
- transform: translate3d(-200px, 0, 0);
1618
- }
1619
- }
1620
- @keyframes iziT-fadeOutLeft {
1621
- from {
1622
- opacity: 1;
1623
- }
1624
- to {
1625
- opacity: 0;
1626
- -webkit-transform: translate3d(-200px, 0, 0);
1627
- transform: translate3d(-200px, 0, 0);
1628
- }
1629
- }
1630
- @-moz-keyframes iziT-fadeOutRight {
1631
- from {
1632
- opacity: 1;
1633
- }
1634
- to {
1635
- opacity: 0;
1636
- -webkit-transform: translate3d(200px, 0, 0);
1637
- transform: translate3d(200px, 0, 0);
1638
- }
1639
- }
1640
- @-webkit-keyframes iziT-fadeOutRight {
1641
- from {
1642
- opacity: 1;
1643
- }
1644
- to {
1645
- opacity: 0;
1646
- -webkit-transform: translate3d(200px, 0, 0);
1647
- transform: translate3d(200px, 0, 0);
1648
- }
1649
- }
1650
- @-o-keyframes iziT-fadeOutRight {
1651
- from {
1652
- opacity: 1;
1653
- }
1654
- to {
1655
- opacity: 0;
1656
- -webkit-transform: translate3d(200px, 0, 0);
1657
- transform: translate3d(200px, 0, 0);
1658
- }
1659
- }
1660
- @keyframes iziT-fadeOutRight {
1661
- from {
1662
- opacity: 1;
1663
- }
1664
- to {
1665
- opacity: 0;
1666
- -webkit-transform: translate3d(200px, 0, 0);
1667
- transform: translate3d(200px, 0, 0);
1668
- }
1669
- }
1670
- @-moz-keyframes iziT-flipOutX {
1671
- from {
1672
- -webkit-transform: perspective(400px);
1673
- transform: perspective(400px);
1674
- }
1675
- 30% {
1676
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1677
- transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1678
- opacity: 1;
1679
- }
1680
- to {
1681
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1682
- transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1683
- opacity: 0;
1684
- }
1685
- }
1686
- @-webkit-keyframes iziT-flipOutX {
1687
- from {
1688
- -webkit-transform: perspective(400px);
1689
- transform: perspective(400px);
1690
- }
1691
- 30% {
1692
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1693
- transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1694
- opacity: 1;
1695
- }
1696
- to {
1697
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1698
- transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1699
- opacity: 0;
1700
- }
1701
- }
1702
- @-o-keyframes iziT-flipOutX {
1703
- from {
1704
- -webkit-transform: perspective(400px);
1705
- transform: perspective(400px);
1706
- }
1707
- 30% {
1708
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1709
- transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1710
- opacity: 1;
1711
- }
1712
- to {
1713
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1714
- transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1715
- opacity: 0;
1716
- }
1717
- }
1718
- @keyframes iziT-flipOutX {
1719
- from {
1720
- -webkit-transform: perspective(400px);
1721
- transform: perspective(400px);
1722
- }
1723
- 30% {
1724
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1725
- transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1726
- opacity: 1;
1727
- }
1728
- to {
1729
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1730
- transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1731
- opacity: 0;
1732
- }
1733
- }