PluginProbe
Elementor Website Builder – more than just a page builder / 3.1.0-beta1
Elementor Website Builder – more than just a page builder v3.1.0-beta1
4.3.0-beta3 4.3.0-beta2 4.3.0-beta1 4.2.4 4.2.3 4.2.2 4.2.1 4.2.0 4.1.5 4.2.0-beta2 4.2.0-dev2 4.2.0-beta1 4.1.4 4.1.3 4.1.2 4.1.1 4.1.0 4.1.0-beta3 4.1.0-dev3 4.0.9 4.1.0-beta2 4.1.0-dev2 4.0.8 4.1.0-beta1 4.1.0-dev1 All 452 releases
elementor / assets / css / app-base.css

app-base.css in Elementor Website Builder – more than just a page builder 3.1.0-beta1, at assets/css/app-base.css

873 lines 26.2 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /*! elementor - v3.0.15 - 29-12-2020 */
2 :root {
3 --color-box-shadow-color: rgba(0, 0, 0, 0.05); }
4
5 .eps-theme-dark {
6 --color-box-shadow-color: rgba(0, 0, 0, 0.1); }
7
8 .sr-only {
9 position: absolute;
10 width: 1px;
11 height: 1px;
12 padding: 0;
13 margin: -1px;
14 overflow: hidden;
15 clip: rect(0, 0, 0, 0);
16 white-space: nowrap;
17 border: 0; }
18
19 @media screen and (min-width: 480px) {
20 .text-start-sm {
21 text-align: start; } }
22
23 @media screen and (min-width: 480px) {
24 .text-center-sm {
25 text-align: center; } }
26
27 @media screen and (min-width: 480px) {
28 .text-end-sm {
29 text-align: end; } }
30
31 @media screen and (min-width: 768px) {
32 .text-start-md {
33 text-align: start; } }
34
35 @media screen and (min-width: 768px) {
36 .text-center-md {
37 text-align: center; } }
38
39 @media screen and (min-width: 768px) {
40 .text-end-md {
41 text-align: end; } }
42
43 @media screen and (min-width: 1025px) {
44 .text-start-lg {
45 text-align: start; } }
46
47 @media screen and (min-width: 1025px) {
48 .text-center-lg {
49 text-align: center; } }
50
51 @media screen and (min-width: 1025px) {
52 .text-end-lg {
53 text-align: end; } }
54
55 @media screen and (min-width: 1440px) {
56 .text-start-xl {
57 text-align: start; } }
58
59 @media screen and (min-width: 1440px) {
60 .text-center-xl {
61 text-align: center; } }
62
63 @media screen and (min-width: 1440px) {
64 .text-end-xl {
65 text-align: end; } }
66
67 @media screen and (min-width: 1600px) {
68 .text-start-xxl {
69 text-align: start; } }
70
71 @media screen and (min-width: 1600px) {
72 .text-center-xxl {
73 text-align: center; } }
74
75 @media screen and (min-width: 1600px) {
76 .text-end-xxl {
77 text-align: end; } }
78
79 @-webkit-keyframes eps-animation-pop {
80 from {
81 -webkit-transform: scale(0.75);
82 transform: scale(0.75);
83 opacity: 0; }
84 to {
85 -webkit-transform: scale(1);
86 transform: scale(1);
87 opacity: 1; } }
88
89 @keyframes eps-animation-pop {
90 from {
91 -webkit-transform: scale(0.75);
92 transform: scale(0.75);
93 opacity: 0; }
94 to {
95 -webkit-transform: scale(1);
96 transform: scale(1);
97 opacity: 1; } }
98
99 .eps-grid {
100 --grid-spacing-gutters: calc(2 * var(--grid-spacing-gutter));
101 --grid-spacing-width: calc(100% + var(--grid-spacing-gutters)); }
102
103 .eps-grid-container {
104 display: -webkit-box;
105 display: -ms-flexbox;
106 display: flex;
107 -ms-flex-wrap: wrap;
108 flex-wrap: wrap;
109 width: 100%; }
110 .eps-grid-container--no-wrap {
111 -ms-flex-wrap: nowrap;
112 flex-wrap: nowrap; }
113 .eps-grid-container--wrap-reverse {
114 -ms-flex-wrap: wrap-reverse;
115 flex-wrap: wrap-reverse; }
116 .eps-grid-container--spacing {
117 --grid-row-gutter: calc(var(--grid-spacing-gutter) * -0.0625rem);
118 width: var(--grid-spacing-width);
119 margin: var(--grid-row-gutter); }
120 .eps-grid-container--spacing > .eps-grid-item {
121 padding: calc(var(--grid-spacing-gutter) * 0.0625rem); }
122
123 .eps-grid--direction-row {
124 -webkit-box-orient: horizontal;
125 -webkit-box-direction: normal;
126 -ms-flex-direction: row;
127 flex-direction: row; }
128 .eps-grid--direction-row-reverse {
129 -webkit-box-orient: horizontal;
130 -webkit-box-direction: reverse;
131 -ms-flex-direction: row-reverse;
132 flex-direction: row-reverse; }
133
134 .eps-grid--direction-column {
135 -webkit-box-orient: vertical;
136 -webkit-box-direction: normal;
137 -ms-flex-direction: column;
138 flex-direction: column; }
139 .eps-grid--direction-column-reverse {
140 -webkit-box-orient: vertical;
141 -webkit-box-direction: reverse;
142 -ms-flex-direction: column-reverse;
143 flex-direction: column-reverse; }
144
145 .eps-grid--justify-stretch {
146 -webkit-box-pack: stretch;
147 -ms-flex-pack: stretch;
148 justify-content: stretch; }
149
150 .eps-grid--justify-start {
151 -webkit-box-pack: start;
152 -ms-flex-pack: start;
153 justify-content: flex-start; }
154
155 .eps-grid--justify-center {
156 -webkit-box-pack: center;
157 -ms-flex-pack: center;
158 justify-content: center; }
159
160 .eps-grid--justify-end {
161 -webkit-box-pack: end;
162 -ms-flex-pack: end;
163 justify-content: flex-end; }
164
165 .eps-grid--justify-space-between {
166 -webkit-box-pack: justify;
167 -ms-flex-pack: justify;
168 justify-content: space-between; }
169
170 .eps-grid--justify-space-around {
171 -ms-flex-pack: distribute;
172 justify-content: space-around; }
173
174 .eps-grid--justify-space-evenly {
175 -webkit-box-pack: space-evenly;
176 -ms-flex-pack: space-evenly;
177 justify-content: space-evenly; }
178
179 .eps-grid--align-content-stretch {
180 -ms-flex-line-pack: stretch;
181 align-content: stretch; }
182
183 .eps-grid--align-content-start {
184 -ms-flex-line-pack: start;
185 align-content: flex-start; }
186
187 .eps-grid--align-content-center {
188 -ms-flex-line-pack: center;
189 align-content: center; }
190
191 .eps-grid--align-content-end {
192 -ms-flex-line-pack: end;
193 align-content: flex-end; }
194
195 .eps-grid--align-content-space-between {
196 -ms-flex-line-pack: justify;
197 align-content: space-between; }
198
199 .eps-grid--align-items-start {
200 -webkit-box-align: start;
201 -ms-flex-align: start;
202 align-items: flex-start; }
203
204 .eps-grid--align-items-center {
205 -webkit-box-align: center;
206 -ms-flex-align: center;
207 align-items: center; }
208
209 .eps-grid--align-items-end {
210 -webkit-box-align: end;
211 -ms-flex-align: end;
212 align-items: flex-end; }
213
214 .eps-grid--align-items-baseline {
215 -webkit-box-align: baseline;
216 -ms-flex-align: baseline;
217 align-items: baseline; }
218
219 .eps-grid--align-items-stretch {
220 -webkit-box-align: stretch;
221 -ms-flex-align: stretch;
222 align-items: stretch; }
223
224 .eps-grid-item--zero-min-width {
225 min-width: 0; }
226
227 @media screen and (min-width: 480px) {
228 .eps-grid-item-sm {
229 -webkit-box-flex: 1;
230 -ms-flex-positive: 1;
231 flex-grow: 1;
232 max-width: 100%;
233 -ms-flex-preferred-size: 0;
234 flex-basis: 0; } }
235
236 @media screen and (min-width: 768px) {
237 .eps-grid-item-md {
238 -webkit-box-flex: 1;
239 -ms-flex-positive: 1;
240 flex-grow: 1;
241 max-width: 100%;
242 -ms-flex-preferred-size: 0;
243 flex-basis: 0; } }
244
245 @media screen and (min-width: 1025px) {
246 .eps-grid-item-lg {
247 -webkit-box-flex: 1;
248 -ms-flex-positive: 1;
249 flex-grow: 1;
250 max-width: 100%;
251 -ms-flex-preferred-size: 0;
252 flex-basis: 0; } }
253
254 @media screen and (min-width: 1440px) {
255 .eps-grid-item-xl {
256 -webkit-box-flex: 1;
257 -ms-flex-positive: 1;
258 flex-grow: 1;
259 max-width: 100%;
260 -ms-flex-preferred-size: 0;
261 flex-basis: 0; } }
262
263 @media screen and (min-width: 1600px) {
264 .eps-grid-item-xxl {
265 -webkit-box-flex: 1;
266 -ms-flex-positive: 1;
267 flex-grow: 1;
268 max-width: 100%;
269 -ms-flex-preferred-size: 0;
270 flex-basis: 0; } }
271
272 @media screen and (min-width: 480px) {
273 .eps-grid-item-sm-1 {
274 -webkit-box-flex: 0;
275 -ms-flex-positive: 0;
276 flex-grow: 0;
277 max-width: 8.3333333333%;
278 -ms-flex-preferred-size: 8.3333333333%;
279 flex-basis: 8.3333333333%; }
280 .eps-grid-item-sm-2 {
281 -webkit-box-flex: 0;
282 -ms-flex-positive: 0;
283 flex-grow: 0;
284 max-width: 16.6666666667%;
285 -ms-flex-preferred-size: 16.6666666667%;
286 flex-basis: 16.6666666667%; }
287 .eps-grid-item-sm-3 {
288 -webkit-box-flex: 0;
289 -ms-flex-positive: 0;
290 flex-grow: 0;
291 max-width: 25%;
292 -ms-flex-preferred-size: 25%;
293 flex-basis: 25%; }
294 .eps-grid-item-sm-4 {
295 -webkit-box-flex: 0;
296 -ms-flex-positive: 0;
297 flex-grow: 0;
298 max-width: 33.3333333333%;
299 -ms-flex-preferred-size: 33.3333333333%;
300 flex-basis: 33.3333333333%; }
301 .eps-grid-item-sm-5 {
302 -webkit-box-flex: 0;
303 -ms-flex-positive: 0;
304 flex-grow: 0;
305 max-width: 41.6666666667%;
306 -ms-flex-preferred-size: 41.6666666667%;
307 flex-basis: 41.6666666667%; }
308 .eps-grid-item-sm-6 {
309 -webkit-box-flex: 0;
310 -ms-flex-positive: 0;
311 flex-grow: 0;
312 max-width: 50%;
313 -ms-flex-preferred-size: 50%;
314 flex-basis: 50%; }
315 .eps-grid-item-sm-7 {
316 -webkit-box-flex: 0;
317 -ms-flex-positive: 0;
318 flex-grow: 0;
319 max-width: 58.3333333333%;
320 -ms-flex-preferred-size: 58.3333333333%;
321 flex-basis: 58.3333333333%; }
322 .eps-grid-item-sm-8 {
323 -webkit-box-flex: 0;
324 -ms-flex-positive: 0;
325 flex-grow: 0;
326 max-width: 66.6666666667%;
327 -ms-flex-preferred-size: 66.6666666667%;
328 flex-basis: 66.6666666667%; }
329 .eps-grid-item-sm-9 {
330 -webkit-box-flex: 0;
331 -ms-flex-positive: 0;
332 flex-grow: 0;
333 max-width: 75%;
334 -ms-flex-preferred-size: 75%;
335 flex-basis: 75%; }
336 .eps-grid-item-sm-10 {
337 -webkit-box-flex: 0;
338 -ms-flex-positive: 0;
339 flex-grow: 0;
340 max-width: 83.3333333333%;
341 -ms-flex-preferred-size: 83.3333333333%;
342 flex-basis: 83.3333333333%; }
343 .eps-grid-item-sm-11 {
344 -webkit-box-flex: 0;
345 -ms-flex-positive: 0;
346 flex-grow: 0;
347 max-width: 91.6666666667%;
348 -ms-flex-preferred-size: 91.6666666667%;
349 flex-basis: 91.6666666667%; }
350 .eps-grid-item-sm-12 {
351 -webkit-box-flex: 0;
352 -ms-flex-positive: 0;
353 flex-grow: 0;
354 max-width: 100%;
355 -ms-flex-preferred-size: 100%;
356 flex-basis: 100%; } }
357
358 @media screen and (min-width: 768px) {
359 .eps-grid-item-md-1 {
360 -webkit-box-flex: 0;
361 -ms-flex-positive: 0;
362 flex-grow: 0;
363 max-width: 8.3333333333%;
364 -ms-flex-preferred-size: 8.3333333333%;
365 flex-basis: 8.3333333333%; }
366 .eps-grid-item-md-2 {
367 -webkit-box-flex: 0;
368 -ms-flex-positive: 0;
369 flex-grow: 0;
370 max-width: 16.6666666667%;
371 -ms-flex-preferred-size: 16.6666666667%;
372 flex-basis: 16.6666666667%; }
373 .eps-grid-item-md-3 {
374 -webkit-box-flex: 0;
375 -ms-flex-positive: 0;
376 flex-grow: 0;
377 max-width: 25%;
378 -ms-flex-preferred-size: 25%;
379 flex-basis: 25%; }
380 .eps-grid-item-md-4 {
381 -webkit-box-flex: 0;
382 -ms-flex-positive: 0;
383 flex-grow: 0;
384 max-width: 33.3333333333%;
385 -ms-flex-preferred-size: 33.3333333333%;
386 flex-basis: 33.3333333333%; }
387 .eps-grid-item-md-5 {
388 -webkit-box-flex: 0;
389 -ms-flex-positive: 0;
390 flex-grow: 0;
391 max-width: 41.6666666667%;
392 -ms-flex-preferred-size: 41.6666666667%;
393 flex-basis: 41.6666666667%; }
394 .eps-grid-item-md-6 {
395 -webkit-box-flex: 0;
396 -ms-flex-positive: 0;
397 flex-grow: 0;
398 max-width: 50%;
399 -ms-flex-preferred-size: 50%;
400 flex-basis: 50%; }
401 .eps-grid-item-md-7 {
402 -webkit-box-flex: 0;
403 -ms-flex-positive: 0;
404 flex-grow: 0;
405 max-width: 58.3333333333%;
406 -ms-flex-preferred-size: 58.3333333333%;
407 flex-basis: 58.3333333333%; }
408 .eps-grid-item-md-8 {
409 -webkit-box-flex: 0;
410 -ms-flex-positive: 0;
411 flex-grow: 0;
412 max-width: 66.6666666667%;
413 -ms-flex-preferred-size: 66.6666666667%;
414 flex-basis: 66.6666666667%; }
415 .eps-grid-item-md-9 {
416 -webkit-box-flex: 0;
417 -ms-flex-positive: 0;
418 flex-grow: 0;
419 max-width: 75%;
420 -ms-flex-preferred-size: 75%;
421 flex-basis: 75%; }
422 .eps-grid-item-md-10 {
423 -webkit-box-flex: 0;
424 -ms-flex-positive: 0;
425 flex-grow: 0;
426 max-width: 83.3333333333%;
427 -ms-flex-preferred-size: 83.3333333333%;
428 flex-basis: 83.3333333333%; }
429 .eps-grid-item-md-11 {
430 -webkit-box-flex: 0;
431 -ms-flex-positive: 0;
432 flex-grow: 0;
433 max-width: 91.6666666667%;
434 -ms-flex-preferred-size: 91.6666666667%;
435 flex-basis: 91.6666666667%; }
436 .eps-grid-item-md-12 {
437 -webkit-box-flex: 0;
438 -ms-flex-positive: 0;
439 flex-grow: 0;
440 max-width: 100%;
441 -ms-flex-preferred-size: 100%;
442 flex-basis: 100%; } }
443
444 @media screen and (min-width: 1025px) {
445 .eps-grid-item-lg-1 {
446 -webkit-box-flex: 0;
447 -ms-flex-positive: 0;
448 flex-grow: 0;
449 max-width: 8.3333333333%;
450 -ms-flex-preferred-size: 8.3333333333%;
451 flex-basis: 8.3333333333%; }
452 .eps-grid-item-lg-2 {
453 -webkit-box-flex: 0;
454 -ms-flex-positive: 0;
455 flex-grow: 0;
456 max-width: 16.6666666667%;
457 -ms-flex-preferred-size: 16.6666666667%;
458 flex-basis: 16.6666666667%; }
459 .eps-grid-item-lg-3 {
460 -webkit-box-flex: 0;
461 -ms-flex-positive: 0;
462 flex-grow: 0;
463 max-width: 25%;
464 -ms-flex-preferred-size: 25%;
465 flex-basis: 25%; }
466 .eps-grid-item-lg-4 {
467 -webkit-box-flex: 0;
468 -ms-flex-positive: 0;
469 flex-grow: 0;
470 max-width: 33.3333333333%;
471 -ms-flex-preferred-size: 33.3333333333%;
472 flex-basis: 33.3333333333%; }
473 .eps-grid-item-lg-5 {
474 -webkit-box-flex: 0;
475 -ms-flex-positive: 0;
476 flex-grow: 0;
477 max-width: 41.6666666667%;
478 -ms-flex-preferred-size: 41.6666666667%;
479 flex-basis: 41.6666666667%; }
480 .eps-grid-item-lg-6 {
481 -webkit-box-flex: 0;
482 -ms-flex-positive: 0;
483 flex-grow: 0;
484 max-width: 50%;
485 -ms-flex-preferred-size: 50%;
486 flex-basis: 50%; }
487 .eps-grid-item-lg-7 {
488 -webkit-box-flex: 0;
489 -ms-flex-positive: 0;
490 flex-grow: 0;
491 max-width: 58.3333333333%;
492 -ms-flex-preferred-size: 58.3333333333%;
493 flex-basis: 58.3333333333%; }
494 .eps-grid-item-lg-8 {
495 -webkit-box-flex: 0;
496 -ms-flex-positive: 0;
497 flex-grow: 0;
498 max-width: 66.6666666667%;
499 -ms-flex-preferred-size: 66.6666666667%;
500 flex-basis: 66.6666666667%; }
501 .eps-grid-item-lg-9 {
502 -webkit-box-flex: 0;
503 -ms-flex-positive: 0;
504 flex-grow: 0;
505 max-width: 75%;
506 -ms-flex-preferred-size: 75%;
507 flex-basis: 75%; }
508 .eps-grid-item-lg-10 {
509 -webkit-box-flex: 0;
510 -ms-flex-positive: 0;
511 flex-grow: 0;
512 max-width: 83.3333333333%;
513 -ms-flex-preferred-size: 83.3333333333%;
514 flex-basis: 83.3333333333%; }
515 .eps-grid-item-lg-11 {
516 -webkit-box-flex: 0;
517 -ms-flex-positive: 0;
518 flex-grow: 0;
519 max-width: 91.6666666667%;
520 -ms-flex-preferred-size: 91.6666666667%;
521 flex-basis: 91.6666666667%; }
522 .eps-grid-item-lg-12 {
523 -webkit-box-flex: 0;
524 -ms-flex-positive: 0;
525 flex-grow: 0;
526 max-width: 100%;
527 -ms-flex-preferred-size: 100%;
528 flex-basis: 100%; } }
529
530 @media screen and (min-width: 1440px) {
531 .eps-grid-item-xl-1 {
532 -webkit-box-flex: 0;
533 -ms-flex-positive: 0;
534 flex-grow: 0;
535 max-width: 8.3333333333%;
536 -ms-flex-preferred-size: 8.3333333333%;
537 flex-basis: 8.3333333333%; }
538 .eps-grid-item-xl-2 {
539 -webkit-box-flex: 0;
540 -ms-flex-positive: 0;
541 flex-grow: 0;
542 max-width: 16.6666666667%;
543 -ms-flex-preferred-size: 16.6666666667%;
544 flex-basis: 16.6666666667%; }
545 .eps-grid-item-xl-3 {
546 -webkit-box-flex: 0;
547 -ms-flex-positive: 0;
548 flex-grow: 0;
549 max-width: 25%;
550 -ms-flex-preferred-size: 25%;
551 flex-basis: 25%; }
552 .eps-grid-item-xl-4 {
553 -webkit-box-flex: 0;
554 -ms-flex-positive: 0;
555 flex-grow: 0;
556 max-width: 33.3333333333%;
557 -ms-flex-preferred-size: 33.3333333333%;
558 flex-basis: 33.3333333333%; }
559 .eps-grid-item-xl-5 {
560 -webkit-box-flex: 0;
561 -ms-flex-positive: 0;
562 flex-grow: 0;
563 max-width: 41.6666666667%;
564 -ms-flex-preferred-size: 41.6666666667%;
565 flex-basis: 41.6666666667%; }
566 .eps-grid-item-xl-6 {
567 -webkit-box-flex: 0;
568 -ms-flex-positive: 0;
569 flex-grow: 0;
570 max-width: 50%;
571 -ms-flex-preferred-size: 50%;
572 flex-basis: 50%; }
573 .eps-grid-item-xl-7 {
574 -webkit-box-flex: 0;
575 -ms-flex-positive: 0;
576 flex-grow: 0;
577 max-width: 58.3333333333%;
578 -ms-flex-preferred-size: 58.3333333333%;
579 flex-basis: 58.3333333333%; }
580 .eps-grid-item-xl-8 {
581 -webkit-box-flex: 0;
582 -ms-flex-positive: 0;
583 flex-grow: 0;
584 max-width: 66.6666666667%;
585 -ms-flex-preferred-size: 66.6666666667%;
586 flex-basis: 66.6666666667%; }
587 .eps-grid-item-xl-9 {
588 -webkit-box-flex: 0;
589 -ms-flex-positive: 0;
590 flex-grow: 0;
591 max-width: 75%;
592 -ms-flex-preferred-size: 75%;
593 flex-basis: 75%; }
594 .eps-grid-item-xl-10 {
595 -webkit-box-flex: 0;
596 -ms-flex-positive: 0;
597 flex-grow: 0;
598 max-width: 83.3333333333%;
599 -ms-flex-preferred-size: 83.3333333333%;
600 flex-basis: 83.3333333333%; }
601 .eps-grid-item-xl-11 {
602 -webkit-box-flex: 0;
603 -ms-flex-positive: 0;
604 flex-grow: 0;
605 max-width: 91.6666666667%;
606 -ms-flex-preferred-size: 91.6666666667%;
607 flex-basis: 91.6666666667%; }
608 .eps-grid-item-xl-12 {
609 -webkit-box-flex: 0;
610 -ms-flex-positive: 0;
611 flex-grow: 0;
612 max-width: 100%;
613 -ms-flex-preferred-size: 100%;
614 flex-basis: 100%; } }
615
616 @media screen and (min-width: 1600px) {
617 .eps-grid-item-xxl-1 {
618 -webkit-box-flex: 0;
619 -ms-flex-positive: 0;
620 flex-grow: 0;
621 max-width: 8.3333333333%;
622 -ms-flex-preferred-size: 8.3333333333%;
623 flex-basis: 8.3333333333%; }
624 .eps-grid-item-xxl-2 {
625 -webkit-box-flex: 0;
626 -ms-flex-positive: 0;
627 flex-grow: 0;
628 max-width: 16.6666666667%;
629 -ms-flex-preferred-size: 16.6666666667%;
630 flex-basis: 16.6666666667%; }
631 .eps-grid-item-xxl-3 {
632 -webkit-box-flex: 0;
633 -ms-flex-positive: 0;
634 flex-grow: 0;
635 max-width: 25%;
636 -ms-flex-preferred-size: 25%;
637 flex-basis: 25%; }
638 .eps-grid-item-xxl-4 {
639 -webkit-box-flex: 0;
640 -ms-flex-positive: 0;
641 flex-grow: 0;
642 max-width: 33.3333333333%;
643 -ms-flex-preferred-size: 33.3333333333%;
644 flex-basis: 33.3333333333%; }
645 .eps-grid-item-xxl-5 {
646 -webkit-box-flex: 0;
647 -ms-flex-positive: 0;
648 flex-grow: 0;
649 max-width: 41.6666666667%;
650 -ms-flex-preferred-size: 41.6666666667%;
651 flex-basis: 41.6666666667%; }
652 .eps-grid-item-xxl-6 {
653 -webkit-box-flex: 0;
654 -ms-flex-positive: 0;
655 flex-grow: 0;
656 max-width: 50%;
657 -ms-flex-preferred-size: 50%;
658 flex-basis: 50%; }
659 .eps-grid-item-xxl-7 {
660 -webkit-box-flex: 0;
661 -ms-flex-positive: 0;
662 flex-grow: 0;
663 max-width: 58.3333333333%;
664 -ms-flex-preferred-size: 58.3333333333%;
665 flex-basis: 58.3333333333%; }
666 .eps-grid-item-xxl-8 {
667 -webkit-box-flex: 0;
668 -ms-flex-positive: 0;
669 flex-grow: 0;
670 max-width: 66.6666666667%;
671 -ms-flex-preferred-size: 66.6666666667%;
672 flex-basis: 66.6666666667%; }
673 .eps-grid-item-xxl-9 {
674 -webkit-box-flex: 0;
675 -ms-flex-positive: 0;
676 flex-grow: 0;
677 max-width: 75%;
678 -ms-flex-preferred-size: 75%;
679 flex-basis: 75%; }
680 .eps-grid-item-xxl-10 {
681 -webkit-box-flex: 0;
682 -ms-flex-positive: 0;
683 flex-grow: 0;
684 max-width: 83.3333333333%;
685 -ms-flex-preferred-size: 83.3333333333%;
686 flex-basis: 83.3333333333%; }
687 .eps-grid-item-xxl-11 {
688 -webkit-box-flex: 0;
689 -ms-flex-positive: 0;
690 flex-grow: 0;
691 max-width: 91.6666666667%;
692 -ms-flex-preferred-size: 91.6666666667%;
693 flex-basis: 91.6666666667%; }
694 .eps-grid-item-xxl-12 {
695 -webkit-box-flex: 0;
696 -ms-flex-positive: 0;
697 flex-grow: 0;
698 max-width: 100%;
699 -ms-flex-preferred-size: 100%;
700 flex-basis: 100%; } }
701
702 :root {
703 --eps-modal-background-color: #fff;
704 --eps-modal-header-background-color: #58d0f5; }
705
706 .eps-theme-dark {
707 --eps-modal-background-color: #34383c;
708 --eps-modal-header-background-color: #58d0f5; }
709
710 /** ----------------------------------------------------------------
711 EPS Modal
712 ---------------------------------------------------------------- */
713 .eps-modal {
714 max-width: 43.75rem;
715 background: var(--eps-modal-background-color);
716 -webkit-border-radius: 0.1875rem;
717 border-radius: 0.1875rem;
718 -webkit-animation: eps-animation-pop 0.15s cubic-bezier(0.57, 0.53, 0.71, 1.47) forwards;
719 animation: eps-animation-pop 0.15s cubic-bezier(0.57, 0.53, 0.71, 1.47) forwards;
720 overflow: hidden; }
721 .eps-modal__overlay {
722 background: rgba(0, 0, 0, 0.5);
723 position: fixed;
724 display: -webkit-box;
725 display: -ms-flexbox;
726 display: flex;
727 top: 0;
728 left: 0;
729 width: 100%;
730 height: 100%;
731 -webkit-box-align: center;
732 -ms-flex-align: center;
733 align-items: center;
734 -webkit-box-pack: center;
735 -ms-flex-pack: center;
736 justify-content: center;
737 z-index: 1030; }
738 .eps-modal__header {
739 font-size: 0.875rem;
740 background: var(--eps-modal-header-background-color);
741 color: #fff;
742 height: 2.75rem;
743 padding: 0.625rem 1rem; }
744 .eps-modal__icon {
745 -webkit-margin-end: 0.625rem;
746 margin-inline-end: 0.625rem; }
747 .eps-modal__body {
748 padding: 1.875rem; }
749 .eps-modal__tip, .eps-modal .eps-tip {
750 -webkit-padding-start: 0.75rem;
751 padding-inline-start: 0.75rem;
752 -webkit-border-start: 3px solid #58d0f5;
753 border-inline-start: 3px solid #58d0f5; }
754 .eps-modal__tip:not(:last-child), .eps-modal .eps-tip:not(:last-child) {
755 margin-bottom: 1.875rem; }
756 .eps-modal__tip:not(:first-child), .eps-modal .eps-tip:not(:first-child) {
757 margin-top: 1.875rem; }
758 .eps-modal__close-wrapper {
759 -webkit-padding-start: 1rem;
760 padding-inline-start: 1rem;
761 -webkit-border-start: solid 1px #fff;
762 border-inline-start: solid 1px #fff; }
763
764 .eps-button {
765 display: -webkit-inline-box;
766 display: -ms-inline-flexbox;
767 display: inline-flex;
768 --button-line-height: 16px;
769 --button-padding-y: 0.5em;
770 --button-padding-x: 1.5em;
771 --button-primary-background-color: #39b54a;
772 --button-primary-hover-background-color: #33a242;
773 --button-primary-active-background-color: #35a945;
774 --button-primary-color: #fff;
775 --button-secondary-background-color: #c2cbd2;
776 --button-secondary-hover-background-color: #b3bec7;
777 --button-secondary-active-background-color: #b9c3cc;
778 --button-secondary-color: #fff;
779 --button-danger-background-color: #b01b1b;
780 --button-danger-hover-background-color: #9a1818;
781 --button-danger-active-background-color: #a31919;
782 --button-danger-color: #fff;
783 --button-cta-background-color: #93003F;
784 --button-cta-hover-background-color: #7a0034;
785 --button-cta-active-background-color: #840038;
786 --button-cta-color: #fff;
787 --button-link-background-color: #58d0f5;
788 --button-link-hover-background-color: #40c9f4;
789 --button-link-active-background-color: #4accf4;
790 --button-link-color: #fff;
791 --button-disabled-background-color: #c2cbd2;
792 --button-disabled-hover-background-color: #b3bec7;
793 --button-disabled-active-background-color: #b9c3cc;
794 --button-disabled-color: #fff;
795 color: var(--button-background-color, currentColor);
796 font-size: var(--button-font-size, inherit);
797 font-weight: 500;
798 line-height: var(--button-line-height);
799 cursor: pointer; }
800 .eps-button:active {
801 --button-background-color: var(--button-active-background-color, transparent); }
802 .eps-button:hover {
803 --button-background-color: var(--button-hover-background-color); }
804 .eps-theme-dark .eps-button {
805 --button-primary-background-color: #39b54a;
806 --button-primary-color: #fff;
807 --button-primary-hover-background-color: #33a242;
808 --button-primary-active-background-color: #35a945;
809 --button-secondary-background-color: #64666a;
810 --button-secondary-color: #fff;
811 --button-secondary-hover-background-color: #58595d;
812 --button-secondary-active-background-color: #5d5e62;
813 --button-cta-background-color: #93003F;
814 --button-cta-hover-background-color: #7a0034;
815 --button-cta-active-background-color: #840038;
816 --button-cta-color: #fff;
817 --button-link-background-color: #58d0f5;
818 --button-link-hover-background-color: #40c9f4;
819 --button-link-active-background-color: #4accf4;
820 --button-link-color: #fff;
821 --button-disabled-background-color: #64666a;
822 --button-disabled-hover-background-color: #58595d;
823 --button-disabled-active-background-color: #5d5e62;
824 --button-disabled-color: #fff; }
825 .eps-button--contained {
826 color: var(--button-color);
827 padding: var(--button-padding-y) var(--button-padding-x);
828 background-color: var(--button-background-color, transparent); }
829 .eps-button--contained:hover {
830 color: var(--button-color); }
831 .eps-button--contained, .eps-button--outlined {
832 -webkit-border-radius: 0.1875rem;
833 border-radius: 0.1875rem; }
834 .eps-button--underlined {
835 text-decoration: underline; }
836 .eps-button--sm {
837 --button-font-size: 0.75rem;
838 --button-line-height: 14px; }
839 .eps-button--lg {
840 --button-font-size: 0.9375rem;
841 --button-line-height: 18px; }
842 .eps-button--primary {
843 --button-color: var(--button-primary-color);
844 --button-background-color: var(--button-primary-background-color);
845 --button-hover-background-color: var(--button-primary-hover-background-color);
846 --button-active-background-color: var(--button-primary-active-background-color); }
847 .eps-button--secondary {
848 --button-color: var(--buton-secondary-color);
849 --button-background-color: var(--button-secondary-background-color);
850 --button-hover-background-color: var(--button-secondary-hover-background-color);
851 --button-active-background-color: var(--button-secondary-active-background-color); }
852 .eps-button--danger {
853 --button-color: var(--buton-danger-color);
854 --button-background-color: var(--button-danger-background-color);
855 --button-hover-background-color: var(--button-danger-hover-background-color);
856 --button-active-background-color: var(--button-danger-active-background-color); }
857 .eps-button--cta {
858 --button-color: var(--button-cta-color);
859 --button-background-color: var(--button-cta-background-color);
860 --button-hover-background-color: var(--button-cta-hover-background-color);
861 --button-active-background-color: var(--button-cta-active-background-color); }
862 .eps-button--link {
863 --button-color: var(--button-link-color);
864 --button-background-color: var(--button-link-background-color);
865 --button-hover-background-color: var(--button-link-hover-background-color);
866 --button-active-background-color: var(--button-link-active-background-color); }
867 .eps-button--disabled, .eps-button[disabled] {
868 --button-color: var(--button-disabled-color);
869 --button-background-color: var(--button-disabled-background-color);
870 --button-hover-background-color: var(--button-disabled-hover-background-color);
871 --button-active-background-color: var(--button-disabled-active-background-color);
872 cursor: default; }
873 /*# sourceMappingURL=app-base.css.map */