1 |
|
2 | .next-sr-only {
|
3 | position: absolute;
|
4 | width: 1px;
|
5 | height: 1px;
|
6 | padding: 0;
|
7 | overflow: hidden;
|
8 | clip: rect(0, 0, 0, 0);
|
9 | white-space: nowrap;
|
10 | border: 0;
|
11 | top: 0;
|
12 | margin: -1px; }
|
13 |
|
14 | .next-message {
|
15 | box-sizing: border-box;
|
16 | position: relative;
|
17 | display: block;
|
18 | vertical-align: baseline;
|
19 | animation-duration: 300ms;
|
20 | animation-duration: var(--motion-duration-standard, 300ms);
|
21 | animation-timing-function: ease-in-out;
|
22 | animation-timing-function: var(--motion-ease-in-out, ease-in-out); }
|
23 | .next-message *,
|
24 | .next-message *:before,
|
25 | .next-message *:after {
|
26 | box-sizing: border-box; }
|
27 | .next-message:after {
|
28 | visibility: hidden;
|
29 | display: block;
|
30 | height: 0;
|
31 | font-size: 0;
|
32 | content: '\0020';
|
33 | clear: both; }
|
34 | .next-message .next-message-close {
|
35 | color: #999999;
|
36 | color: var(--message-close-icon-color, #999999);
|
37 | font-size: 0;
|
38 | position: absolute;
|
39 | cursor: pointer; }
|
40 | .next-message .next-message-close .next-icon-close {
|
41 | width: 12px;
|
42 | width: var(--message-close-icon-size, 12px);
|
43 | height: 12px;
|
44 | height: var(--message-close-icon-size, 12px);
|
45 | line-height: 1em; }
|
46 | .next-message .next-message-close .next-icon-close:before {
|
47 | width: 12px;
|
48 | width: var(--message-close-icon-size, 12px);
|
49 | height: 12px;
|
50 | height: var(--message-close-icon-size, 12px);
|
51 | font-size: 12px;
|
52 | font-size: var(--message-close-icon-size, 12px);
|
53 | line-height: 1em; }
|
54 | .next-message .next-message-close:hover {
|
55 | color: #666666;
|
56 | color: var(--message-hover-close-icon-color, #666666); }
|
57 | .next-message.next-message-success.next-inline {
|
58 | background-color: #E4FDDA;
|
59 | background-color: var(--message-success-color-bg-inline, #E4FDDA);
|
60 | border-color: #E4FDDA;
|
61 | border-color: var(--message-success-color-border-inline, #E4FDDA);
|
62 | box-shadow: none;
|
63 | border-style: solid;
|
64 | border-style: var(--message-border-style, solid); }
|
65 | .next-message.next-message-success.next-inline .next-message-title {
|
66 | color: #333333;
|
67 | color: var(--message-success-color-title-inline, #333333); }
|
68 | .next-message.next-message-success.next-inline .next-message-content {
|
69 | color: #666666;
|
70 | color: var(--message-success-color-content-inline, #666666); }
|
71 | .next-message.next-message-success.next-inline .next-message-symbol {
|
72 | color: #46BC15;
|
73 | color: var(--message-success-color-icon-inline, #46BC15); }
|
74 | .next-message.next-message-success.next-inline .next-message-symbol-icon::before {
|
75 | content: "";
|
76 | content: var(--message-success-icon-content, ""); }
|
77 | .next-message.next-message-success.next-addon {
|
78 | background-color: transparent;
|
79 | border-color: transparent;
|
80 | box-shadow: none;
|
81 | border-style: solid;
|
82 | border-style: var(--message-border-style-toast, solid); }
|
83 | .next-message.next-message-success.next-addon .next-message-title {
|
84 | color: #333333;
|
85 | color: var(--message-success-color-title-addon, #333333); }
|
86 | .next-message.next-message-success.next-addon .next-message-content {
|
87 | color: #666666;
|
88 | color: var(--message-success-color-content-addon, #666666); }
|
89 | .next-message.next-message-success.next-addon .next-message-symbol {
|
90 | color: #46BC15;
|
91 | color: var(--message-success-color-icon-addon, #46BC15); }
|
92 | .next-message.next-message-success.next-addon .next-message-symbol-icon::before {
|
93 | content: "";
|
94 | content: var(--message-success-icon-content, ""); }
|
95 | .next-message.next-message-success.next-toast {
|
96 | background-color: #FFFFFF;
|
97 | background-color: var(--message-success-color-bg-toast, #FFFFFF);
|
98 | border-color: #FFFFFF;
|
99 | border-color: var(--message-success-color-border-toast, #FFFFFF);
|
100 | box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
|
101 | box-shadow: var(--message-shadow-toast, 0px 2px 4px 0px rgba(0, 0, 0, 0.12));
|
102 | border-style: solid;
|
103 | border-style: var(--message-border-style-toast, solid); }
|
104 | .next-message.next-message-success.next-toast .next-message-title {
|
105 | color: #333333;
|
106 | color: var(--message-success-color-title-toast, #333333); }
|
107 | .next-message.next-message-success.next-toast .next-message-content {
|
108 | color: #666666;
|
109 | color: var(--message-success-color-content-toast, #666666); }
|
110 | .next-message.next-message-success.next-toast .next-message-symbol {
|
111 | color: #46BC15;
|
112 | color: var(--message-success-color-icon-toast, #46BC15); }
|
113 | .next-message.next-message-success.next-toast .next-message-symbol-icon::before {
|
114 | content: "";
|
115 | content: var(--message-success-icon-content, ""); }
|
116 | .next-message.next-message-warning.next-inline {
|
117 | background-color: #FFF3E0;
|
118 | background-color: var(--message-warning-color-bg-inline, #FFF3E0);
|
119 | border-color: #FFF3E0;
|
120 | border-color: var(--message-warning-color-border-inline, #FFF3E0);
|
121 | box-shadow: none;
|
122 | border-style: solid;
|
123 | border-style: var(--message-border-style, solid); }
|
124 | .next-message.next-message-warning.next-inline .next-message-title {
|
125 | color: #333333;
|
126 | color: var(--message-warning-color-title-inline, #333333); }
|
127 | .next-message.next-message-warning.next-inline .next-message-content {
|
128 | color: #666666;
|
129 | color: var(--message-warning-color-content-inline, #666666); }
|
130 | .next-message.next-message-warning.next-inline .next-message-symbol {
|
131 | color: #FF9300;
|
132 | color: var(--message-warning-color-icon-inline, #FF9300); }
|
133 | .next-message.next-message-warning.next-inline .next-message-symbol-icon::before {
|
134 | content: "";
|
135 | content: var(--message-warning-icon-content, ""); }
|
136 | .next-message.next-message-warning.next-addon {
|
137 | background-color: transparent;
|
138 | border-color: transparent;
|
139 | box-shadow: none;
|
140 | border-style: solid;
|
141 | border-style: var(--message-border-style-toast, solid); }
|
142 | .next-message.next-message-warning.next-addon .next-message-title {
|
143 | color: #333333;
|
144 | color: var(--message-warning-color-title-addon, #333333); }
|
145 | .next-message.next-message-warning.next-addon .next-message-content {
|
146 | color: #666666;
|
147 | color: var(--message-warning-color-content-addon, #666666); }
|
148 | .next-message.next-message-warning.next-addon .next-message-symbol {
|
149 | color: #FF9300;
|
150 | color: var(--message-warning-color-icon-addon, #FF9300); }
|
151 | .next-message.next-message-warning.next-addon .next-message-symbol-icon::before {
|
152 | content: "";
|
153 | content: var(--message-warning-icon-content, ""); }
|
154 | .next-message.next-message-warning.next-toast {
|
155 | background-color: #FFFFFF;
|
156 | background-color: var(--message-warning-color-bg-toast, #FFFFFF);
|
157 | border-color: #FFFFFF;
|
158 | border-color: var(--message-warning-color-border-toast, #FFFFFF);
|
159 | box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
|
160 | box-shadow: var(--message-shadow-toast, 0px 2px 4px 0px rgba(0, 0, 0, 0.12));
|
161 | border-style: solid;
|
162 | border-style: var(--message-border-style-toast, solid); }
|
163 | .next-message.next-message-warning.next-toast .next-message-title {
|
164 | color: #333333;
|
165 | color: var(--message-warning-color-title-toast, #333333); }
|
166 | .next-message.next-message-warning.next-toast .next-message-content {
|
167 | color: #666666;
|
168 | color: var(--message-warning-color-content-toast, #666666); }
|
169 | .next-message.next-message-warning.next-toast .next-message-symbol {
|
170 | color: #FF9300;
|
171 | color: var(--message-warning-color-icon-toast, #FF9300); }
|
172 | .next-message.next-message-warning.next-toast .next-message-symbol-icon::before {
|
173 | content: "";
|
174 | content: var(--message-warning-icon-content, ""); }
|
175 | .next-message.next-message-error.next-inline {
|
176 | background-color: #FFECE4;
|
177 | background-color: var(--message-error-color-bg-inline, #FFECE4);
|
178 | border-color: #FFECE4;
|
179 | border-color: var(--message-error-color-border-inline, #FFECE4);
|
180 | box-shadow: none;
|
181 | border-style: solid;
|
182 | border-style: var(--message-border-style, solid); }
|
183 | .next-message.next-message-error.next-inline .next-message-title {
|
184 | color: #333333;
|
185 | color: var(--message-error-color-title-inline, #333333); }
|
186 | .next-message.next-message-error.next-inline .next-message-content {
|
187 | color: #666666;
|
188 | color: var(--message-error-color-content-inline, #666666); }
|
189 | .next-message.next-message-error.next-inline .next-message-symbol {
|
190 | color: #FF3000;
|
191 | color: var(--message-error-color-icon-inline, #FF3000); }
|
192 | .next-message.next-message-error.next-inline .next-message-symbol-icon::before {
|
193 | content: "";
|
194 | content: var(--message-error-icon-content, ""); }
|
195 | .next-message.next-message-error.next-addon {
|
196 | background-color: transparent;
|
197 | border-color: transparent;
|
198 | box-shadow: none;
|
199 | border-style: solid;
|
200 | border-style: var(--message-border-style-toast, solid); }
|
201 | .next-message.next-message-error.next-addon .next-message-title {
|
202 | color: #333333;
|
203 | color: var(--message-error-color-title-addon, #333333); }
|
204 | .next-message.next-message-error.next-addon .next-message-content {
|
205 | color: #666666;
|
206 | color: var(--message-error-color-content-addon, #666666); }
|
207 | .next-message.next-message-error.next-addon .next-message-symbol {
|
208 | color: #FF3000;
|
209 | color: var(--message-error-color-icon-addon, #FF3000); }
|
210 | .next-message.next-message-error.next-addon .next-message-symbol-icon::before {
|
211 | content: "";
|
212 | content: var(--message-error-icon-content, ""); }
|
213 | .next-message.next-message-error.next-toast {
|
214 | background-color: #FFFFFF;
|
215 | background-color: var(--message-error-color-bg-toast, #FFFFFF);
|
216 | border-color: #FFFFFF;
|
217 | border-color: var(--message-error-color-border-toast, #FFFFFF);
|
218 | box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
|
219 | box-shadow: var(--message-shadow-toast, 0px 2px 4px 0px rgba(0, 0, 0, 0.12));
|
220 | border-style: solid;
|
221 | border-style: var(--message-border-style-toast, solid); }
|
222 | .next-message.next-message-error.next-toast .next-message-title {
|
223 | color: #333333;
|
224 | color: var(--message-error-color-title-toast, #333333); }
|
225 | .next-message.next-message-error.next-toast .next-message-content {
|
226 | color: #666666;
|
227 | color: var(--message-error-color-content-toast, #666666); }
|
228 | .next-message.next-message-error.next-toast .next-message-symbol {
|
229 | color: #FF3000;
|
230 | color: var(--message-error-color-icon-toast, #FF3000); }
|
231 | .next-message.next-message-error.next-toast .next-message-symbol-icon::before {
|
232 | content: "";
|
233 | content: var(--message-error-icon-content, ""); }
|
234 | .next-message.next-message-notice.next-inline {
|
235 | background-color: #E3F2FD;
|
236 | background-color: var(--message-notice-color-bg-inline, #E3F2FD);
|
237 | border-color: #E3F2FD;
|
238 | border-color: var(--message-notice-color-border-inline, #E3F2FD);
|
239 | box-shadow: none;
|
240 | border-style: solid;
|
241 | border-style: var(--message-border-style, solid); }
|
242 | .next-message.next-message-notice.next-inline .next-message-title {
|
243 | color: #333333;
|
244 | color: var(--message-notice-color-title-inline, #333333); }
|
245 | .next-message.next-message-notice.next-inline .next-message-content {
|
246 | color: #666666;
|
247 | color: var(--message-notice-color-content-inline, #666666); }
|
248 | .next-message.next-message-notice.next-inline .next-message-symbol {
|
249 | color: #4494F9;
|
250 | color: var(--message-notice-color-icon-inline, #4494F9); }
|
251 | .next-message.next-message-notice.next-inline .next-message-symbol-icon::before {
|
252 | content: "";
|
253 | content: var(--message-notice-icon-content, ""); }
|
254 | .next-message.next-message-notice.next-addon {
|
255 | background-color: transparent;
|
256 | border-color: transparent;
|
257 | box-shadow: none;
|
258 | border-style: solid;
|
259 | border-style: var(--message-border-style-toast, solid); }
|
260 | .next-message.next-message-notice.next-addon .next-message-title {
|
261 | color: #333333;
|
262 | color: var(--message-notice-color-title-addon, #333333); }
|
263 | .next-message.next-message-notice.next-addon .next-message-content {
|
264 | color: #666666;
|
265 | color: var(--message-notice-color-content-addon, #666666); }
|
266 | .next-message.next-message-notice.next-addon .next-message-symbol {
|
267 | color: #4494F9;
|
268 | color: var(--message-notice-color-icon-addon, #4494F9); }
|
269 | .next-message.next-message-notice.next-addon .next-message-symbol-icon::before {
|
270 | content: "";
|
271 | content: var(--message-notice-icon-content, ""); }
|
272 | .next-message.next-message-notice.next-toast {
|
273 | background-color: #FFFFFF;
|
274 | background-color: var(--message-notice-color-bg-toast, #FFFFFF);
|
275 | border-color: #FFFFFF;
|
276 | border-color: var(--message-notice-color-border-toast, #FFFFFF);
|
277 | box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
|
278 | box-shadow: var(--message-shadow-toast, 0px 2px 4px 0px rgba(0, 0, 0, 0.12));
|
279 | border-style: solid;
|
280 | border-style: var(--message-border-style-toast, solid); }
|
281 | .next-message.next-message-notice.next-toast .next-message-title {
|
282 | color: #333333;
|
283 | color: var(--message-notice-color-title-toast, #333333); }
|
284 | .next-message.next-message-notice.next-toast .next-message-content {
|
285 | color: #666666;
|
286 | color: var(--message-notice-color-content-toast, #666666); }
|
287 | .next-message.next-message-notice.next-toast .next-message-symbol {
|
288 | color: #4494F9;
|
289 | color: var(--message-notice-color-icon-toast, #4494F9); }
|
290 | .next-message.next-message-notice.next-toast .next-message-symbol-icon::before {
|
291 | content: "";
|
292 | content: var(--message-notice-icon-content, ""); }
|
293 | .next-message.next-message-help.next-inline {
|
294 | background-color: #E3FFF8;
|
295 | background-color: var(--message-help-color-bg-inline, #E3FFF8);
|
296 | border-color: #E3FFF8;
|
297 | border-color: var(--message-help-color-border-inline, #E3FFF8);
|
298 | box-shadow: none;
|
299 | border-style: solid;
|
300 | border-style: var(--message-border-style, solid); }
|
301 | .next-message.next-message-help.next-inline .next-message-title {
|
302 | color: #333333;
|
303 | color: var(--message-help-color-title-inline, #333333); }
|
304 | .next-message.next-message-help.next-inline .next-message-content {
|
305 | color: #666666;
|
306 | color: var(--message-help-color-content-inline, #666666); }
|
307 | .next-message.next-message-help.next-inline .next-message-symbol {
|
308 | color: #01C1B2;
|
309 | color: var(--message-help-color-icon-inline, #01C1B2); }
|
310 | .next-message.next-message-help.next-inline .next-message-symbol-icon::before {
|
311 | content: "";
|
312 | content: var(--message-help-icon-content, ""); }
|
313 | .next-message.next-message-help.next-addon {
|
314 | background-color: transparent;
|
315 | border-color: transparent;
|
316 | box-shadow: none;
|
317 | border-style: solid;
|
318 | border-style: var(--message-border-style-toast, solid); }
|
319 | .next-message.next-message-help.next-addon .next-message-title {
|
320 | color: #333333;
|
321 | color: var(--message-help-color-title-addon, #333333); }
|
322 | .next-message.next-message-help.next-addon .next-message-content {
|
323 | color: #666666;
|
324 | color: var(--message-help-color-content-addon, #666666); }
|
325 | .next-message.next-message-help.next-addon .next-message-symbol {
|
326 | color: #01C1B2;
|
327 | color: var(--message-help-color-icon-addon, #01C1B2); }
|
328 | .next-message.next-message-help.next-addon .next-message-symbol-icon::before {
|
329 | content: "";
|
330 | content: var(--message-help-icon-content, ""); }
|
331 | .next-message.next-message-help.next-toast {
|
332 | background-color: #FFFFFF;
|
333 | background-color: var(--message-help-color-bg-toast, #FFFFFF);
|
334 | border-color: #FFFFFF;
|
335 | border-color: var(--message-help-color-border-toast, #FFFFFF);
|
336 | box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
|
337 | box-shadow: var(--message-shadow-toast, 0px 2px 4px 0px rgba(0, 0, 0, 0.12));
|
338 | border-style: solid;
|
339 | border-style: var(--message-border-style-toast, solid); }
|
340 | .next-message.next-message-help.next-toast .next-message-title {
|
341 | color: #333333;
|
342 | color: var(--message-help-color-title-toast, #333333); }
|
343 | .next-message.next-message-help.next-toast .next-message-content {
|
344 | color: #666666;
|
345 | color: var(--message-help-color-content-toast, #666666); }
|
346 | .next-message.next-message-help.next-toast .next-message-symbol {
|
347 | color: #01C1B2;
|
348 | color: var(--message-help-color-icon-toast, #01C1B2); }
|
349 | .next-message.next-message-help.next-toast .next-message-symbol-icon::before {
|
350 | content: "";
|
351 | content: var(--message-help-icon-content, ""); }
|
352 | .next-message.next-message-loading.next-inline {
|
353 | background-color: #FFFFFF;
|
354 | background-color: var(--message-loading-color-bg-inline, #FFFFFF);
|
355 | border-color: #FFFFFF;
|
356 | border-color: var(--message-loading-color-border-inline, #FFFFFF);
|
357 | box-shadow: none;
|
358 | border-style: solid;
|
359 | border-style: var(--message-border-style, solid); }
|
360 | .next-message.next-message-loading.next-inline .next-message-title {
|
361 | color: #333333;
|
362 | color: var(--message-loading-color-title-inline, #333333); }
|
363 | .next-message.next-message-loading.next-inline .next-message-content {
|
364 | color: #666666;
|
365 | color: var(--message-loading-color-content-inline, #666666); }
|
366 | .next-message.next-message-loading.next-inline .next-message-symbol {
|
367 | color: #5584FF;
|
368 | color: var(--message-loading-color-icon-inline, #5584FF); }
|
369 | .next-message.next-message-loading.next-inline .next-message-symbol-icon::before {
|
370 | content: "";
|
371 | content: var(--message-loading-icon-content, "");
|
372 | animation: loadingCircle 1s infinite linear; }
|
373 | .next-message.next-message-loading.next-addon {
|
374 | background-color: transparent;
|
375 | border-color: transparent;
|
376 | box-shadow: none;
|
377 | border-style: solid;
|
378 | border-style: var(--message-border-style-toast, solid); }
|
379 | .next-message.next-message-loading.next-addon .next-message-title {
|
380 | color: #333333;
|
381 | color: var(--message-loading-color-title-addon, #333333); }
|
382 | .next-message.next-message-loading.next-addon .next-message-content {
|
383 | color: #666666;
|
384 | color: var(--message-loading-color-content-addon, #666666); }
|
385 | .next-message.next-message-loading.next-addon .next-message-symbol {
|
386 | color: #5584FF;
|
387 | color: var(--message-loading-color-icon-addon, #5584FF); }
|
388 | .next-message.next-message-loading.next-addon .next-message-symbol-icon::before {
|
389 | content: "";
|
390 | content: var(--message-loading-icon-content, "");
|
391 | animation: loadingCircle 1s infinite linear; }
|
392 | .next-message.next-message-loading.next-toast {
|
393 | background-color: #FFFFFF;
|
394 | background-color: var(--message-loading-color-bg-toast, #FFFFFF);
|
395 | border-color: #FFFFFF;
|
396 | border-color: var(--message-loading-color-border-toast, #FFFFFF);
|
397 | box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
|
398 | box-shadow: var(--message-shadow-toast, 0px 2px 4px 0px rgba(0, 0, 0, 0.12));
|
399 | border-style: solid;
|
400 | border-style: var(--message-border-style-toast, solid); }
|
401 | .next-message.next-message-loading.next-toast .next-message-title {
|
402 | color: #333333;
|
403 | color: var(--message-loading-color-title-toast, #333333); }
|
404 | .next-message.next-message-loading.next-toast .next-message-content {
|
405 | color: #666666;
|
406 | color: var(--message-loading-color-content-toast, #666666); }
|
407 | .next-message.next-message-loading.next-toast .next-message-symbol {
|
408 | color: #5584FF;
|
409 | color: var(--message-loading-color-icon-toast, #5584FF); }
|
410 | .next-message.next-message-loading.next-toast .next-message-symbol-icon::before {
|
411 | content: "";
|
412 | content: var(--message-loading-icon-content, "");
|
413 | animation: loadingCircle 1s infinite linear; }
|
414 | .next-message.next-medium {
|
415 | border-width: 1px;
|
416 | border-width: var(--message-size-m-border-width, 1px);
|
417 | padding: 12px;
|
418 | padding: var(--message-size-m-padding, 12px); }
|
419 | .next-message.next-medium .next-message-symbol {
|
420 | float: left;
|
421 | line-height: 16px;
|
422 | line-height: var(--message-size-m-icon, 16px); }
|
423 | .next-message.next-medium .next-message-symbol:before,
|
424 | .next-message.next-medium .next-message-symbol .next-icon-remote {
|
425 | width: 16px;
|
426 | width: var(--message-size-m-icon, 16px);
|
427 | font-size: 16px;
|
428 | font-size: var(--message-size-m-icon, 16px);
|
429 | line-height: inherit; }
|
430 | .next-message.next-medium .next-message-title {
|
431 | padding: 0 20px 0 24px;
|
432 | padding: var(--message-size-m-title-content-padding, 0 20px 0 24px);
|
433 | font-size: 16px;
|
434 | font-size: var(--message-size-m-title-font, 16px);
|
435 | line-height: 16px;
|
436 | line-height: var(--message-size-m-title-font, 16px); }
|
437 | .next-message.next-medium .next-message-content {
|
438 | margin-top: 8px;
|
439 | margin-top: var(--message-size-m-content-margin-top, 8px);
|
440 | padding: 0 20px 0 24px;
|
441 | padding: var(--message-size-m-title-content-padding, 0 20px 0 24px);
|
442 | font-size: 12px;
|
443 | font-size: var(--message-size-m-content-font, 12px);
|
444 | line-height: 1.5;
|
445 | line-height: var(--font-lineheight-2, 1.5); }
|
446 | .next-message.next-medium .next-message-symbol + .next-message-content {
|
447 | margin-top: 0; }
|
448 | .next-message.next-medium.next-title-content .next-message-title {
|
449 | line-height: 16px;
|
450 | line-height: var(--message-size-m-icon, 16px); }
|
451 | .next-message.next-medium.next-only-content .next-message-content {
|
452 | line-height: 16px;
|
453 | line-height: var(--message-size-m-icon, 16px); }
|
454 | .next-message.next-medium .next-message-close {
|
455 | top: 12px;
|
456 | top: var(--message-size-m-close-top, 12px);
|
457 | right: 12px;
|
458 | right: var(--message-size-m-close-right, 12px); }
|
459 | .next-message.next-medium.next-inline {
|
460 | border-radius: 3px;
|
461 | border-radius: var(--message-size-m-border-radius, 3px); }
|
462 | .next-message.next-medium.next-toast {
|
463 | border-radius: 3px;
|
464 | border-radius: var(--message-size-m-border-radius-toast, 3px); }
|
465 | .next-message.next-large {
|
466 | border-width: 2px;
|
467 | border-width: var(--message-size-l-border-width, 2px);
|
468 | padding: 16px;
|
469 | padding: var(--message-size-l-padding, 16px); }
|
470 | .next-message.next-large .next-message-symbol {
|
471 | float: left;
|
472 | line-height: 24px;
|
473 | line-height: var(--message-size-l-icon, 24px); }
|
474 | .next-message.next-large .next-message-symbol:before,
|
475 | .next-message.next-large .next-message-symbol .next-icon-remote {
|
476 | width: 24px;
|
477 | width: var(--message-size-l-icon, 24px);
|
478 | font-size: 24px;
|
479 | font-size: var(--message-size-l-icon, 24px);
|
480 | line-height: inherit; }
|
481 | .next-message.next-large .next-message-title {
|
482 | padding: 0 20px 0 36px;
|
483 | padding: var(--message-size-l-title-content-padding, 0 20px 0 36px);
|
484 | font-size: 20px;
|
485 | font-size: var(--message-size-l-title-font, 20px);
|
486 | line-height: 20px;
|
487 | line-height: var(--message-size-l-title-font, 20px); }
|
488 | .next-message.next-large .next-message-content {
|
489 | margin-top: 8px;
|
490 | margin-top: var(--message-size-l-content-margin-top, 8px);
|
491 | padding: 0 20px 0 36px;
|
492 | padding: var(--message-size-l-title-content-padding, 0 20px 0 36px);
|
493 | font-size: 12px;
|
494 | font-size: var(--message-size-l-content-font, 12px);
|
495 | line-height: 1.5;
|
496 | line-height: var(--font-lineheight-2, 1.5); }
|
497 | .next-message.next-large .next-message-symbol + .next-message-content {
|
498 | margin-top: 0; }
|
499 | .next-message.next-large.next-title-content .next-message-title {
|
500 | line-height: 24px;
|
501 | line-height: var(--message-size-l-icon, 24px); }
|
502 | .next-message.next-large.next-only-content .next-message-content {
|
503 | line-height: 24px;
|
504 | line-height: var(--message-size-l-icon, 24px); }
|
505 | .next-message.next-large .next-message-close {
|
506 | top: 16px;
|
507 | top: var(--message-size-l-close-top, 16px);
|
508 | right: 16px;
|
509 | right: var(--message-size-l-close-right, 16px); }
|
510 | .next-message.next-large.next-inline {
|
511 | border-radius: 3px;
|
512 | border-radius: var(--message-size-l-border-radius, 3px); }
|
513 | .next-message.next-large.next-toast {
|
514 | border-radius: 3px;
|
515 | border-radius: var(--message-size-l-border-radius-toast, 3px); }
|
516 |
|
517 | .next-message[dir="rtl"] .next-message-symbol {
|
518 | float: right; }
|
519 |
|
520 | .next-message[dir="rtl"].next-medium .next-message-title {
|
521 | padding: 0 24px 0 20px;
|
522 | padding: 0 calc(var(--message-size-m-title-content-padding-left, 8px) + var(--message-size-m-icon, 16px)) 0 var(--message-size-m-title-content-padding-right, 20px); }
|
523 |
|
524 | .next-message[dir="rtl"].next-medium .next-message-close {
|
525 | left: 12px;
|
526 | left: var(--message-size-m-close-right, 12px);
|
527 | right: auto; }
|
528 |
|
529 | .next-message[dir="rtl"].next-large .next-message-title {
|
530 | padding: 0 36px 0 20px;
|
531 | padding: 0 calc(var(--message-size-l-title-content-padding-left, 12px) + var(--message-size-l-icon, 24px)) 0 var(--message-size-l-title-content-padding-right, 20px); }
|
532 |
|
533 | .next-message[dir="rtl"].next-large .next-message-close {
|
534 | left: 16px;
|
535 | left: var(--message-size-l-close-right, 16px);
|
536 | right: auto; }
|
537 |
|
538 | .next-message-wrapper-v2 {
|
539 | margin: 0;
|
540 | padding: 0;
|
541 | position: fixed;
|
542 | left: 0;
|
543 | z-index: 1001;
|
544 | width: 100%;
|
545 | pointer-events: none; }
|
546 |
|
547 | .next-message-list {
|
548 | padding: 8px;
|
549 | text-align: center; }
|
550 | .next-message-list .next-message {
|
551 | display: inline-block;
|
552 | pointer-events: all; }
|
553 |
|
554 | .next-message-fade-leave {
|
555 | animation-duration: 300ms;
|
556 | animation-play-state: paused;
|
557 | animation-fill-mode: both;
|
558 | animation-timing-function: ease; }
|
559 |
|
560 | .next-message-fade-leave.next-message-fade-leave-active {
|
561 | animation-name: MessageFadeOut;
|
562 | animation-play-state: running; }
|
563 |
|
564 | @keyframes MessageFadeOut {
|
565 | 0% {
|
566 | max-height: 150px;
|
567 | margin-bottom: 16px;
|
568 | opacity: 1; }
|
569 | 100% {
|
570 | max-height: 0;
|
571 | margin-bottom: 0;
|
572 | padding-top: 0;
|
573 | padding-bottom: 0;
|
574 | opacity: 0; } }
|