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.4 4.3.3 4.3.2 4.3.1 4.3.0 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 All 457 releases
← All changes | assets/css/app.css +2474 -3253 4.2.1 → 3.1.0-beta1 View file →
@@ -1,12 +1,11 @@
1 +/*! elementor - v3.0.15 - 29-12-2020 */
1 2 @import "//fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";
2 3 :root {
3 - --color-box-shadow-color: rgba(0, 0, 0, 0.05);
4 -}
4 + --color-box-shadow-color: rgba(0, 0, 0, 0.05); }
5 5
6 6 .eps-theme-dark {
7 - --color-box-shadow-color: rgba(0, 0, 0, 0.1);
8 -}
7 + --color-box-shadow-color: rgba(0, 0, 0, 0.1); }
9 8
10 9 .sr-only {
11 10 position: absolute;
12 11 width: 1px;
@@ -15,398 +14,981 @@
15 14 margin: -1px;
16 15 overflow: hidden;
17 16 clip: rect(0, 0, 0, 0);
18 17 white-space: nowrap;
19 - border: 0;
20 -}
18 + border: 0; }
21 19
22 20 @media screen and (min-width: 480px) {
23 21 .text-start-sm {
24 - text-align: start;
25 - }
26 -}
22 + text-align: start; } }
23 +
27 24 @media screen and (min-width: 480px) {
28 25 .text-center-sm {
29 - text-align: center;
30 - }
31 -}
26 + text-align: center; } }
27 +
32 28 @media screen and (min-width: 480px) {
33 29 .text-end-sm {
34 - text-align: end;
35 - }
36 -}
30 + text-align: end; } }
31 +
37 32 @media screen and (min-width: 768px) {
38 33 .text-start-md {
39 - text-align: start;
40 - }
41 -}
34 + text-align: start; } }
35 +
42 36 @media screen and (min-width: 768px) {
43 37 .text-center-md {
44 - text-align: center;
45 - }
46 -}
38 + text-align: center; } }
39 +
47 40 @media screen and (min-width: 768px) {
48 41 .text-end-md {
49 - text-align: end;
50 - }
51 -}
42 + text-align: end; } }
43 +
52 44 @media screen and (min-width: 1025px) {
53 45 .text-start-lg {
54 - text-align: start;
55 - }
56 -}
46 + text-align: start; } }
47 +
57 48 @media screen and (min-width: 1025px) {
58 49 .text-center-lg {
59 - text-align: center;
60 - }
61 -}
50 + text-align: center; } }
51 +
62 52 @media screen and (min-width: 1025px) {
63 53 .text-end-lg {
64 - text-align: end;
65 - }
66 -}
54 + text-align: end; } }
55 +
67 56 @media screen and (min-width: 1440px) {
68 57 .text-start-xl {
69 - text-align: start;
70 - }
71 -}
58 + text-align: start; } }
59 +
72 60 @media screen and (min-width: 1440px) {
73 61 .text-center-xl {
74 - text-align: center;
75 - }
76 -}
62 + text-align: center; } }
63 +
77 64 @media screen and (min-width: 1440px) {
78 65 .text-end-xl {
79 - text-align: end;
80 - }
81 -}
66 + text-align: end; } }
67 +
82 68 @media screen and (min-width: 1600px) {
83 69 .text-start-xxl {
84 - text-align: start;
85 - }
86 -}
70 + text-align: start; } }
71 +
87 72 @media screen and (min-width: 1600px) {
88 73 .text-center-xxl {
89 - text-align: center;
90 - }
91 -}
74 + text-align: center; } }
75 +
92 76 @media screen and (min-width: 1600px) {
93 77 .text-end-xxl {
94 - text-align: end;
95 - }
96 -}
78 + text-align: end; } }
79 +
80 +@-webkit-keyframes eps-animation-pop {
81 + from {
82 + -webkit-transform: scale(0.75);
83 + transform: scale(0.75);
84 + opacity: 0; }
85 + to {
86 + -webkit-transform: scale(1);
87 + transform: scale(1);
88 + opacity: 1; } }
89 +
97 90 @keyframes eps-animation-pop {
98 91 from {
99 - transform: scale(0.75);
100 - opacity: 0;
101 - }
92 + -webkit-transform: scale(0.75);
93 + transform: scale(0.75);
94 + opacity: 0; }
102 95 to {
103 - transform: scale(1);
104 - opacity: 1;
105 - }
106 -}
107 -/**
108 -TODO: The molecules, atoms and such generics should be at top level, so the styles will be not depended on the order.
109 -EG: '../../../app/assets/styles/generic'.
110 -Auto-import is designed for CSS that not dependent on the loading order.
111 - */
96 + -webkit-transform: scale(1);
97 + transform: scale(1);
98 + opacity: 1; } }
99 +
100 +.eps-grid {
101 + --grid-spacing-gutters: calc(2 * var(--grid-spacing-gutter));
102 + --grid-spacing-width: calc(100% + var(--grid-spacing-gutters)); }
103 +
104 +.eps-grid-container {
105 + display: -webkit-box;
106 + display: -ms-flexbox;
107 + display: flex;
108 + -ms-flex-wrap: wrap;
109 + flex-wrap: wrap;
110 + width: 100%; }
111 + .eps-grid-container--no-wrap {
112 + -ms-flex-wrap: nowrap;
113 + flex-wrap: nowrap; }
114 + .eps-grid-container--wrap-reverse {
115 + -ms-flex-wrap: wrap-reverse;
116 + flex-wrap: wrap-reverse; }
117 + .eps-grid-container--spacing {
118 + --grid-row-gutter: calc(var(--grid-spacing-gutter) * -0.0625rem);
119 + width: var(--grid-spacing-width);
120 + margin: var(--grid-row-gutter); }
121 + .eps-grid-container--spacing > .eps-grid-item {
122 + padding: calc(var(--grid-spacing-gutter) * 0.0625rem); }
123 +
124 +.eps-grid--direction-row {
125 + -webkit-box-orient: horizontal;
126 + -webkit-box-direction: normal;
127 + -ms-flex-direction: row;
128 + flex-direction: row; }
129 + .eps-grid--direction-row-reverse {
130 + -webkit-box-orient: horizontal;
131 + -webkit-box-direction: reverse;
132 + -ms-flex-direction: row-reverse;
133 + flex-direction: row-reverse; }
134 +
135 +.eps-grid--direction-column {
136 + -webkit-box-orient: vertical;
137 + -webkit-box-direction: normal;
138 + -ms-flex-direction: column;
139 + flex-direction: column; }
140 + .eps-grid--direction-column-reverse {
141 + -webkit-box-orient: vertical;
142 + -webkit-box-direction: reverse;
143 + -ms-flex-direction: column-reverse;
144 + flex-direction: column-reverse; }
145 +
146 +.eps-grid--justify-stretch {
147 + -webkit-box-pack: stretch;
148 + -ms-flex-pack: stretch;
149 + justify-content: stretch; }
150 +
151 +.eps-grid--justify-start {
152 + -webkit-box-pack: start;
153 + -ms-flex-pack: start;
154 + justify-content: flex-start; }
155 +
156 +.eps-grid--justify-center {
157 + -webkit-box-pack: center;
158 + -ms-flex-pack: center;
159 + justify-content: center; }
160 +
161 +.eps-grid--justify-end {
162 + -webkit-box-pack: end;
163 + -ms-flex-pack: end;
164 + justify-content: flex-end; }
165 +
166 +.eps-grid--justify-space-between {
167 + -webkit-box-pack: justify;
168 + -ms-flex-pack: justify;
169 + justify-content: space-between; }
170 +
171 +.eps-grid--justify-space-around {
172 + -ms-flex-pack: distribute;
173 + justify-content: space-around; }
174 +
175 +.eps-grid--justify-space-evenly {
176 + -webkit-box-pack: space-evenly;
177 + -ms-flex-pack: space-evenly;
178 + justify-content: space-evenly; }
179 +
180 +.eps-grid--align-content-stretch {
181 + -ms-flex-line-pack: stretch;
182 + align-content: stretch; }
183 +
184 +.eps-grid--align-content-start {
185 + -ms-flex-line-pack: start;
186 + align-content: flex-start; }
187 +
188 +.eps-grid--align-content-center {
189 + -ms-flex-line-pack: center;
190 + align-content: center; }
191 +
192 +.eps-grid--align-content-end {
193 + -ms-flex-line-pack: end;
194 + align-content: flex-end; }
195 +
196 +.eps-grid--align-content-space-between {
197 + -ms-flex-line-pack: justify;
198 + align-content: space-between; }
199 +
200 +.eps-grid--align-items-start {
201 + -webkit-box-align: start;
202 + -ms-flex-align: start;
203 + align-items: flex-start; }
204 +
205 +.eps-grid--align-items-center {
206 + -webkit-box-align: center;
207 + -ms-flex-align: center;
208 + align-items: center; }
209 +
210 +.eps-grid--align-items-end {
211 + -webkit-box-align: end;
212 + -ms-flex-align: end;
213 + align-items: flex-end; }
214 +
215 +.eps-grid--align-items-baseline {
216 + -webkit-box-align: baseline;
217 + -ms-flex-align: baseline;
218 + align-items: baseline; }
219 +
220 +.eps-grid--align-items-stretch {
221 + -webkit-box-align: stretch;
222 + -ms-flex-align: stretch;
223 + align-items: stretch; }
224 +
225 +.eps-grid-item--zero-min-width {
226 + min-width: 0; }
227 +
228 +@media screen and (min-width: 480px) {
229 + .eps-grid-item-sm {
230 + -webkit-box-flex: 1;
231 + -ms-flex-positive: 1;
232 + flex-grow: 1;
233 + max-width: 100%;
234 + -ms-flex-preferred-size: 0;
235 + flex-basis: 0; } }
236 +
237 +@media screen and (min-width: 768px) {
238 + .eps-grid-item-md {
239 + -webkit-box-flex: 1;
240 + -ms-flex-positive: 1;
241 + flex-grow: 1;
242 + max-width: 100%;
243 + -ms-flex-preferred-size: 0;
244 + flex-basis: 0; } }
245 +
246 +@media screen and (min-width: 1025px) {
247 + .eps-grid-item-lg {
248 + -webkit-box-flex: 1;
249 + -ms-flex-positive: 1;
250 + flex-grow: 1;
251 + max-width: 100%;
252 + -ms-flex-preferred-size: 0;
253 + flex-basis: 0; } }
254 +
255 +@media screen and (min-width: 1440px) {
256 + .eps-grid-item-xl {
257 + -webkit-box-flex: 1;
258 + -ms-flex-positive: 1;
259 + flex-grow: 1;
260 + max-width: 100%;
261 + -ms-flex-preferred-size: 0;
262 + flex-basis: 0; } }
263 +
264 +@media screen and (min-width: 1600px) {
265 + .eps-grid-item-xxl {
266 + -webkit-box-flex: 1;
267 + -ms-flex-positive: 1;
268 + flex-grow: 1;
269 + max-width: 100%;
270 + -ms-flex-preferred-size: 0;
271 + flex-basis: 0; } }
272 +
273 +@media screen and (min-width: 480px) {
274 + .eps-grid-item-sm-1 {
275 + -webkit-box-flex: 0;
276 + -ms-flex-positive: 0;
277 + flex-grow: 0;
278 + max-width: 8.3333333333%;
279 + -ms-flex-preferred-size: 8.3333333333%;
280 + flex-basis: 8.3333333333%; }
281 + .eps-grid-item-sm-2 {
282 + -webkit-box-flex: 0;
283 + -ms-flex-positive: 0;
284 + flex-grow: 0;
285 + max-width: 16.6666666667%;
286 + -ms-flex-preferred-size: 16.6666666667%;
287 + flex-basis: 16.6666666667%; }
288 + .eps-grid-item-sm-3 {
289 + -webkit-box-flex: 0;
290 + -ms-flex-positive: 0;
291 + flex-grow: 0;
292 + max-width: 25%;
293 + -ms-flex-preferred-size: 25%;
294 + flex-basis: 25%; }
295 + .eps-grid-item-sm-4 {
296 + -webkit-box-flex: 0;
297 + -ms-flex-positive: 0;
298 + flex-grow: 0;
299 + max-width: 33.3333333333%;
300 + -ms-flex-preferred-size: 33.3333333333%;
301 + flex-basis: 33.3333333333%; }
302 + .eps-grid-item-sm-5 {
303 + -webkit-box-flex: 0;
304 + -ms-flex-positive: 0;
305 + flex-grow: 0;
306 + max-width: 41.6666666667%;
307 + -ms-flex-preferred-size: 41.6666666667%;
308 + flex-basis: 41.6666666667%; }
309 + .eps-grid-item-sm-6 {
310 + -webkit-box-flex: 0;
311 + -ms-flex-positive: 0;
312 + flex-grow: 0;
313 + max-width: 50%;
314 + -ms-flex-preferred-size: 50%;
315 + flex-basis: 50%; }
316 + .eps-grid-item-sm-7 {
317 + -webkit-box-flex: 0;
318 + -ms-flex-positive: 0;
319 + flex-grow: 0;
320 + max-width: 58.3333333333%;
321 + -ms-flex-preferred-size: 58.3333333333%;
322 + flex-basis: 58.3333333333%; }
323 + .eps-grid-item-sm-8 {
324 + -webkit-box-flex: 0;
325 + -ms-flex-positive: 0;
326 + flex-grow: 0;
327 + max-width: 66.6666666667%;
328 + -ms-flex-preferred-size: 66.6666666667%;
329 + flex-basis: 66.6666666667%; }
330 + .eps-grid-item-sm-9 {
331 + -webkit-box-flex: 0;
332 + -ms-flex-positive: 0;
333 + flex-grow: 0;
334 + max-width: 75%;
335 + -ms-flex-preferred-size: 75%;
336 + flex-basis: 75%; }
337 + .eps-grid-item-sm-10 {
338 + -webkit-box-flex: 0;
339 + -ms-flex-positive: 0;
340 + flex-grow: 0;
341 + max-width: 83.3333333333%;
342 + -ms-flex-preferred-size: 83.3333333333%;
343 + flex-basis: 83.3333333333%; }
344 + .eps-grid-item-sm-11 {
345 + -webkit-box-flex: 0;
346 + -ms-flex-positive: 0;
347 + flex-grow: 0;
348 + max-width: 91.6666666667%;
349 + -ms-flex-preferred-size: 91.6666666667%;
350 + flex-basis: 91.6666666667%; }
351 + .eps-grid-item-sm-12 {
352 + -webkit-box-flex: 0;
353 + -ms-flex-positive: 0;
354 + flex-grow: 0;
355 + max-width: 100%;
356 + -ms-flex-preferred-size: 100%;
357 + flex-basis: 100%; } }
358 +
359 +@media screen and (min-width: 768px) {
360 + .eps-grid-item-md-1 {
361 + -webkit-box-flex: 0;
362 + -ms-flex-positive: 0;
363 + flex-grow: 0;
364 + max-width: 8.3333333333%;
365 + -ms-flex-preferred-size: 8.3333333333%;
366 + flex-basis: 8.3333333333%; }
367 + .eps-grid-item-md-2 {
368 + -webkit-box-flex: 0;
369 + -ms-flex-positive: 0;
370 + flex-grow: 0;
371 + max-width: 16.6666666667%;
372 + -ms-flex-preferred-size: 16.6666666667%;
373 + flex-basis: 16.6666666667%; }
374 + .eps-grid-item-md-3 {
375 + -webkit-box-flex: 0;
376 + -ms-flex-positive: 0;
377 + flex-grow: 0;
378 + max-width: 25%;
379 + -ms-flex-preferred-size: 25%;
380 + flex-basis: 25%; }
381 + .eps-grid-item-md-4 {
382 + -webkit-box-flex: 0;
383 + -ms-flex-positive: 0;
384 + flex-grow: 0;
385 + max-width: 33.3333333333%;
386 + -ms-flex-preferred-size: 33.3333333333%;
387 + flex-basis: 33.3333333333%; }
388 + .eps-grid-item-md-5 {
389 + -webkit-box-flex: 0;
390 + -ms-flex-positive: 0;
391 + flex-grow: 0;
392 + max-width: 41.6666666667%;
393 + -ms-flex-preferred-size: 41.6666666667%;
394 + flex-basis: 41.6666666667%; }
395 + .eps-grid-item-md-6 {
396 + -webkit-box-flex: 0;
397 + -ms-flex-positive: 0;
398 + flex-grow: 0;
399 + max-width: 50%;
400 + -ms-flex-preferred-size: 50%;
401 + flex-basis: 50%; }
402 + .eps-grid-item-md-7 {
403 + -webkit-box-flex: 0;
404 + -ms-flex-positive: 0;
405 + flex-grow: 0;
406 + max-width: 58.3333333333%;
407 + -ms-flex-preferred-size: 58.3333333333%;
408 + flex-basis: 58.3333333333%; }
409 + .eps-grid-item-md-8 {
410 + -webkit-box-flex: 0;
411 + -ms-flex-positive: 0;
412 + flex-grow: 0;
413 + max-width: 66.6666666667%;
414 + -ms-flex-preferred-size: 66.6666666667%;
415 + flex-basis: 66.6666666667%; }
416 + .eps-grid-item-md-9 {
417 + -webkit-box-flex: 0;
418 + -ms-flex-positive: 0;
419 + flex-grow: 0;
420 + max-width: 75%;
421 + -ms-flex-preferred-size: 75%;
422 + flex-basis: 75%; }
423 + .eps-grid-item-md-10 {
424 + -webkit-box-flex: 0;
425 + -ms-flex-positive: 0;
426 + flex-grow: 0;
427 + max-width: 83.3333333333%;
428 + -ms-flex-preferred-size: 83.3333333333%;
429 + flex-basis: 83.3333333333%; }
430 + .eps-grid-item-md-11 {
431 + -webkit-box-flex: 0;
432 + -ms-flex-positive: 0;
433 + flex-grow: 0;
434 + max-width: 91.6666666667%;
435 + -ms-flex-preferred-size: 91.6666666667%;
436 + flex-basis: 91.6666666667%; }
437 + .eps-grid-item-md-12 {
438 + -webkit-box-flex: 0;
439 + -ms-flex-positive: 0;
440 + flex-grow: 0;
441 + max-width: 100%;
442 + -ms-flex-preferred-size: 100%;
443 + flex-basis: 100%; } }
444 +
445 +@media screen and (min-width: 1025px) {
446 + .eps-grid-item-lg-1 {
447 + -webkit-box-flex: 0;
448 + -ms-flex-positive: 0;
449 + flex-grow: 0;
450 + max-width: 8.3333333333%;
451 + -ms-flex-preferred-size: 8.3333333333%;
452 + flex-basis: 8.3333333333%; }
453 + .eps-grid-item-lg-2 {
454 + -webkit-box-flex: 0;
455 + -ms-flex-positive: 0;
456 + flex-grow: 0;
457 + max-width: 16.6666666667%;
458 + -ms-flex-preferred-size: 16.6666666667%;
459 + flex-basis: 16.6666666667%; }
460 + .eps-grid-item-lg-3 {
461 + -webkit-box-flex: 0;
462 + -ms-flex-positive: 0;
463 + flex-grow: 0;
464 + max-width: 25%;
465 + -ms-flex-preferred-size: 25%;
466 + flex-basis: 25%; }
467 + .eps-grid-item-lg-4 {
468 + -webkit-box-flex: 0;
469 + -ms-flex-positive: 0;
470 + flex-grow: 0;
471 + max-width: 33.3333333333%;
472 + -ms-flex-preferred-size: 33.3333333333%;
473 + flex-basis: 33.3333333333%; }
474 + .eps-grid-item-lg-5 {
475 + -webkit-box-flex: 0;
476 + -ms-flex-positive: 0;
477 + flex-grow: 0;
478 + max-width: 41.6666666667%;
479 + -ms-flex-preferred-size: 41.6666666667%;
480 + flex-basis: 41.6666666667%; }
481 + .eps-grid-item-lg-6 {
482 + -webkit-box-flex: 0;
483 + -ms-flex-positive: 0;
484 + flex-grow: 0;
485 + max-width: 50%;
486 + -ms-flex-preferred-size: 50%;
487 + flex-basis: 50%; }
488 + .eps-grid-item-lg-7 {
489 + -webkit-box-flex: 0;
490 + -ms-flex-positive: 0;
491 + flex-grow: 0;
492 + max-width: 58.3333333333%;
493 + -ms-flex-preferred-size: 58.3333333333%;
494 + flex-basis: 58.3333333333%; }
495 + .eps-grid-item-lg-8 {
496 + -webkit-box-flex: 0;
497 + -ms-flex-positive: 0;
498 + flex-grow: 0;
499 + max-width: 66.6666666667%;
500 + -ms-flex-preferred-size: 66.6666666667%;
501 + flex-basis: 66.6666666667%; }
502 + .eps-grid-item-lg-9 {
503 + -webkit-box-flex: 0;
504 + -ms-flex-positive: 0;
505 + flex-grow: 0;
506 + max-width: 75%;
507 + -ms-flex-preferred-size: 75%;
508 + flex-basis: 75%; }
509 + .eps-grid-item-lg-10 {
510 + -webkit-box-flex: 0;
511 + -ms-flex-positive: 0;
512 + flex-grow: 0;
513 + max-width: 83.3333333333%;
514 + -ms-flex-preferred-size: 83.3333333333%;
515 + flex-basis: 83.3333333333%; }
516 + .eps-grid-item-lg-11 {
517 + -webkit-box-flex: 0;
518 + -ms-flex-positive: 0;
519 + flex-grow: 0;
520 + max-width: 91.6666666667%;
521 + -ms-flex-preferred-size: 91.6666666667%;
522 + flex-basis: 91.6666666667%; }
523 + .eps-grid-item-lg-12 {
524 + -webkit-box-flex: 0;
525 + -ms-flex-positive: 0;
526 + flex-grow: 0;
527 + max-width: 100%;
528 + -ms-flex-preferred-size: 100%;
529 + flex-basis: 100%; } }
530 +
531 +@media screen and (min-width: 1440px) {
532 + .eps-grid-item-xl-1 {
533 + -webkit-box-flex: 0;
534 + -ms-flex-positive: 0;
535 + flex-grow: 0;
536 + max-width: 8.3333333333%;
537 + -ms-flex-preferred-size: 8.3333333333%;
538 + flex-basis: 8.3333333333%; }
539 + .eps-grid-item-xl-2 {
540 + -webkit-box-flex: 0;
541 + -ms-flex-positive: 0;
542 + flex-grow: 0;
543 + max-width: 16.6666666667%;
544 + -ms-flex-preferred-size: 16.6666666667%;
545 + flex-basis: 16.6666666667%; }
546 + .eps-grid-item-xl-3 {
547 + -webkit-box-flex: 0;
548 + -ms-flex-positive: 0;
549 + flex-grow: 0;
550 + max-width: 25%;
551 + -ms-flex-preferred-size: 25%;
552 + flex-basis: 25%; }
553 + .eps-grid-item-xl-4 {
554 + -webkit-box-flex: 0;
555 + -ms-flex-positive: 0;
556 + flex-grow: 0;
557 + max-width: 33.3333333333%;
558 + -ms-flex-preferred-size: 33.3333333333%;
559 + flex-basis: 33.3333333333%; }
560 + .eps-grid-item-xl-5 {
561 + -webkit-box-flex: 0;
562 + -ms-flex-positive: 0;
563 + flex-grow: 0;
564 + max-width: 41.6666666667%;
565 + -ms-flex-preferred-size: 41.6666666667%;
566 + flex-basis: 41.6666666667%; }
567 + .eps-grid-item-xl-6 {
568 + -webkit-box-flex: 0;
569 + -ms-flex-positive: 0;
570 + flex-grow: 0;
571 + max-width: 50%;
572 + -ms-flex-preferred-size: 50%;
573 + flex-basis: 50%; }
574 + .eps-grid-item-xl-7 {
575 + -webkit-box-flex: 0;
576 + -ms-flex-positive: 0;
577 + flex-grow: 0;
578 + max-width: 58.3333333333%;
579 + -ms-flex-preferred-size: 58.3333333333%;
580 + flex-basis: 58.3333333333%; }
581 + .eps-grid-item-xl-8 {
582 + -webkit-box-flex: 0;
583 + -ms-flex-positive: 0;
584 + flex-grow: 0;
585 + max-width: 66.6666666667%;
586 + -ms-flex-preferred-size: 66.6666666667%;
587 + flex-basis: 66.6666666667%; }
588 + .eps-grid-item-xl-9 {
589 + -webkit-box-flex: 0;
590 + -ms-flex-positive: 0;
591 + flex-grow: 0;
592 + max-width: 75%;
593 + -ms-flex-preferred-size: 75%;
594 + flex-basis: 75%; }
595 + .eps-grid-item-xl-10 {
596 + -webkit-box-flex: 0;
597 + -ms-flex-positive: 0;
598 + flex-grow: 0;
599 + max-width: 83.3333333333%;
600 + -ms-flex-preferred-size: 83.3333333333%;
601 + flex-basis: 83.3333333333%; }
602 + .eps-grid-item-xl-11 {
603 + -webkit-box-flex: 0;
604 + -ms-flex-positive: 0;
605 + flex-grow: 0;
606 + max-width: 91.6666666667%;
607 + -ms-flex-preferred-size: 91.6666666667%;
608 + flex-basis: 91.6666666667%; }
609 + .eps-grid-item-xl-12 {
610 + -webkit-box-flex: 0;
611 + -ms-flex-positive: 0;
612 + flex-grow: 0;
613 + max-width: 100%;
614 + -ms-flex-preferred-size: 100%;
615 + flex-basis: 100%; } }
616 +
617 +@media screen and (min-width: 1600px) {
618 + .eps-grid-item-xxl-1 {
619 + -webkit-box-flex: 0;
620 + -ms-flex-positive: 0;
621 + flex-grow: 0;
622 + max-width: 8.3333333333%;
623 + -ms-flex-preferred-size: 8.3333333333%;
624 + flex-basis: 8.3333333333%; }
625 + .eps-grid-item-xxl-2 {
626 + -webkit-box-flex: 0;
627 + -ms-flex-positive: 0;
628 + flex-grow: 0;
629 + max-width: 16.6666666667%;
630 + -ms-flex-preferred-size: 16.6666666667%;
631 + flex-basis: 16.6666666667%; }
632 + .eps-grid-item-xxl-3 {
633 + -webkit-box-flex: 0;
634 + -ms-flex-positive: 0;
635 + flex-grow: 0;
636 + max-width: 25%;
637 + -ms-flex-preferred-size: 25%;
638 + flex-basis: 25%; }
639 + .eps-grid-item-xxl-4 {
640 + -webkit-box-flex: 0;
641 + -ms-flex-positive: 0;
642 + flex-grow: 0;
643 + max-width: 33.3333333333%;
644 + -ms-flex-preferred-size: 33.3333333333%;
645 + flex-basis: 33.3333333333%; }
646 + .eps-grid-item-xxl-5 {
647 + -webkit-box-flex: 0;
648 + -ms-flex-positive: 0;
649 + flex-grow: 0;
650 + max-width: 41.6666666667%;
651 + -ms-flex-preferred-size: 41.6666666667%;
652 + flex-basis: 41.6666666667%; }
653 + .eps-grid-item-xxl-6 {
654 + -webkit-box-flex: 0;
655 + -ms-flex-positive: 0;
656 + flex-grow: 0;
657 + max-width: 50%;
658 + -ms-flex-preferred-size: 50%;
659 + flex-basis: 50%; }
660 + .eps-grid-item-xxl-7 {
661 + -webkit-box-flex: 0;
662 + -ms-flex-positive: 0;
663 + flex-grow: 0;
664 + max-width: 58.3333333333%;
665 + -ms-flex-preferred-size: 58.3333333333%;
666 + flex-basis: 58.3333333333%; }
667 + .eps-grid-item-xxl-8 {
668 + -webkit-box-flex: 0;
669 + -ms-flex-positive: 0;
670 + flex-grow: 0;
671 + max-width: 66.6666666667%;
672 + -ms-flex-preferred-size: 66.6666666667%;
673 + flex-basis: 66.6666666667%; }
674 + .eps-grid-item-xxl-9 {
675 + -webkit-box-flex: 0;
676 + -ms-flex-positive: 0;
677 + flex-grow: 0;
678 + max-width: 75%;
679 + -ms-flex-preferred-size: 75%;
680 + flex-basis: 75%; }
681 + .eps-grid-item-xxl-10 {
682 + -webkit-box-flex: 0;
683 + -ms-flex-positive: 0;
684 + flex-grow: 0;
685 + max-width: 83.3333333333%;
686 + -ms-flex-preferred-size: 83.3333333333%;
687 + flex-basis: 83.3333333333%; }
688 + .eps-grid-item-xxl-11 {
689 + -webkit-box-flex: 0;
690 + -ms-flex-positive: 0;
691 + flex-grow: 0;
692 + max-width: 91.6666666667%;
693 + -ms-flex-preferred-size: 91.6666666667%;
694 + flex-basis: 91.6666666667%; }
695 + .eps-grid-item-xxl-12 {
696 + -webkit-box-flex: 0;
697 + -ms-flex-positive: 0;
698 + flex-grow: 0;
699 + max-width: 100%;
700 + -ms-flex-preferred-size: 100%;
701 + flex-basis: 100%; } }
702 +
703 +:root {
704 + --eps-modal-background-color: #fff;
705 + --eps-modal-header-background-color: #58d0f5; }
706 +
707 +.eps-theme-dark {
708 + --eps-modal-background-color: #34383c;
709 + --eps-modal-header-background-color: #58d0f5; }
710 +
711 +/** ----------------------------------------------------------------
712 + EPS Modal
713 +---------------------------------------------------------------- */
714 +.eps-modal {
715 + max-width: 43.75rem;
716 + background: var(--eps-modal-background-color);
717 + -webkit-border-radius: 0.1875rem;
718 + border-radius: 0.1875rem;
719 + -webkit-animation: eps-animation-pop 0.15s cubic-bezier(0.57, 0.53, 0.71, 1.47) forwards;
720 + animation: eps-animation-pop 0.15s cubic-bezier(0.57, 0.53, 0.71, 1.47) forwards;
721 + overflow: hidden; }
722 + .eps-modal__overlay {
723 + background: rgba(0, 0, 0, 0.5);
724 + position: fixed;
725 + display: -webkit-box;
726 + display: -ms-flexbox;
727 + display: flex;
728 + top: 0;
729 + left: 0;
730 + width: 100%;
731 + height: 100%;
732 + -webkit-box-align: center;
733 + -ms-flex-align: center;
734 + align-items: center;
735 + -webkit-box-pack: center;
736 + -ms-flex-pack: center;
737 + justify-content: center;
738 + z-index: 1030; }
739 + .eps-modal__header {
740 + font-size: 0.875rem;
741 + background: var(--eps-modal-header-background-color);
742 + color: #fff;
743 + height: 2.75rem;
744 + padding: 0.625rem 1rem; }
745 + .eps-modal__icon {
746 + -webkit-margin-end: 0.625rem;
747 + margin-inline-end: 0.625rem; }
748 + .eps-modal__body {
749 + padding: 1.875rem; }
750 + .eps-modal__tip, .eps-modal .eps-tip {
751 + -webkit-padding-start: 0.75rem;
752 + padding-inline-start: 0.75rem;
753 + -webkit-border-start: 3px solid #58d0f5;
754 + border-inline-start: 3px solid #58d0f5; }
755 + .eps-modal__tip:not(:last-child), .eps-modal .eps-tip:not(:last-child) {
756 + margin-bottom: 1.875rem; }
757 + .eps-modal__tip:not(:first-child), .eps-modal .eps-tip:not(:first-child) {
758 + margin-top: 1.875rem; }
759 + .eps-modal__close-wrapper {
760 + -webkit-padding-start: 1rem;
761 + padding-inline-start: 1rem;
762 + -webkit-border-start: solid 1px #fff;
763 + border-inline-start: solid 1px #fff; }
764 +
112 765 .eps-button {
766 + display: -webkit-inline-box;
767 + display: -ms-inline-flexbox;
113 768 display: inline-flex;
114 769 --button-line-height: 16px;
115 770 --button-padding-y: 0.5em;
116 771 --button-padding-x: 1.5em;
117 - --button-primary-background-color: #F3BAFD;
118 - --button-primary-hover-background-color: #F5D0FE;
119 - --button-primary-active-background-color: #F3BAFD;
120 - --button-primary-color: #0C0D0E;
121 - --button-secondary-background-color: #69727D;
122 - --button-secondary-hover-background-color: rgb(81.7173913043, 88.7217391304, 97.2826086957);
123 - --button-secondary-active-background-color: rgb(58.4347826087, 63.4434782609, 69.5652173913);
124 - --button-secondary-color: #ffffff;
125 - --button-danger-background-color: #DC2626;
126 - --button-danger-hover-background-color: rgb(178.25, 28.75, 28.75);
127 - --button-danger-active-background-color: rgb(134.3333333333, 21.6666666667, 21.6666666667);
128 - --button-danger-color: #ffffff;
129 - --button-cta-background-color: #93003f;
130 - --button-cta-hover-background-color: rgb(96, 0, 41.1428571429);
131 - --button-cta-active-background-color: rgb(45, 0, 19.2857142857);
132 - --button-cta-color: #ffffff;
133 - --button-brand-background-color: #93003f;
134 - --button-brand-hover-background-color: rgb(96, 0, 41.1428571429);
135 - --button-brand-active-background-color: rgb(45, 0, 19.2857142857);
136 - --button-brand-color: #ffffff;
137 - --button-link-background-color: #515962;
138 - --button-link-hover-background-color: rgb(57.9217877095, 63.6424581006, 70.0782122905);
139 - --button-link-active-background-color: rgb(34.843575419, 38.2849162011, 42.156424581);
140 - --button-link-color: #ffffff;
141 - --button-disabled-background-color: #D5D8DC;
142 - --button-disabled-hover-background-color: rgb(185.1818181818, 190.1688311688, 196.8181818182);
143 - --button-disabled-active-background-color: rgb(157.3636363636, 164.3376623377, 173.6363636364);
144 - --button-disabled-color: #ffffff;
772 + --button-primary-background-color: #39b54a;
773 + --button-primary-hover-background-color: #33a242;
774 + --button-primary-active-background-color: #35a945;
775 + --button-primary-color: #fff;
776 + --button-secondary-background-color: #c2cbd2;
777 + --button-secondary-hover-background-color: #b3bec7;
778 + --button-secondary-active-background-color: #b9c3cc;
779 + --button-secondary-color: #fff;
780 + --button-danger-background-color: #b01b1b;
781 + --button-danger-hover-background-color: #9a1818;
782 + --button-danger-active-background-color: #a31919;
783 + --button-danger-color: #fff;
784 + --button-cta-background-color: #93003F;
785 + --button-cta-hover-background-color: #7a0034;
786 + --button-cta-active-background-color: #840038;
787 + --button-cta-color: #fff;
788 + --button-link-background-color: #58d0f5;
789 + --button-link-hover-background-color: #40c9f4;
790 + --button-link-active-background-color: #4accf4;
791 + --button-link-color: #fff;
792 + --button-disabled-background-color: #c2cbd2;
793 + --button-disabled-hover-background-color: #b3bec7;
794 + --button-disabled-active-background-color: #b9c3cc;
795 + --button-disabled-color: #fff;
145 796 color: var(--button-background-color, currentColor);
146 797 font-size: var(--button-font-size, inherit);
147 798 font-weight: 500;
148 799 line-height: var(--button-line-height);
149 - transition: var(--e-a-transition-hover);
150 - cursor: pointer;
151 -}
152 -.eps-button:active {
153 - --button-background-color: var(--button-active-background-color, transparent);
154 -}
155 -.eps-button:hover {
156 - --button-background-color: var(--button-hover-background-color);
157 -}
158 -.eps-theme-dark .eps-button {
159 - --button-primary-background-color: #F3BAFD;
160 - --button-primary-color: #0C0D0E;
161 - --button-primary-hover-background-color: #EB8EFB;
162 - --button-primary-active-background-color: #F3BAFD;
163 - --button-secondary-background-color: #BABFC5;
164 - --button-secondary-color: #fff;
165 - --button-secondary-hover-background-color: rgb(158.2913385827, 165.2992125984, 173.7086614173);
166 - --button-secondary-active-background-color: rgb(130.5826771654, 139.5984251969, 150.4173228346);
167 - --button-cta-background-color: #93003f;
168 - --button-cta-hover-background-color: rgb(96, 0, 41.1428571429);
169 - --button-cta-active-background-color: rgb(45, 0, 19.2857142857);
170 - --button-cta-color: #fff;
171 - --button-brand-hover-background-color: rgb(96, 0, 41.1428571429);
172 - --button-brand-active-background-color: rgb(45, 0, 19.2857142857);
173 - --button-brand-color: #fff;
174 - --button-brand-background-color: #93003f;
175 - --button-link-background-color: #515962;
176 - --button-link-hover-background-color: rgb(57.9217877095, 63.6424581006, 70.0782122905);
177 - --button-link-active-background-color: rgb(34.843575419, 38.2849162011, 42.156424581);
178 - --button-link-color: #ffffff;
179 - --button-disabled-background-color: #69727D;
180 - --button-disabled-hover-background-color: rgb(81.7173913043, 88.7217391304, 97.2826086957);
181 - --button-disabled-active-background-color: rgb(58.4347826087, 63.4434782609, 69.5652173913);
182 - --button-disabled-color: #fff;
183 -}
184 -.eps-button--contained {
185 - color: var(--button-color);
186 - padding: var(--button-padding-y) var(--button-padding-x);
187 - background-color: var(--button-background-color, transparent);
188 - border: 1px solid var(--button-background-color);
189 -}
190 -.eps-button--contained:hover {
191 - color: var(--button-color);
192 -}
193 -.eps-button--outlined {
194 - display: block;
195 - padding: var(--button-padding-y) var(--button-padding-x);
196 - border: 1px solid var(--button-background-color);
197 -}
198 -.eps-button--contained, .eps-button--outlined {
199 - border-radius: 0.1875rem;
200 -}
201 -.eps-button--underlined {
202 - text-decoration: underline;
203 -}
204 -.eps-button--sm {
205 - --button-font-size: 0.75rem;
206 - --button-line-height: 14px;
207 -}
208 -.eps-button--lg {
209 - --button-font-size: 0.9375rem;
210 - --button-line-height: 18px;
211 -}
212 -.eps-button--primary {
213 - --button-color: var(--button-primary-color);
214 - --button-background-color: var(--button-primary-background-color);
215 - --button-hover-background-color: var(--button-primary-hover-background-color);
216 - --button-active-background-color: var(--button-primary-active-background-color);
217 -}
218 -.eps-button--secondary {
219 - --button-color: var(--button-secondary-color);
220 - --button-background-color: var(--button-secondary-background-color);
221 - --button-hover-background-color: var(--button-secondary-hover-background-color);
222 - --button-active-background-color: var(--button-secondary-active-background-color);
223 -}
224 -.eps-button--danger {
225 - --button-color: var(--button-danger-color);
226 - --button-background-color: var(--button-danger-background-color);
227 - --button-hover-background-color: var(--button-danger-hover-background-color);
228 - --button-active-background-color: var(--button-danger-active-background-color);
229 -}
230 -.eps-button--cta {
231 - --button-color: var(--button-brand-color);
232 - --button-background-color: var(--button-cta-background-color);
233 - --button-hover-background-color: var(--button-cta-hover-background-color);
234 - --button-active-background-color: var(--button-cta-active-background-color);
235 -}
236 -.eps-button--brand {
237 - --button-color: var(--button-cta-color);
238 - --button-background-color: var(--button-cta-background-color);
239 - --button-hover-background-color: var(--button-cta-hover-background-color);
240 - --button-active-background-color: var(--button-cta-active-background-color);
241 -}
242 -.eps-button--link {
243 - --button-color: var(--button-link-color);
244 - --button-background-color: var(--button-link-background-color);
245 - --button-hover-background-color: var(--button-link-hover-background-color);
246 - --button-active-background-color: var(--button-link-active-background-color);
247 -}
248 -.eps-button--disabled, .eps-button[disabled] {
249 - --button-color: var(--button-disabled-color);
250 - --button-background-color: var(--button-disabled-background-color);
251 - --button-hover-background-color: var(--button-disabled-hover-background-color);
252 - --button-active-background-color: var(--button-disabled-active-background-color);
253 - cursor: default;
254 -}
800 + cursor: pointer; }
801 + .eps-button:active {
802 + --button-background-color: var(--button-active-background-color, transparent); }
803 + .eps-button:hover {
804 + --button-background-color: var(--button-hover-background-color); }
805 + .eps-theme-dark .eps-button {
806 + --button-primary-background-color: #39b54a;
807 + --button-primary-color: #fff;
808 + --button-primary-hover-background-color: #33a242;
809 + --button-primary-active-background-color: #35a945;
810 + --button-secondary-background-color: #64666a;
811 + --button-secondary-color: #fff;
812 + --button-secondary-hover-background-color: #58595d;
813 + --button-secondary-active-background-color: #5d5e62;
814 + --button-cta-background-color: #93003F;
815 + --button-cta-hover-background-color: #7a0034;
816 + --button-cta-active-background-color: #840038;
817 + --button-cta-color: #fff;
818 + --button-link-background-color: #58d0f5;
819 + --button-link-hover-background-color: #40c9f4;
820 + --button-link-active-background-color: #4accf4;
821 + --button-link-color: #fff;
822 + --button-disabled-background-color: #64666a;
823 + --button-disabled-hover-background-color: #58595d;
824 + --button-disabled-active-background-color: #5d5e62;
825 + --button-disabled-color: #fff; }
826 + .eps-button--contained {
827 + color: var(--button-color);
828 + padding: var(--button-padding-y) var(--button-padding-x);
829 + background-color: var(--button-background-color, transparent); }
830 + .eps-button--contained:hover {
831 + color: var(--button-color); }
832 + .eps-button--contained, .eps-button--outlined {
833 + -webkit-border-radius: 0.1875rem;
834 + border-radius: 0.1875rem; }
835 + .eps-button--underlined {
836 + text-decoration: underline; }
837 + .eps-button--sm {
838 + --button-font-size: 0.75rem;
839 + --button-line-height: 14px; }
840 + .eps-button--lg {
841 + --button-font-size: 0.9375rem;
842 + --button-line-height: 18px; }
843 + .eps-button--primary {
844 + --button-color: var(--button-primary-color);
845 + --button-background-color: var(--button-primary-background-color);
846 + --button-hover-background-color: var(--button-primary-hover-background-color);
847 + --button-active-background-color: var(--button-primary-active-background-color); }
848 + .eps-button--secondary {
849 + --button-color: var(--buton-secondary-color);
850 + --button-background-color: var(--button-secondary-background-color);
851 + --button-hover-background-color: var(--button-secondary-hover-background-color);
852 + --button-active-background-color: var(--button-secondary-active-background-color); }
853 + .eps-button--danger {
854 + --button-color: var(--buton-danger-color);
855 + --button-background-color: var(--button-danger-background-color);
856 + --button-hover-background-color: var(--button-danger-hover-background-color);
857 + --button-active-background-color: var(--button-danger-active-background-color); }
858 + .eps-button--cta {
859 + --button-color: var(--button-cta-color);
860 + --button-background-color: var(--button-cta-background-color);
861 + --button-hover-background-color: var(--button-cta-hover-background-color);
862 + --button-active-background-color: var(--button-cta-active-background-color); }
863 + .eps-button--link {
864 + --button-color: var(--button-link-color);
865 + --button-background-color: var(--button-link-background-color);
866 + --button-hover-background-color: var(--button-link-hover-background-color);
867 + --button-active-background-color: var(--button-link-active-background-color); }
868 + .eps-button--disabled, .eps-button[disabled] {
869 + --button-color: var(--button-disabled-color);
870 + --button-background-color: var(--button-disabled-background-color);
871 + --button-hover-background-color: var(--button-disabled-hover-background-color);
872 + --button-active-background-color: var(--button-disabled-active-background-color);
873 + cursor: default; }
255 874
256 875 :root {
257 - --app-background-color: #ffffff;
876 + --app-background-color: #f1f3f5;
258 877 --app-box-shadow-color: rgba(var(--box-shadow-color, rgba(0, 0, 0, 0.15)), 0.2);
259 - --app-header-color: #1f2124;
260 - --app-logo-color: #ffffff;
261 - --app-logo-background-color: #0C0D0E;
262 - --app-title-color: #0C0D0E;
263 - --app-header-buttons-separator-color: #9DA5AE;
264 - --app-header-buttons-color: #515962;
265 - --app-header-buttons-color-hover: #0C0D0E;
266 - --app-lightbox-background-color: rgba(0, 0, 0, 0.8);
267 -}
878 + --app-header-background-color: #fff;
879 + --app-header-color: #495157;
880 + --app-sidebar-background-color: rgba(255, 255, 255, 0.5);
881 + --app-header-buttons-separator-color: #d5dadf;
882 + --app-header-buttons-color: #a4afb7;
883 + --app-lightbox-background-color: rgba(0, 0, 0, 0.8); }
268 884
269 885 .eps-theme-dark {
270 - --app-background-color: #1f2124;
886 + --app-background-color: #34383c;
271 887 --app-box-shadow-color: rgba(var(--box-shadow-color, rgba(0, 0, 0, 0.15)), 0.2);
272 - --app-header-color: #D5D8DC;
273 - --app-logo-color: #0C0D0E;
274 - --app-logo-background-color: #ffffff;
275 - --app-title-color: #fff;
276 - --app-header-buttons-separator-color: #818A96;
277 - --app-header-buttons-color: #BABFC5;
278 - --app-header-buttons-color-hover: #9DA5AE;
279 - --app-lightbox-background-color: rgba(0, 0, 0, 0.8);
280 -}
888 + --app-header-background-color: #26292C;
889 + --app-header-color: #e0e1e3;
890 + --app-sidebar-background-color: #34383c;
891 + --app-header-buttons-separator-color: #64666a;
892 + --app-header-buttons-color: #b4b5b7;
893 + --app-lightbox-background-color: rgba(0, 0, 0, 0.8); }
281 894
282 895 :root {
283 - --text-muted: #BABFC5;
284 - --disabled: #D5D8DC;
285 - --light: #ffffff;
286 - --dark: #000000;
287 - --cta: #93003f;
288 - --brand: #93003f;
289 - --accent: #F3BAFD;
290 - --primary: #93003f;
291 - --primary-bg: #FAE8FF;
292 - --secondary: #515962;
293 - --info: #2563EB;
294 - --info-bg: #F0F7FF;
295 - --danger: #DC2626;
296 - --danger-bg: #FEF1F4;
297 - --success: #0A875A;
298 - --success-bg: #F2FDF5;
299 - --warning: #F59E0B;
300 - --warning-bg: #FFFBEB;
301 - --body-color: #515962;
302 - --body-bg: #ffffff;
303 - --link-color: #515962;
304 - --link-hover-color: rgb(46.3826815642, 50.9636871508, 56.1173184358);
305 - --hr-color: #E6E8EA;
896 + --text-muted: #d5dadf;
897 + --disabled: #c2cbd2;
898 + --light: #fff;
899 + --dark: #000;
900 + --info: #58d0f5;
901 + --cta: #93003F;
902 + --danger: #b01b1b;
903 + --success: #39b54a;
904 + --warning: #fcb92c;
905 + --body-color: #6d7882;
906 + --link-color: #58d0f5;
907 + --link-hover-color: #10bcf1;
908 + --hr-color: #d5dadf;
306 909 --box-shadow-color: theme-colors(dark);
307 - --display-1-color: #515962;
308 - --display-2-color: #515962;
309 - --display-3-color: #515962;
310 - --display-4-color: #515962;
311 - --h1-color: #515962;
312 - --h2-color: #515962;
313 - --h3-color: #515962;
314 - --h4-color: #515962;
315 - --h5-color: #515962;
316 - --h6-color: #515962;
317 - --text-base-color: #515962;
318 - --text-xl-color: #515962;
319 - --text-lg-color: #515962;
320 - --text-sm-color: #515962;
321 - --text-xs-color: #515962;
322 - --text-xxs-color: #515962;
323 - --gray-900: #0C0D0E;
324 - --gray-800: #1f2124;
325 - --gray-750: #2b2c31;
326 - --gray-725: #333438;
327 - --gray-700: #3f444b;
328 - --gray-600: #515962;
329 - --gray-500: #69727D;
330 - --gray-400: #818A96;
331 - --gray-300: #9DA5AE;
332 - --gray-200: #BABFC5;
333 - --gray-100: #D5D8DC;
334 - --gray-75: #E6E8EA;
335 - --gray-50: #F1F2F3;
336 - --gray-25: #F9FAFA;
337 -}
910 + --display-1-color: #495157;
911 + --display-2-color: #495157;
912 + --display-3-color: #6d7882;
913 + --display-4-color: #495157;
914 + --h1-color: #6d7882;
915 + --h2-color: #6d7882;
916 + --h3-color: #495157;
917 + --h4-color: #495157;
918 + --h5-color: #495157;
919 + --h6-color: #495157;
920 + --text-base-color: #495157;
921 + --text-xl-color: #495157;
922 + --text-lg-color: #495157;
923 + --text-sm-color: #495157;
924 + --text-xs-color: #495157;
925 + --text-xxs-color: #495157;
926 + --gray-800: #495157;
927 + --gray-700: #556068;
928 + --gray-600: #6d7882;
929 + --gray-500: #a4afb7;
930 + --gray-400: #c2cbd2;
931 + --gray-300: #d5dadf;
932 + --gray-200: #f1f3f5;
933 + --gray-100: #fcfcfc; }
338 934
339 935 .eps-theme-dark {
340 - --text-muted: #818A96;
341 - --disabled: #69727D;
936 + --text-muted: #7d7e82;
937 + --disabled: #64666a;
342 938 --light: #fff;
343 939 --dark: #000;
344 - --accent: #524CFF;
345 - --cta: #93003f;
346 - --brand: #93003f;
940 + --info: #58d0f5;
941 + --accent: #58d0f5;
942 + --danger: #F84343;
943 + --cta: #93003F;
347 944 --success: #39b54a;
348 - --success-bg: #032317;
349 - --info: #0077CC;
350 - --info-bg: #0A1A3D;
351 945 --warning: #fcb92c;
352 - --warning-bg: #311808;
353 - --danger: #F84343;
354 - --danger-bg: #390A0A;
355 - --body-color: #BABFC5;
356 - --body-bg: #1f2124;
357 - --link-color: #0077CC;
358 - --link-hover-color: rgb(46.3826815642, 50.9636871508, 56.1173184358);
359 - --hr-color: #333438;
946 + --body-color: #e0e1e3;
947 + --body-bg: #fff;
948 + --link-color: #58d0f5;
949 + --link-hover-color: #10bcf1;
950 + --hr-color: #4c4f56;
360 951 --box-shadow-color: rgba(0, 0, 0, 0.15);
361 - --display-1-color: #BABFC5;
362 - --display-2-color: #BABFC5;
363 - --display-3-color: #BABFC5;
364 - --display-4-color: #BABFC5;
365 - --h1-color: #BABFC5;
366 - --h2-color: #BABFC5;
367 - --h3-color: #BABFC5;
368 - --h4-color: #BABFC5;
369 - --h5-color: #BABFC5;
370 - --h6-color: #BABFC5;
371 - --text-base-color: #BABFC5;
372 - --text-xl-color: #BABFC5;
373 - --text-lg-color: #BABFC5;
374 - --text-sm-color: #BABFC5;
375 - --text-xs-color: #BABFC5;
376 - --text-xxs-color: #BABFC5;
377 - --gray-900: #0C0D0E;
378 - --gray-800: #1f2124;
379 - --gray-750: #2b2c31;
380 - --gray-725: #333438;
381 - --gray-700: #3f444b;
382 - --gray-600: #515962;
383 - --gray-500: #69727D;
384 - --gray-400: #818A96;
385 - --gray-300: #9DA5AE;
386 - --gray-200: #BABFC5;
387 - --gray-100: #D5D8DC;
388 - --gray-75: #E6E8EA;
389 - --gray-50: #F1F2F3;
390 - --gray-25: #F9FAFA;
391 -}
952 + --display-1-color: #e0e1e3;
953 + --display-2-color: #e0e1e3;
954 + --display-3-color: #e0e1e3;
955 + --display-4-color: #e0e1e3;
956 + --h1-color: #e0e1e3;
957 + --h2-color: #e0e1e3;
958 + --h3-color: #e0e1e3;
959 + --h4-color: #e0e1e3;
960 + --h5-color: #e0e1e3;
961 + --h6-color: #e0e1e3;
962 + --text-base-color: #b4b5b7;
963 + --text-xl-color: #b4b5b7;
964 + --text-lg-color: #b4b5b7;
965 + --text-sm-color: #b4b5b7;
966 + --text-xs-color: #b4b5b7;
967 + --text-xxs-color: #b4b5b7;
968 + --gray-800: #26292C;
969 + --gray-700: #34383c;
970 + --gray-600: #404349;
971 + --gray-500: #4c4f56;
972 + --gray-400: #64666a;
973 + --gray-300: #7d7e82;
974 + --gray-200: #b4b5b7;
975 + --gray-100: #e0e1e3; }
392 976
393 977 *,
394 978 *::before,
395 979 *::after {
396 - box-sizing: border-box;
397 -}
980 + -webkit-box-sizing: border-box;
981 + box-sizing: border-box; }
398 982
399 983 html {
400 984 font-family: sans-serif;
401 985 line-height: 1.15;
402 986 -webkit-text-size-adjust: 100%;
403 - -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
404 -}
987 + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
405 988
406 989 article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
407 - display: block;
408 -}
990 + display: block; }
409 991
410 992 body {
411 993 margin: 0;
412 994 font-family: Roboto, Arial, Helvetica, Verdana, sans-serif;
@@ -413,14 +995,20 @@
413 995 font-size: 0.875rem;
414 996 font-weight: 400;
415 997 line-height: 1.5;
416 998 color: var(--body-color);
417 - background-color: var(--body-bg);
418 -}
999 + -webkit-font-smoothing: antialiased;
1000 + -moz-osx-font-smoothing: grayscale;
1001 + background-color: var(--body-bg); }
419 1002
1003 +::-moz-selection {
1004 + background-color: rgba(147, 0, 63, 0.5); }
1005 +
1006 +::selection {
1007 + background-color: rgba(147, 0, 63, 0.5); }
1008 +
420 1009 [tabindex="-1"]:focus:not(:focus-visible) {
421 - outline: 0 !important;
422 -}
1010 + outline: 0 !important; }
423 1011
424 1012 h1, h2, h3, h4, h5, h6 {
425 1013 font-size: 100%;
426 1014 margin: 0;
@@ -425,45 +1013,36 @@
425 1013 font-size: 100%;
426 1014 margin: 0;
427 1015 padding: 0;
428 1016 line-height: inherit;
429 - font-weight: normal;
430 -}
1017 + font-weight: normal; }
431 1018
432 1019 p {
433 - margin-block-start: 0;
434 -}
1020 + margin-top: 0; }
435 1021
436 1022 b,
437 1023 strong {
438 - font-weight: 700;
439 -}
1024 + font-weight: 700; }
440 1025
441 1026 small {
442 - font-size: 80%;
443 -}
1027 + font-size: 80%; }
444 1028
445 1029 a {
446 1030 --eps-link-color: $eps-link-color;
447 1031 color: var(--eps-link-color);
448 - background-color: transparent;
449 -}
450 -a, a:active, a:hover, a:focus {
451 - text-decoration: none;
452 -}
453 -a:focus, a:hover {
454 - --eps-link-color: $eps-link-hover-color;
455 - text-decoration: none;
456 -}
1032 + background-color: transparent; }
1033 + a, a:active, a:hover, a:focus {
1034 + text-decoration: none; }
1035 + a:focus, a:hover {
1036 + --eps-link-color: $eps-link-hover-color;
1037 + text-decoration: none; }
457 1038
458 1039 a:not([href]) {
459 1040 color: inherit;
460 - text-decoration: none;
461 -}
462 -a:not([href]):hover {
463 - color: inherit;
464 - text-decoration: none;
465 -}
1041 + text-decoration: none; }
1042 + a:not([href]):hover {
1043 + color: inherit;
1044 + text-decoration: none; }
466 1045
467 1046 pre,
468 1047 code,
469 1048 kbd,
@@ -468,33 +1047,28 @@
468 1047 code,
469 1048 kbd,
470 1049 samp {
471 1050 font-family: monospace;
472 - font-size: 1em;
473 -}
1051 + font-size: 1em; }
474 1052
475 1053 figure {
476 - margin: 0 0 0;
477 -}
1054 + margin: 0 0 0; }
478 1055
479 1056 img {
480 1057 vertical-align: middle;
481 - border-style: none;
482 -}
1058 + border-style: none; }
483 1059
484 1060 svg {
485 1061 overflow: hidden;
486 - vertical-align: middle;
487 -}
1062 + vertical-align: middle; }
488 1063
489 1064 button {
490 - border-radius: 0;
491 -}
1065 + -webkit-border-radius: 0;
1066 + border-radius: 0; }
492 1067
493 -button:focus:not(:where([data-module=onboarding] *)) {
1068 +button:focus {
494 1069 outline: 1px dotted;
495 - outline: 5px auto -webkit-focus-ring-color;
496 -}
1070 + outline: 5px auto -webkit-focus-ring-color; }
497 1071
498 1072 input,
499 1073 button,
500 1074 select,
@@ -502,92 +1076,83 @@
502 1076 textarea {
503 1077 margin: 0;
504 1078 font-family: inherit;
505 1079 font-size: inherit;
506 - line-height: inherit;
507 -}
1080 + line-height: inherit; }
508 1081
509 1082 button,
510 1083 input {
511 - overflow: visible;
512 -}
1084 + overflow: visible; }
513 1085
514 1086 button,
515 1087 select {
516 - text-transform: none;
517 -}
1088 + text-transform: none; }
518 1089
519 -[role=button] {
520 - cursor: pointer;
521 -}
1090 +[role="button"] {
1091 + cursor: pointer; }
522 1092
523 1093 select {
524 - word-wrap: normal;
525 -}
1094 + word-wrap: normal; }
526 1095
527 1096 button,
528 -[type=button],
529 -[type=reset],
530 -[type=submit] {
531 - -webkit-appearance: button;
532 - -moz-appearance: button;
533 - appearance: button;
534 -}
1097 +[type="button"],
1098 +[type="reset"],
1099 +[type="submit"] {
1100 + -webkit-appearance: button; }
535 1101
536 1102 button:not(:disabled),
537 -[type=button]:not(:disabled),
538 -[type=reset]:not(:disabled),
539 -[type=submit]:not(:disabled) {
540 - cursor: pointer;
541 -}
1103 +[type="button"]:not(:disabled),
1104 +[type="reset"]:not(:disabled),
1105 +[type="submit"]:not(:disabled) {
1106 + cursor: pointer; }
542 1107
543 -input[type=radio],
544 -input[type=checkbox] {
545 - box-sizing: border-box;
1108 +button::-moz-focus-inner,
1109 +[type="button"]::-moz-focus-inner,
1110 +[type="reset"]::-moz-focus-inner,
1111 +[type="submit"]::-moz-focus-inner {
546 1112 padding: 0;
547 -}
1113 + border-style: none; }
548 1114
1115 +input[type="radio"],
1116 +input[type="checkbox"] {
1117 + -webkit-box-sizing: border-box;
1118 + box-sizing: border-box;
1119 + padding: 0; }
1120 +
549 1121 textarea {
550 1122 overflow: auto;
551 - resize: vertical;
552 -}
1123 + resize: vertical; }
553 1124
554 1125 [hidden] {
555 - display: none !important;
556 -}
1126 + display: none !important; }
557 1127
558 1128 hr {
559 1129 border: 0 none;
560 - border-block-end: 1px solid var(--hr-color);
561 -}
1130 + border-bottom: 1px solid var(--hr-color); }
562 1131
563 1132 .eps-display-1 {
564 1133 font-size: 1.85rem;
565 1134 color: var(--display-1-color);
566 - margin-block-start: 0.5rem;
567 - margin-block-end: 0.5rem;
568 -}
1135 + margin-top: 0.5rem;
1136 + margin-bottom: 0.5rem; }
569 1137
570 1138 .eps-display-2 {
571 1139 font-size: 1.85rem;
572 1140 color: var(--display-2-color);
573 - margin-block-start: 0.5rem;
574 - margin-block-end: 0.5rem;
575 -}
1141 + margin-top: 0.5rem;
1142 + margin-bottom: 0.5rem; }
576 1143
577 1144 .eps-display-3 {
578 1145 font-size: 1.85rem;
579 1146 color: var(--display-3-color);
580 - margin-block-start: 0;
581 - margin-block-end: 1.25rem;
582 -}
1147 + margin-top: 0.5rem;
1148 + margin-bottom: 0.5rem; }
583 1149
584 1150 .eps-display-4 {
585 1151 font-size: 1.85rem;
586 1152 color: var(--display-4-color);
587 - margin-block-start: 0.5rem;
588 - margin-block-end: 0.5rem;
589 -}
1153 + margin-top: 0.5rem;
1154 + margin-bottom: 0.5rem; }
590 1155
591 1156 h1,
592 1157 .eps-h1 {
593 1158 font-size: 1.625rem;
@@ -592,11 +1157,10 @@
592 1157 .eps-h1 {
593 1158 font-size: 1.625rem;
594 1159 line-height: 1;
595 1160 color: var(--h1-color);
596 - margin-block-end: 1.25rem;
597 - font-weight: 500;
598 -}
1161 + margin-bottom: 1.25rem;
1162 + font-weight: 500; }
599 1163
600 1164 h2,
601 1165 .eps-h2 {
602 1166 font-size: 1.25rem;
@@ -601,12 +1165,11 @@
601 1165 .eps-h2 {
602 1166 font-size: 1.25rem;
603 1167 line-height: 1.2;
604 1168 color: var(--h2-color);
605 - margin-block-start: 0;
606 - margin-block-end: 1.25rem;
607 - font-weight: 500;
608 -}
1169 + margin-top: 0;
1170 + margin-bottom: 1.25rem;
1171 + font-weight: 500; }
609 1172
610 1173 h3,
611 1174 .eps-h3 {
612 1175 font-size: 1rem;
@@ -611,1248 +1174,1605 @@
611 1174 .eps-h3 {
612 1175 font-size: 1rem;
613 1176 line-height: 1.2;
614 1177 color: var(--h3-color);
615 - margin-block-start: 0;
616 - margin-block-end: 0.5rem;
617 - font-weight: 500;
618 -}
1178 + margin-top: 0;
1179 + margin-bottom: 1rem;
1180 + font-weight: 500; }
619 1181
620 1182 h4,
621 1183 .eps-h4 {
622 1184 font-size: 0.9375rem;
623 1185 color: var(--h4-color);
624 - margin-block-start: 0;
625 - margin-block-end: 0.5rem;
626 -}
1186 + margin-top: 0;
1187 + margin-bottom: 0.5rem; }
627 1188
628 1189 h5,
629 1190 .eps-h5 {
630 1191 font-size: 0.875rem;
631 1192 color: var(--h5-color);
632 - margin-block-start: 0;
633 - margin-block-end: 0.5rem;
634 -}
1193 + margin-top: 0;
1194 + margin-bottom: 0.5rem; }
635 1195
636 1196 h6,
637 1197 .eps-h6 {
638 1198 font-size: 0.875rem;
639 1199 color: var(--h-6-color);
640 - margin-block-start: 0;
641 - margin-block-end: 0.5rem;
642 - font-weight: 700;
643 -}
1200 + margin-top: 0;
1201 + margin-bottom: 0.5rem;
1202 + font-weight: 700; }
644 1203
645 1204 .eps-text-xxs {
646 1205 font-size: 0.75rem;
647 1206 line-height: 1.2;
648 1207 color: var(--text-xxs-color);
649 - font-weight: 400;
650 -}
1208 + font-weight: 400; }
651 1209
652 1210 .eps-text-xs {
653 1211 font-size: 0.75rem;
654 1212 line-height: 1.5;
655 1213 color: var(--text-xs-color);
656 - font-weight: 400;
657 -}
1214 + font-weight: 400; }
658 1215
659 1216 .eps-text {
660 1217 font-size: 0.875rem;
661 1218 line-height: 1.5;
662 1219 color: var(--text-base-color);
663 - font-weight: 400;
664 -}
1220 + font-weight: 400; }
665 1221
666 1222 .eps-text-sm {
667 1223 font-size: 0.8125rem;
668 1224 line-height: 1.5;
669 1225 color: var(--text-sm-color);
670 - font-weight: 400;
671 -}
1226 + font-weight: 400; }
672 1227
673 1228 .eps-text-lg {
674 1229 font-size: 0.9375rem;
675 1230 line-height: 1.5;
676 1231 color: var(--text-lg-color);
677 - font-weight: 400;
678 -}
1232 + font-weight: 400; }
679 1233
680 1234 .eps-text-xl {
681 1235 font-size: 1rem;
682 1236 line-height: 1.5;
683 1237 color: var(--text-xl-color);
684 - font-weight: 400;
685 -}
1238 + font-weight: 400; }
686 1239
687 1240 .video-wrapper {
688 1241 position: relative;
689 - padding-block-end: 56.25%;
690 - height: 0;
691 -}
692 -.video-wrapper iframe {
693 - position: absolute;
694 - inset-block-start: 0;
695 - inset-inline-start: 0;
696 - width: 100%;
697 - height: 100%;
698 -}
1242 + padding-bottom: 56.25%;
1243 + height: 0; }
1244 + .video-wrapper iframe {
1245 + position: absolute;
1246 + top: 0;
1247 + left: 0;
1248 + width: 100%;
1249 + height: 100%; }
699 1250
700 1251 .eps-separator {
701 - margin-block-end: 2.75rem;
702 -}
1252 + margin-bottom: 2.75rem; }
703 1253
704 1254 .eps-theme-dark {
705 - --e-app-back-button-color: #BABFC5;
706 -}
1255 + --e-app-back-button-color: #b4b5b7; }
707 1256
708 1257 .back-button, .e-app-back-button {
709 - --button-background-color: var(--e-app-back-button-color, #69727D);
710 - margin-block-end: 1.5rem;
711 -}
712 -.back-button .eps-icon, .e-app-back-button .eps-icon {
713 - margin-inline-end: 0.3125rem;
714 -}
1258 + --button-background-color: var(--e-app-back-button-color, #a4afb7);
1259 + margin-bottom: 1.5rem; }
1260 + .back-button .eps-icon, .e-app-back-button .eps-icon {
1261 + -webkit-margin-end: 0.3125rem;
1262 + margin-inline-end: 0.3125rem; }
715 1263
716 1264 .eps-theme-dark {
717 - --input-border-color: --hr-color;
718 -}
1265 + --input-border-color: --hr-color; }
719 1266
720 1267 .eps-input {
721 1268 border: 1px solid var(--hr-color);
722 - border-radius: 0.1875rem;
1269 + -webkit-border-radius: 0.1875rem;
1270 + border-radius: 0.1875rem;
723 1271 background: transparent;
724 1272 color: inherit;
725 1273 height: 1.875rem;
726 - padding: 0 0.3125rem;
727 -}
728 -.eps-input--block {
729 - width: 100%;
730 -}
1274 + padding: 0 0.3125rem; }
1275 + .eps-input--block {
1276 + width: 100%; }
731 1277
732 1278 .eps-app {
1279 + display: -webkit-box;
1280 + display: -ms-flexbox;
733 1281 display: flex;
734 1282 height: 100vh;
735 - flex-direction: column;
1283 + -webkit-box-orient: vertical;
1284 + -webkit-box-direction: normal;
1285 + -ms-flex-direction: column;
1286 + flex-direction: column;
736 1287 color: var(--body-color);
737 1288 background-color: var(--app-background-color);
738 1289 position: absolute;
739 - border-radius: 0;
740 - box-shadow: 2px 8px 23px 3px var(--color-box-shadow-color);
1290 + -webkit-border-radius: 0;
1291 + border-radius: 0;
1292 + -webkit-box-shadow: 2px 8px 23px 3px var(--color-box-shadow-color);
1293 + box-shadow: 2px 8px 23px 3px var(--color-box-shadow-color);
741 1294 overflow: hidden;
742 1295 font-family: Roboto, Arial, Helvetica, Verdana, sans-serif;
743 1296 width: 100%;
744 - max-width: 100%;
745 -}
746 -.eps-app__lightbox {
1297 + max-width: 100%; }
1298 + .eps-app__lightbox {
1299 + display: -webkit-box;
1300 + display: -ms-flexbox;
1301 + display: flex;
1302 + -webkit-box-align: center;
1303 + -ms-flex-align: center;
1304 + align-items: center;
1305 + -webkit-box-pack: center;
1306 + -ms-flex-pack: center;
1307 + justify-content: center;
1308 + position: fixed;
1309 + height: 100%;
1310 + width: 100%;
1311 + background-color: var(--app-lightbox-background-color);
1312 + z-index: 1040;
1313 + bottom: 0;
1314 + left: 0; }
1315 + .eps-app__header {
1316 + -ms-flex-negative: 0;
1317 + flex-shrink: 0;
1318 + font-size: 0.9375rem;
1319 + color: var(--app-header-color);
1320 + background-color: var(--app-header-background-color);
1321 + -webkit-box-shadow: 0 4px 10px var(--color-box-shadow-color);
1322 + box-shadow: 0 4px 10px var(--color-box-shadow-color);
1323 + position: relative;
1324 + z-index: 1;
1325 + height: 3.125rem;
1326 + padding: 0 1rem; }
1327 + .eps-app__header-buttons {
1328 + display: -webkit-box;
1329 + display: -ms-flexbox;
1330 + display: flex;
1331 + -webkit-box-align: center;
1332 + -ms-flex-align: center;
1333 + align-items: center;
1334 + -webkit-box-orient: horizontal;
1335 + -webkit-box-direction: reverse;
1336 + -ms-flex-direction: row-reverse;
1337 + flex-direction: row-reverse;
1338 + font-size: 1.125rem; }
1339 + .eps-app__header-btn {
1340 + --button-background-color: var(--app-header-buttons-color);
1341 + -webkit-padding-start: 1rem;
1342 + padding-inline-start: 1rem;
1343 + font-size: 1.125rem;
1344 + line-height: 1.25rem; }
1345 + .eps-app__header-btn:first-child:not(:last-child) {
1346 + -webkit-border-start: 1px solid var(--app-header-buttons-separator-color);
1347 + border-inline-start: 1px solid var(--app-header-buttons-separator-color); }
1348 + .eps-app__header-btn:not(:first-child) {
1349 + -webkit-padding-end: 1rem;
1350 + padding-inline-end: 1rem; }
1351 + .eps-app__logo-title-wrapper {
1352 + display: -webkit-box;
1353 + display: -ms-flexbox;
1354 + display: flex;
1355 + -webkit-box-align: center;
1356 + -ms-flex-align: center;
1357 + align-items: center; }
1358 + .eps-app__logo {
1359 + display: block;
1360 + width: 1.75rem;
1361 + height: 1.75rem;
1362 + line-height: 1.75rem;
1363 + text-align: center;
1364 + font-size: calc(0.4 * 1.75rem);
1365 + -webkit-border-radius: 50%;
1366 + border-radius: 50%;
1367 + color: #fff;
1368 + background-color: #93003F; }
1369 + .eps-app__logo:not(:last-child) {
1370 + -webkit-margin-end: 0.625rem;
1371 + margin-inline-end: 0.625rem; }
1372 + .eps-app__title {
1373 + font-size: 0.9375rem;
1374 + font-weight: 700;
1375 + text-transform: uppercase;
1376 + margin-bottom: 0; }
1377 + .eps-app__main {
1378 + display: -webkit-box;
1379 + display: -ms-flexbox;
1380 + display: flex;
1381 + overflow: hidden;
1382 + -webkit-box-flex: 1;
1383 + -ms-flex-positive: 1;
1384 + flex-grow: 1; }
1385 + .eps-app__sidebar {
1386 + background-color: var(--app-sidebar-background-color);
1387 + padding-top: 1.25rem;
1388 + width: 30%;
1389 + max-width: 17.1875rem;
1390 + -webkit-box-flex: 0;
1391 + -ms-flex-positive: 0;
1392 + flex-grow: 0;
1393 + overflow-y: auto;
1394 + -webkit-box-shadow: 2px 8px 23px 3px var(--color-box-shadow-color);
1395 + box-shadow: 2px 8px 23px 3px var(--color-box-shadow-color);
1396 + z-index: 2; }
1397 + .eps-app__content {
1398 + -webkit-box-flex: 1;
1399 + -ms-flex-positive: 1;
1400 + flex-grow: 1;
1401 + position: relative;
1402 + padding: 2.75rem;
1403 + height: 100%;
1404 + overflow-y: auto; }
1405 +
1406 +.eps-css-grid {
1407 + display: grid;
1408 + grid-template-columns: repeat(var(--eps-grid-columns, auto-fill), minmax(var(--eps-grid-col-min-width, 1fr), var(--eps-grid-col-max-width, 1fr)));
1409 + grid-gap: var(--eps-grid-spacing); }
1410 +
1411 +:root {
1412 + --popover-background-color: #fff;
1413 + --popover-item-color: #6d7882;
1414 + --popover-item-hover-color: #556068;
1415 + --popover-item-danger-hover-color: #b01b1b;
1416 + --popover-item-background-color: #fff;
1417 + --popover-box-shadow-color: rgba(0, 0, 0, 0.15);
1418 + --popover-box-shadow-size: 0px 1px 20px;
1419 + --popover-arrow-color: #fff; }
1420 +
1421 +.eps-theme-dark {
1422 + --popover-background-color: #4c4f56;
1423 + --popover-item-color: #fff;
1424 + --popover-item-hover-color: #e0e1e3;
1425 + --popover-item-danger-hover-color: #F84343;
1426 + --popover-item-background-color: #4c4f56;
1427 + --popover-box-shadow-color: rgba(0, 0, 0, 0.15);
1428 + --popover-box-shadow-size: 0px 1px 20px;
1429 + --popover-arrow-color: #4c4f56; }
1430 +
1431 +.eps-popover {
1432 + padding: 10px 0;
1433 + background-color: var(--popover-background-color);
1434 + -webkit-box-shadow: var(--popover-box-shadow-size) var(--popover-box-shadow-color);
1435 + box-shadow: var(--popover-box-shadow-size) var(--popover-box-shadow-color);
1436 + list-style: none;
1437 + display: -webkit-box;
1438 + display: -ms-flexbox;
747 1439 display: flex;
748 - align-items: center;
749 - justify-content: center;
750 - position: fixed;
751 - height: 100%;
752 - width: 100%;
753 - inset-block-end: 0;
754 - inset-inline-start: 0;
755 - background-color: var(--app-lightbox-background-color);
756 - z-index: 1040;
757 -}
758 -.eps-app__header {
759 - flex-shrink: 0;
760 - font-size: 0.9375rem;
761 - border-block-end: var(--e-a-border);
762 - position: relative;
763 - z-index: 3;
764 - height: 3.125rem;
765 - padding-block: 0;
766 - padding-inline: 1rem;
767 -}
768 -.eps-app__header-buttons {
769 - display: flex;
770 - align-items: center;
771 - flex-direction: row-reverse;
772 - font-size: 1.125rem;
773 -}
774 -.eps-app__header-btn {
775 - padding-inline-start: 1rem;
776 - font-size: 1.125rem;
777 - line-height: 1.25rem;
778 -}
779 -.eps-app__header-btn:hover {
780 - color: var(--app-header-buttons-color-hover);
781 -}
782 -.eps-app__header-btn:first-child {
783 - border-inline-start: 1px solid var(--app-header-buttons-separator-color);
784 -}
785 -.eps-app__header-btn:not(:first-child) {
786 - padding-inline-end: 1rem;
787 -}
788 -.eps-app__logo-title-wrapper {
789 - display: flex;
790 - align-items: center;
791 -}
792 -.eps-app__logo {
793 - display: block;
794 - width: 1.75rem;
795 - height: 1.75rem;
796 - line-height: 1.75rem;
797 - text-align: center;
798 - font-size: 1.75rem;
799 - border-radius: 50%;
800 - color: var(--app-logo-background-color);
801 -}
802 -.eps-app__logo:not(:last-child) {
803 - margin-inline-end: 0.625rem;
804 -}
805 -.eps-app__title {
806 - color: var(--app-title-color);
807 - font-size: 0.9375rem;
808 - font-weight: 700;
1440 + -webkit-box-orient: vertical;
1441 + -webkit-box-direction: normal;
1442 + -ms-flex-direction: column;
1443 + flex-direction: column;
1444 + min-width: 120px;
1445 + -webkit-border-radius: 0.1875rem;
1446 + border-radius: 0.1875rem;
1447 + position: absolute;
1448 + z-index: 1050;
1449 + margin-top: 9px;
1450 + -webkit-transform: translateX(-50%);
1451 + -ms-transform: translateX(-50%);
1452 + transform: translateX(-50%);
1453 + left: 0.25rem; }
1454 + .eps-popover__background {
1455 + position: fixed;
1456 + top: 0;
1457 + bottom: 0;
1458 + left: 0;
1459 + right: 0;
1460 + z-index: 1030; }
1461 + .eps-popover__container {
1462 + position: relative; }
1463 + .eps-popover::before {
1464 + content: "";
1465 + display: block;
1466 + position: absolute;
1467 + width: 16px;
1468 + height: 9px;
1469 + margin: 0 0.1875rem 9px;
1470 + top: -9px;
1471 + left: 50%;
1472 + -webkit-transform: translateX(-50%);
1473 + -ms-transform: translateX(-50%);
1474 + transform: translateX(-50%);
1475 + border-color: transparent;
1476 + border-style: solid;
1477 + border-width: 0 8px 9px 8px;
1478 + border-bottom-color: var(--popover-arrow-color); }
1479 + .eps-popover__item {
1480 + padding: 0.3125rem 1rem;
1481 + background-color: var(--popover-item-background-color);
1482 + color: var(--popover-item-color);
1483 + font-size: 0.6875rem;
1484 + font-weight: 500;
1485 + line-height: 0.8125rem;
1486 + width: 100%;
1487 + -webkit-box-align: center;
1488 + -ms-flex-align: center;
1489 + align-items: center;
1490 + cursor: pointer; }
1491 + .eps-popover__item:hover {
1492 + color: var(--popover-item-hover-color); }
1493 + .eps-popover__item--danger:hover {
1494 + color: var(--popover-item-danger-hover-color); }
1495 + .eps-popover__item .eps-icon {
1496 + font-size: inherit;
1497 + -webkit-margin-end: 0.3125rem;
1498 + margin-inline-end: 0.3125rem; }
1499 +
1500 +.eps-add-new-button {
1501 + display: -webkit-inline-box;
1502 + display: -ms-inline-flexbox;
1503 + display: inline-flex;
1504 + --eps-add-new-button-size: 1.5rem;
1505 + line-height: var(--eps-add-new-button-size);
1506 + cursor: pointer; }
1507 + .eps-add-new-button .eps-icon {
1508 + background-color: #58d0f5;
1509 + color: #fff;
1510 + width: var(--eps-add-new-button-size);
1511 + height: var(--eps-add-new-button-size);
1512 + -webkit-border-radius: 100%;
1513 + border-radius: 100%;
1514 + font-size: calc(var(--eps-add-new-button-size) * 0.75);
1515 + text-align: center;
1516 + line-height: var(--eps-add-new-button-size); }
1517 + .eps-add-new-button span:not(.sr-only) {
1518 + -webkit-margin-start: 0.625rem;
1519 + margin-inline-start: 0.625rem;
1520 + font-weight: 500; }
1521 + .eps-add-new-button--sm {
1522 + --eps-add-new-button-size: 1rem; }
1523 +
1524 +:root {
1525 + --menu-title-color: #6d7882; }
1526 +
1527 +.eps-theme-dark {
1528 + --menu-title-color: #6d7882; }
1529 +
1530 +.eps-menu ul {
1531 + list-style: none;
1532 + padding: 0;
1533 + margin: 0; }
1534 + .eps-menu ul li {
1535 + display: -webkit-box;
1536 + display: -ms-flexbox;
1537 + display: flex; }
1538 +
1539 +.eps-menu__title {
1540 + padding: 0.5rem 1.875rem;
1541 + font-size: 0.6875rem;
1542 + line-height: 1.2;
809 1543 text-transform: uppercase;
810 - margin-block-end: 0;
811 -}
812 -.eps-app__main {
1544 + font-weight: normal;
1545 + color: var(--menu-title-color); }
1546 +
1547 +:root {
1548 + --menu-item-color: #6d7882;
1549 + --menu-item-color-hover: #556068;
1550 + --menu-item-background-color-active: #fff;
1551 + --menu-item-icon-color: #a4afb7;
1552 + --menu-item-action-button-color: #d5dadf; }
1553 +
1554 +.eps-theme-dark {
1555 + --menu-item-color: #e0e1e3;
1556 + --menu-item-color-hover: #e0e1e3;
1557 + --menu-item-background-color-active: #404349;
1558 + --menu-item-icon-color: #b4b5b7;
1559 + --menu-item-action-button-color: #64666a; }
1560 +
1561 +.eps-menu-item {
1562 + display: -webkit-box;
1563 + display: -ms-flexbox;
813 1564 display: flex;
814 - overflow: hidden;
815 - flex-grow: 1;
816 -}
817 -.eps-app__sidebar {
818 - background-color: var(--app-sidebar-background-color);
819 - padding-block-start: 1.25rem;
820 - width: 30%;
821 - max-width: 17.1875rem;
822 - border-inline-end: var(--e-a-border);
823 - flex-grow: 0;
824 - overflow-y: auto;
825 - z-index: 4;
826 -}
827 -.eps-app__content {
828 - flex-grow: 1;
1565 + -webkit-box-align: center;
1566 + -ms-flex-align: center;
1567 + align-items: center;
829 1568 position: relative;
830 - padding: 2.75rem;
831 - height: 100%;
832 - overflow-y: auto;
833 -}
1569 + -webkit-transition: 0.3s;
1570 + -o-transition: 0.3s;
1571 + transition: 0.3s;
1572 + --action-button-opacity: 0; }
1573 + .eps-menu-item::before {
1574 + content: '';
1575 + display: block;
1576 + position: absolute;
1577 + top: 0;
1578 + left: 0;
1579 + height: 100%;
1580 + width: var(--menu-item-pointer-width);
1581 + background-color: #58d0f5; }
1582 + .eps-menu-item:hover {
1583 + --action-button-opacity: 1; }
1584 + .eps-menu-item:hover, .eps-menu-item--active {
1585 + --menu-item-color: var(--menu-item-color-hover);
1586 + --eps-link-color: var(--menu-item-color-hover);
1587 + --menu-item-icon-color: #58d0f5; }
1588 + .eps-menu-item--active {
1589 + background-color: var(--menu-item-background-color-active); }
1590 + .eps-menu-item__link {
1591 + padding: 0.5rem 1.875rem;
1592 + min-height: 2.75rem;
1593 + font-size: 0.75rem;
1594 + line-height: 1.2;
1595 + -webkit-box-flex: 1;
1596 + -ms-flex-positive: 1;
1597 + flex-grow: 1;
1598 + display: -webkit-box;
1599 + display: -ms-flexbox;
1600 + display: flex;
1601 + -webkit-box-align: center;
1602 + -ms-flex-align: center;
1603 + align-items: center;
1604 + color: var(--menu-item-color);
1605 + --eps-link-color: var(--menu-item-color); }
1606 + .eps-menu-item__link:not(:last-child) {
1607 + -webkit-padding-end: 0;
1608 + padding-inline-end: 0; }
1609 + .eps-menu-item__link .eps-icon {
1610 + font-size: 1.125rem;
1611 + color: var(--menu-item-icon-color);
1612 + -webkit-margin-end: 0.75rem;
1613 + margin-inline-end: 0.75rem; }
1614 + .eps-menu-item__action-button {
1615 + color: var(--menu-item-action-button-color);
1616 + opacity: var(--action-button-opacity);
1617 + padding: 0.625rem;
1618 + -webkit-transition: 0.3s;
1619 + -o-transition: 0.3s;
1620 + transition: 0.3s;
1621 + -webkit-margin-end: 1.25rem;
1622 + margin-inline-end: 1.25rem; }
1623 + .eps-menu-item--active {
1624 + --menu-item-pointer-width: 0.3125rem;
1625 + -webkit-box-shadow: 0 3px 6px var(--color-box-shadow-color);
1626 + box-shadow: 0 3px 6px var(--color-box-shadow-color); }
1627 + .eps-menu-item--active .eps-menu-item__link .eps-icon {
1628 + color: #58d0f5; }
834 1629
835 -.e-app-upload-file__input {
836 - display: none;
837 -}
1630 +:root {
1631 + --color-box-shadow-color: rgba(0, 0, 0, 0.05); }
838 1632
839 -.e-app-drop-zone {
840 - --e-app-drop-zone-text-color: #69727D;
841 - --e-app-drop-zone-secondary-text-color: #515962;
842 -}
843 -.e-app-drop-zone__icon {
844 - margin-block-end: 2.75rem;
845 - font-size: 60px;
846 -}
847 -.e-app-drop-zone__text {
848 - color: var(--e-app-drop-zone-text-color);
849 -}
850 -.e-app-drop-zone__secondary-text {
851 - color: var(--e-app-drop-zone-secondary-text-color);
852 -}
1633 +.eps-theme-dark {
1634 + --color-box-shadow-color: rgba(0, 0, 0, 0.1); }
853 1635
854 -.eps-theme-dark .e-app-drop-zone {
855 - --e-app-drop-zone-text-color: #BABFC5;
856 - --e-app-drop-zone-secondary-text-color: #D5D8DC;
857 -}
1636 +:root {
1637 + --card-background-color: rgba(255, 255, 255, 0.5);
1638 + --card-background-color-hover: #fff;
1639 + --card-box-shadow: 0 4px 10px var(--color-box-shadow-color);
1640 + --card-header-footer-border: 1px solid #f1f3f5;
1641 + --card-headline-color: #6d7882;
1642 + --card-figure-background-color: #f1f3f5;
1643 + --card-image-overlay-background-color: rgba(0, 0, 0, 0.2); }
858 1644
1645 +.eps-theme-dark {
1646 + --card-background-color: rgba(64, 67, 73, 0.5);
1647 + --card-background-color-hover: #404349;
1648 + --card-box-shadow: 0 3px 6px var(--color-box-shadow-color);
1649 + --card-header-footer-border: 1px solid #34383c;
1650 + --card-headline-color: #e0e1e3;
1651 + --card-figure-background-color: #34383c;
1652 + --card-image-overlay-background-color: rgba(52, 56, 60, 0.5); }
1653 +
1654 +.eps-card {
1655 + background-color: var(--card-background-color);
1656 + -webkit-box-shadow: 0 4px 10px var(--color-box-shadow-color);
1657 + box-shadow: 0 4px 10px var(--color-box-shadow-color);
1658 + -webkit-border-radius: 0.1875rem;
1659 + border-radius: 0.1875rem;
1660 + -webkit-transition: 0.3s;
1661 + -o-transition: 0.3s;
1662 + transition: 0.3s;
1663 + font-size: 0.75rem;
1664 + /*
1665 + todo: TBD: Optionally remove headline styling in favor of a global atom depending on variation needs
1666 + */ }
1667 + .eps-card__header {
1668 + padding: 0.625rem;
1669 + border-bottom: var(--card-header-footer-border);
1670 + min-height: 2.5rem;
1671 + display: -webkit-box;
1672 + display: -ms-flexbox;
1673 + display: flex;
1674 + -webkit-box-align: center;
1675 + -ms-flex-align: center;
1676 + align-items: center; }
1677 + .eps-card__headline {
1678 + color: var(--card-headline-color);
1679 + margin-bottom: 0;
1680 + font-weight: 500;
1681 + -webkit-box-flex: 1;
1682 + -ms-flex-positive: 1;
1683 + flex-grow: 1;
1684 + overflow: hidden;
1685 + -o-text-overflow: ellipsis;
1686 + text-overflow: ellipsis;
1687 + white-space: nowrap; }
1688 + .eps-card__body {
1689 + padding: 0.625rem 0.625rem; }
1690 + .eps-card__figure {
1691 + background-color: var(--card-figure-background-color);
1692 + position: relative;
1693 + padding-bottom: var(--card-image-aspect-ratio, 95.6%);
1694 + overflow: hidden;
1695 + height: 0; }
1696 + .eps-card__image {
1697 + width: 100%;
1698 + -o-object-fit: contain;
1699 + object-fit: contain;
1700 + -o-object-position: top;
1701 + object-position: top;
1702 + position: absolute;
1703 + top: 0;
1704 + left: 0; }
1705 + .eps-card__image-overlay {
1706 + position: absolute;
1707 + top: 0;
1708 + background-color: var(--card-image-overlay-background-color);
1709 + z-index: 1;
1710 + width: 100%;
1711 + height: 100%;
1712 + opacity: 0;
1713 + -webkit-transition: 0.3s;
1714 + -o-transition: 0.3s;
1715 + transition: 0.3s; }
1716 + .eps-card__image-overlay:hover {
1717 + opacity: 1; }
1718 + .eps-card__footer {
1719 + padding: 0.625rem;
1720 + border-top: var(--card-header-footer-border);
1721 + font-size: 0.6875rem; }
1722 + .eps-card:hover {
1723 + background-color: var(--card-background-color-hover); }
1724 +
1725 +.eps-dialog {
1726 + -webkit-border-radius: 3px;
1727 + border-radius: 3px;
1728 + width: 375px; }
1729 + .eps-dialog__close-button {
1730 + position: absolute;
1731 + top: 0;
1732 + right: 0;
1733 + margin-top: 0.625rem;
1734 + margin-right: 0.625rem;
1735 + z-index: 1040;
1736 + font-size: 1.25rem;
1737 + color: #fff; }
1738 + .eps-dialog__content {
1739 + padding: 1.5rem 1.875rem 1rem;
1740 + font-size: 0.75rem; }
1741 + .eps-dialog__title, .eps-dialog__text {
1742 + text-align: center; }
1743 + .eps-dialog__buttons {
1744 + display: -webkit-box;
1745 + display: -ms-flexbox;
1746 + display: flex; }
1747 + .eps-dialog__button {
1748 + -webkit-box-flex: 1;
1749 + -ms-flex: 1;
1750 + flex: 1;
1751 + border-top: 1px solid var(--hr-color);
1752 + line-height: 2.75rem;
1753 + text-align: center;
1754 + -webkit-box-pack: center;
1755 + -ms-flex-pack: center;
1756 + justify-content: center; }
1757 + .eps-dialog__button:last-child:not(:first-child) {
1758 + -webkit-border-start: 1px solid var(--hr-color);
1759 + border-inline-start: 1px solid var(--hr-color); }
1760 +
859 1761 :root {
860 - --info-toggle-color: #9DA5AE;
861 - --info-toggle-hover-color: #69727D;
862 -}
1762 + --info-toggle-color: #d5dadf;
1763 + --info-toggle-hover-color: #a4afb7; }
863 1764
864 1765 .eps-theme-dark {
865 1766 --placeholder-filter: invert(0.8) sepia(1) saturate(0.2) hue-rotate(180deg) contrast(1.25) brightness(1.2);
866 - --info-toggle-color: #818A96;
867 - --info-toggle-hover-color: #BABFC5;
868 -}
1767 + --info-toggle-color: #64666a;
1768 + --info-toggle-hover-color: #b4b5b7; }
869 1769
870 1770 .e-site-part .eps-card__image {
871 - filter: var(--placeholder-filter, none);
872 -}
1771 + -webkit-filter: var(--placeholder-filter, none);
1772 + filter: var(--placeholder-filter, none); }
1773 +
873 1774 .e-site-part__info-toggle {
874 - color: var(--info-toggle-color);
875 -}
876 -.e-site-part__info-toggle:hover {
877 - --info-toggle-color: var(--info-toggle-hover-color);
878 -}
1775 + color: var(--info-toggle-color); }
1776 + .e-site-part__info-toggle:hover {
1777 + --info-toggle-color: var(--info-toggle-hover-color); }
879 1778
1779 +.e-site-editor__promotion-overlay__link {
1780 + display: -webkit-box;
1781 + display: -ms-flexbox;
1782 + display: flex;
1783 + width: 100%;
1784 + height: 100%;
1785 + -webkit-box-align: center;
1786 + -ms-flex-align: center;
1787 + align-items: center;
1788 + -webkit-box-pack: center;
1789 + -ms-flex-pack: center;
1790 + justify-content: center;
1791 + -webkit-box-orient: vertical;
1792 + -webkit-box-direction: normal;
1793 + -ms-flex-direction: column;
1794 + flex-direction: column;
1795 + text-decoration: none; }
1796 +
1797 +.e-site-editor__promotion-overlay__icon {
1798 + font-size: 1.25rem;
1799 + color: #fff;
1800 + margin-bottom: 1rem; }
1801 +
1802 +.eps-menu__title {
1803 + margin-top: 2.75rem;
1804 + margin-bottom: 1rem; }
1805 +
1806 +.e-site-editor__promotion-overlay__link {
1807 + display: -webkit-box;
1808 + display: -ms-flexbox;
1809 + display: flex;
1810 + width: 100%;
1811 + height: 100%;
1812 + -webkit-box-align: center;
1813 + -ms-flex-align: center;
1814 + align-items: center;
1815 + -webkit-box-pack: center;
1816 + -ms-flex-pack: center;
1817 + justify-content: center;
1818 + -webkit-box-orient: vertical;
1819 + -webkit-box-direction: normal;
1820 + -ms-flex-direction: column;
1821 + flex-direction: column;
1822 + text-decoration: none; }
1823 +
1824 +.e-site-editor__promotion-overlay__icon {
1825 + font-size: 1.25rem;
1826 + color: #fff;
1827 + margin-bottom: 1rem; }
1828 +
880 1829 .e-site-editor__header {
881 - margin-block-end: 2.75rem;
882 - border-block-end: 1px solid var(--hr-color);
883 -}
1830 + margin-bottom: 2.75rem;
1831 + border-bottom: 1px solid var(--hr-color); }
884 1832
885 1833 :root {
886 - --e-elementor-loader-color: #ffffff;
887 - --e-elementor-loader-wrapper-color: #F9FAFA;
888 - --e-elementor-loader-box-color: #E6E8EA;
889 -}
1834 + --e-elementor-loader-container-background-color: #f1f3f5;
1835 + --e-elementor-loader-background-color: rgba(255, 255, 255, 0.9); }
890 1836
891 1837 .eps-theme-dark {
892 - --e-elementor-loader-color: #1f2124;
893 - --e-elementor-loader-wrapper-color: #2b2c31;
894 - --e-elementor-loader-box-color: #3f444b;
895 -}
1838 + --e-elementor-loader-container-background-color: #34383c;
1839 + --e-elementor-loader-background-color: #4c4f56; }
896 1840
897 1841 .elementor-loading {
898 - background-color: var(--e-elementor-loader-color);
899 - height: 100vh;
900 -}
1842 + background-color: var(--e-elementor-loader-container-background-color);
1843 + height: 100vh; }
901 1844
902 1845 .elementor-loader-wrapper {
903 1846 position: absolute;
904 - inset-block-start: 50%;
905 - inset-inline-start: 50%;
906 - transform: translate(calc(-50% * var(--direction-multiplier)), -50%);
1847 + top: 50%;
1848 + left: 50%;
1849 + -webkit-transform: translate(-50%, -50%);
1850 + -ms-transform: translate(-50%, -50%);
1851 + transform: translate(-50%, -50%);
907 1852 width: 300px;
1853 + display: -webkit-box;
1854 + display: -ms-flexbox;
908 1855 display: flex;
909 - flex-direction: column;
910 - align-items: center;
911 - gap: 30px;
912 -}
1856 + -ms-flex-wrap: wrap;
1857 + flex-wrap: wrap;
1858 + -webkit-box-pack: center;
1859 + -ms-flex-pack: center;
1860 + justify-content: center; }
913 1861
914 1862 .elementor-loader {
915 - border-radius: 50%;
1863 + -webkit-border-radius: 50%;
1864 + border-radius: 50%;
916 1865 padding: 40px;
917 1866 height: 150px;
918 1867 width: 150px;
919 - background-color: var(--e-elementor-loader-wrapper-color);
920 - box-sizing: border-box;
921 - box-shadow: 2px 2px 20px 4px rgba(0, 0, 0, 0.02);
922 -}
1868 + background-color: var(--e-elementor-loader-background-color);
1869 + -webkit-box-sizing: border-box;
1870 + box-sizing: border-box;
1871 + -webkit-box-shadow: 2px 2px 20px 4px rgba(0, 0, 0, 0.02);
1872 + box-shadow: 2px 2px 20px 4px rgba(0, 0, 0, 0.02); }
923 1873
924 1874 .elementor-loader-boxes {
925 1875 height: 100%;
926 1876 width: 100%;
927 - position: relative;
928 -}
1877 + position: relative; }
929 1878
930 1879 .elementor-loader-box {
931 1880 position: absolute;
932 - background-color: var(--e-elementor-loader-box-color);
933 - animation: load 1.8s linear infinite;
934 -}
935 -.elementor-loader-box:nth-of-type(1) {
936 - width: 20%;
937 - height: 100%;
938 - inset-block-start: 0;
939 - inset-inline-start: 0;
940 -}
941 -.elementor-loader-box:not(:nth-of-type(1)) {
942 - inset-inline-end: 0;
943 - height: 20%;
944 - width: 60%;
945 -}
946 -.elementor-loader-box:nth-of-type(2) {
947 - top: 0;
948 - animation-delay: calc(1.8s / 4 * -1);
949 -}
950 -.elementor-loader-box:nth-of-type(3) {
951 - top: 40%;
952 - animation-delay: calc(1.8s / 4 * -2);
953 -}
954 -.elementor-loader-box:nth-of-type(4) {
955 - bottom: 0;
956 - animation-delay: calc(1.8s / 4 * -3);
957 -}
1881 + background-color: #d5dadf;
1882 + -webkit-animation: load 1.8s linear infinite;
1883 + animation: load 1.8s linear infinite; }
1884 + .elementor-loader-box:nth-of-type(1) {
1885 + width: 20%;
1886 + height: 100%;
1887 + left: 0;
1888 + top: 0; }
1889 + .elementor-loader-box:not(:nth-of-type(1)) {
1890 + right: 0;
1891 + height: 20%;
1892 + width: 60%; }
1893 + .elementor-loader-box:nth-of-type(2) {
1894 + top: 0;
1895 + -webkit-animation-delay: -0.45s;
1896 + animation-delay: -0.45s; }
1897 + .elementor-loader-box:nth-of-type(3) {
1898 + top: 40%;
1899 + -webkit-animation-delay: -0.9s;
1900 + animation-delay: -0.9s; }
1901 + .elementor-loader-box:nth-of-type(4) {
1902 + bottom: 0;
1903 + -webkit-animation-delay: -1.35s;
1904 + animation-delay: -1.35s; }
958 1905
959 1906 .elementor-loading-title {
960 - color: #9DA5AE;
1907 + color: #a4afb7;
961 1908 text-align: center;
962 1909 text-transform: uppercase;
1910 + margin-top: 30px;
963 1911 letter-spacing: 7px;
964 1912 text-indent: 7px;
965 1913 font-size: 10px;
966 - width: 100%;
967 -}
1914 + width: 100%; }
968 1915
1916 +@-webkit-keyframes load {
1917 + 0% {
1918 + opacity: .3; }
1919 + 50% {
1920 + opacity: 1; }
1921 + 100% {
1922 + opacity: .3; } }
1923 +
969 1924 @keyframes load {
970 1925 0% {
971 - opacity: 0.3;
972 - }
1926 + opacity: .3; }
973 1927 50% {
974 - opacity: 1;
975 - }
1928 + opacity: 1; }
976 1929 100% {
977 - opacity: 0.3;
978 - }
979 -}
980 -.eps-menu__title {
981 - margin-block-start: 2.75rem;
982 - margin-block-end: 1rem;
983 -}
1930 + opacity: .3; } }
984 1931
985 -.e-app-import {
986 - --e-app-import-back-to-library-color: #69727D;
987 - padding-block-end: 1.25rem;
988 -}
989 -.e-app-import__drop-zone {
990 - margin-block-start: 1.25rem;
991 -}
992 -.e-app-import__back-to-library {
993 - color: var(--e-app-import-back-to-library-color);
994 - margin-block-end: 1.5rem;
995 -}
996 -.e-app-import__back-to-library > i {
997 - margin-inline-end: 0.5rem;
998 -}
1932 +:root {
1933 + --e-app-drag-drop-background-color: #fff;
1934 + --e-app-drag-drop-outline-color: #d5dadf; }
999 1935
1000 -.eps-theme-dark .e-app-import {
1001 - --e-app-import-back-to-library-color: #BABFC5;
1002 -}
1936 +.eps-theme-dark {
1937 + --e-app-drag-drop-background-color: #404349;
1938 + --e-app-drag-drop-outline-color: #7d7e82; }
1003 1939
1004 -.e-site-editor__promotion-overlay__link {
1005 - display: flex;
1006 - width: 100%;
1007 - height: 100%;
1008 - align-items: center;
1009 - justify-content: center;
1010 - flex-direction: column;
1011 - text-decoration: none;
1012 -}
1013 -.e-site-editor__promotion-overlay__icon {
1014 - font-size: 1.25rem;
1015 - color: #ffffff;
1016 - margin-block-end: 1rem;
1017 -}
1940 +.e-app-drag-drop {
1941 + background-color: var(--e-app-drag-drop-background-color);
1942 + outline: 2px dashed var(--e-app-drag-drop-outline-color);
1943 + outline-offset: -0.75rem;
1944 + margin-bottom: 1.5rem;
1945 + padding: 4.125rem;
1946 + text-align: center; }
1947 + .e-app-drag-drop--drag-over {
1948 + outline-color: #58d0f5; }
1018 1949
1019 -.e-app-import-export-wizard-step {
1020 - --e-app-import-export-wizard-step-icon-color: #818A96;
1021 - --e-app-import-export-wizard-step-text-color: #69727D;
1022 - --e-app-import-export-wizard-step-block-end-text-color: #69727D;
1023 - height: 100%;
1024 - position: relative;
1025 - text-align: center;
1026 -}
1027 -.e-app-import-export-wizard-step__media-container {
1028 - height: 140px;
1029 - margin: 5.5rem 0 2.75rem;
1030 -}
1031 -.e-app-import-export-wizard-step__icon {
1032 - color: var(--e-app-import-export-wizard-step-icon-color);
1033 - font-size: 50px;
1034 -}
1035 -.e-app-import-export-wizard-step__icon.eicon-loading {
1036 - font-size: 1.85rem;
1037 -}
1038 -.e-app-import-export-wizard-step__heading {
1039 - margin-block-end: 1.5rem;
1040 -}
1041 -.e-app-import-export-wizard-step__description, .e-app-import-export-wizard-step__info {
1042 - color: var(--e-app-import-export-wizard-step-text-color);
1043 -}
1044 -.e-app-import-export-wizard-step__info {
1045 - margin-block-start: 1.5rem;
1046 -}
1047 -.e-app-import-export-wizard-step__content {
1048 - text-align: initial;
1049 - margin-block-end: 1.25rem;
1050 -}
1051 -.e-app-import-export-wizard-step__notice {
1052 - display: block;
1053 - position: sticky;
1054 - inset-block-start: 100%; /* Will prevent text overlapping when window height is too short. */
1055 - color: var(--e-app-import-export-wizard-step-block-end-text-color);
1056 - font-style: italic;
1057 - margin-block-end: 0;
1058 -}
1950 +.e-app-upload-file__input {
1951 + display: none; }
1059 1952
1060 -.eps-theme-dark .e-app-import-export-wizard-step {
1061 - --e-app-import-export-wizard-step-icon-color: #818A96;
1062 - --e-app-import-export-wizard-step-text-color: #BABFC5;
1063 - --e-app-import-export-wizard-step-block-end-text-color: #BABFC5;
1064 -}
1953 +.e-app-drop-zone__icon {
1954 + margin-bottom: 2.75rem;
1955 + color: #c2cbd2;
1956 + font-size: 60px; }
1065 1957
1066 -.e-app-import-export-page-header {
1067 - --e-app-import-export-page-header-heading-color: #515962;
1068 - --e-app-import-export-page-header-description-color: #69727D;
1069 - margin-block-end: 2.75rem;
1070 -}
1071 -.e-app-import-export-page-header__content-wrapper {
1072 - max-width: 655px;
1073 -}
1074 -.e-app-import-export-page-header__heading {
1075 - color: var(--e-app-import-export-page-header-heading-color);
1076 -}
1077 -.e-app-import-export-page-header__description {
1078 - color: var(--e-app-import-export-page-header-description-color);
1079 - margin-block-start: 1.25rem;
1080 -}
1958 +:root {
1959 + --select2-selection-background-color: #fff;
1960 + --select2-selection-color: #6d7882;
1961 + --select2-selection-border-color: #d5dadf;
1962 + --select2-selection-opened-focused-border-color: #f1f3f5;
1963 + --select2-single-selection-rendered-color: #6d7882;
1964 + --select2-default-single-selection-background-color: #fff;
1965 + --select2-default-single-selection-border-color: #d5dadf;
1966 + --select2-default-multiple-selection-background-color: #fff;
1967 + --select2-default-multiple-selection-choice-background-color: #f1f3f5;
1968 + --select2-default-multiple-selection-choice-color: #6d7882;
1969 + --select2-default-multiple-selection-choice-border-color: #f1f3f5;
1970 + --select2-default-multiple-selection-choice-remove-color: #a4afb7;
1971 + --select2-default-multiple-selection-choice-remove-hover-color: #6d7882;
1972 + --select2-default-results-selected-option-background-color: #fff;
1973 + --select2-default-results-selected-option-color: #6d7882;
1974 + --select2-default-results-highlighted-option-background-color: #5897fb;
1975 + --select2-default-results-highlighted-option-color: #fff;
1976 + --select2-results-selected-option-background-color: #5897fb;
1977 + --select2-results-selected-option-color: #fff;
1978 + --select2-dropdown-background-color: #fff;
1979 + --select2-dropdown-border-color: #d5dadf; }
1081 1980
1082 -.eps-theme-dark .e-app-import-export-page-header {
1083 - --e-app-import-export-page-header-heading-color: #D5D8DC;
1084 - --e-app-import-export-page-header-description-color: #D5D8DC;
1085 -}
1981 +.eps-theme-dark {
1982 + --select2-selection-background-color: #34383c;
1983 + --select2-selection-color: #e0e1e3;
1984 + --select2-selection-border-color: #64666a;
1985 + --select2-selection-opened-focused-border-color: #7d7e82;
1986 + --select2-single-selection-rendered-color: #e0e1e3;
1987 + --select2-default-single-selection-background-color: #34383c;
1988 + --select2-default-single-selection-border-color: #4c4f56;
1989 + --select2-default-multiple-selection-background-color: #34383c;
1990 + --select2-default-multiple-selection-choice-background-color: #4c4f56;
1991 + --select2-default-multiple-selection-choice-color: #e0e1e3;
1992 + --select2-default-multiple-selection-choice-border-color: #4c4f56;
1993 + --select2-default-multiple-selection-choice-remove-color: #b4b5b7;
1994 + --select2-default-multiple-selection-choice-remove-hover-color: #e0e1e3;
1995 + --select2-default-results-selected-option-background-color: #34383c;
1996 + --select2-default-results-selected-option-color: #e0e1e3;
1997 + --select2-default-results-highlighted-option-background-color: #4c4f56;
1998 + --select2-default-results-highlighted-option-color: #e0e1e3;
1999 + --select2-results-selected-option-background-color: #4c4f56;
2000 + --select2-results-selected-option-color: #e0e1e3;
2001 + --select2-dropdown-background-color: #34383c;
2002 + --select2-dropdown-border-color: #64666a; }
1086 2003
1087 -.e-app-export-kit-content {
1088 - --e-app-export-kit-content-title-color: #3f444b;
1089 - --e-app-export-kit-content-description-color: #515962;
1090 - --e-app-export-kit-content-sm-notice-color: #BABFC5;
1091 -}
1092 -.e-app-export-kit-content__checkbox {
1093 - flex-shrink: 0;
1094 - margin-inline-end: 0.75rem;
1095 -}
1096 -.e-app-export-kit-content__title {
1097 - color: var(--e-app-export-kit-content-title-color);
1098 -}
1099 -.e-app-export-kit-content__description {
1100 - color: var(--e-app-export-kit-content-description-color);
1101 - margin-inline-end: 1.25rem;
1102 -}
1103 -.e-app-export-kit-content__notice {
1104 - margin-block-start: 1rem;
1105 -}
1106 -.e-app-export-kit-content__small-notice {
1107 - font-style: italic;
1108 - color: var(--e-app-export-kit-content-sm-notice-color);
1109 -}
2004 +.select2-container:not(.select2-container--open):not(.select2-container--focus) .select2-selection--single,
2005 +.select2-container:not(.select2-container--open):not(.select2-container--focus) .select2-selection--multiple {
2006 + background-color: var(--select2-selection-background-color);
2007 + color: var(--select2-selection-color);
2008 + border-color: var(--select2-selection-border-color); }
1110 2009
1111 -.eps-theme-dark .e-app-export-kit-content {
1112 - --e-app-export-kit-content-title-color: #D5D8DC;
1113 - --e-app-export-kit-content-description-color: #BABFC5;
1114 - --e-app-export-kit-content-sm-notice-color: #818A96;
1115 -}
2010 +.select2-container.select2-container--open .select2-selection--single,
2011 +.select2-container.select2-container--open .select2-selection--multiple, .select2-container.select2-container--focus .select2-selection--single,
2012 +.select2-container.select2-container--focus .select2-selection--multiple {
2013 + border-color: var(--select2-selection-opened-focused-border-color); }
1116 2014
1117 -.e-app-wizard-footer {
1118 - --e-app-wizard-footer-border-color: #E6E8EA;
1119 - padding: 0.5rem;
1120 -}
1121 -.e-app-wizard-footer__separator {
1122 - border-block-start: 1px solid var(--e-app-wizard-footer-border-color);
1123 -}
2015 +.select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
2016 + color: var(--select2-single-selection-rendered-color); }
1124 2017
1125 -.eps-theme-dark .e-app-wizard-footer {
1126 - --e-app-wizard-footer-border-color: #333438;
1127 -}
2018 +.select2-container--default .select2-selection--single {
2019 + background-color: var(--select2-default-single-selection-background-color);
2020 + border-color: var(--select2-default-single-selection-border-color); }
1128 2021
1129 -.e-app-export-templates-features__locked {
1130 - --e-app-export-templates-features-locked-color: #69727D;
1131 - color: var(--e-app-export-templates-features-locked-color);
1132 -}
2022 +.select2-container--default .select2-selection--multiple {
2023 + background-color: var(--select2-default-multiple-selection-background-color); }
2024 + .select2-container--default .select2-selection--multiple .select2-selection__choice {
2025 + background-color: var(--select2-default-multiple-selection-choice-background-color);
2026 + color: var(--select2-default-multiple-selection-choice-color);
2027 + border-color: var(--select2-default-multiple-selection-choice-border-color); }
2028 + .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
2029 + color: var(--select2-default-multiple-selection-choice-remove-color); }
2030 + .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
2031 + color: var(--select2-default-multiple-selection-choice-remove-hover-color); }
1133 2032
1134 -.eps-theme-dark .e-app-export-templates-features__locked {
1135 - --e-app-export-templates-features-locked-color: #9DA5AE;
1136 -}
2033 +.select2-container--default .select2-results__option[aria-selected] {
2034 + background-color: var(--select2-default-results-selected-option-background-color);
2035 + color: var(--select2-default-results-selected-option-color); }
1137 2036
2037 +.select2-container--default .select2-results__option--highlighted[aria-selected] {
2038 + background-color: var(--select2-default-results-highlighted-option-background-color);
2039 + color: var(--select2-default-results-highlighted-option-color); }
2040 +
2041 +.select2-container .select2-results__option[aria-selected=true] {
2042 + background-color: var(--select2-results-selected-option-background-color);
2043 + color: var(--select2-results-selected-option-color); }
2044 +
2045 +.select2-container .select2-dropdown {
2046 + background-color: var(--select2-dropdown-background-color);
2047 + border-color: var(--select2-dropdown-border-color); }
2048 +
1138 2049 :root {
1139 - --color-box-shadow-color: rgba(0, 0, 0, 0.05);
1140 -}
2050 + --checkbox-border-color: #d5dadf;
2051 + --checkbox-hover-border-color: #c7cdd4;
2052 + --checkbox-active-border-color: #e3e7ea;
2053 + --checkbox-background-color: #fff;
2054 + --checkbox-checked-background-color: #39b54a;
2055 + --checkbox-checked-hover-background-color: #33a242;
2056 + --checkbox-checked-active-background-color: #44c455;
2057 + --checkbox-indicator-color: #fff; }
1141 2058
1142 -.eps-theme-dark {
1143 - --color-box-shadow-color: rgba(0, 0, 0, 0.1);
1144 -}
2059 +.eps-checkbox {
2060 + -webkit-appearance: none;
2061 + -webkit-border-radius: 0.1875rem;
2062 + border-radius: 0.1875rem;
2063 + width: 15px;
2064 + height: 15px;
2065 + outline: 0;
2066 + background-color: var(--checkbox-background-color);
2067 + display: -webkit-inline-box;
2068 + display: -ms-inline-flexbox;
2069 + display: inline-flex;
2070 + -webkit-box-pack: center;
2071 + -ms-flex-pack: center;
2072 + justify-content: center;
2073 + -webkit-box-align: center;
2074 + -ms-flex-align: center;
2075 + align-items: center;
2076 + border: 1px solid var(--checkbox-border-color); }
2077 + .eps-checkbox::after {
2078 + display: inline-block;
2079 + margin-bottom: 12.5%;
2080 + content: " ";
2081 + width: 3px;
2082 + height: 6px;
2083 + -webkit-transform: rotate(45deg);
2084 + -ms-transform: rotate(45deg);
2085 + transform: rotate(45deg); }
2086 + .eps-checkbox:hover {
2087 + --checkbox-border-color: var(--checkbox-hover-border-color); }
2088 + .eps-checkbox:active {
2089 + --checkbox-border-color: var(--checkbox-active-border-color); }
2090 + .eps-checkbox:checked {
2091 + --checkbox-background-color: var(--checkbox-checked-background-color);
2092 + --checkbox-border-color: var(--checkbox-checked-background-color); }
2093 + .eps-checkbox:checked::after {
2094 + border: solid #fff;
2095 + border-width: 0 1px 1px 0; }
2096 + .eps-checkbox:checked:hover {
2097 + --checkbox-background-color: var(--checkbox-checked-hover-background-color);
2098 + --checkbox-border-color: var(--checkbox-checked-hover-background-color); }
2099 + .eps-checkbox:checked:active {
2100 + --checkbox-background-color: var(--checkbox-checked-active-background-color);
2101 + --checkbox-border-color: var(--checkbox-checked-active-background-color); }
2102 + .eps-checkbox--rounded {
2103 + -webkit-border-radius: 50%;
2104 + border-radius: 50%; }
1145 2105
1146 -:root {
1147 - --card-background-color-hover: #ffffff;
1148 - --card-border: 1px solid #D5D8DC;
1149 - --card-header-footer-border: 1px solid var(--e-a-border-color);
1150 - --card-header-footer-active-border: 2px solid #BABFC5;
1151 - --card-headline-color: #515962;
1152 - --card-figure-background-color: #BABFC5;
1153 - --card-image-overlay-background-color: rgba(0, 0, 0, 0.2);
1154 -}
2106 +.eps-notice {
2107 + --eps-box-notice-color: #a4afb7;
2108 + --eps-box-notice-background-color: #fcfcfc;
2109 + padding: 0.625rem 1rem;
2110 + -webkit-box-shadow: 0 2px 3px 1px var(--color-box-shadow-color);
2111 + box-shadow: 0 2px 3px 1px var(--color-box-shadow-color);
2112 + background-color: var(--eps-box-notice-background-color); }
2113 + .eps-notice--warning {
2114 + -webkit-border-start: 2px solid #fcb92c;
2115 + border-inline-start: 2px solid #fcb92c; }
2116 + .eps-notice__text {
2117 + margin: 0;
2118 + padding: 0;
2119 + color: var(--eps-box-notice-color);
2120 + font-style: italic; }
1155 2121
1156 -.eps-theme-dark {
1157 - --card-background-color-hover: #2b2c31;
1158 - --card-border: 1px solid #333438;
1159 - --card-header-footer-border: 1px solid #333438;
1160 - --card-header-footer-active-border: 1px solid #1f2124;
1161 - --card-headline-color: #D5D8DC;
1162 - --card-figure-background-color: #3f444b;
1163 - --card-image-overlay-background-color: rgba(63, 68, 75, 0.5);
1164 -}
2122 +.eps-theme-dark .eps-notice {
2123 + --eps-box-notice-color: #b4b5b7;
2124 + --eps-box-notice-background-color: #4c4f56; }
1165 2125
1166 -.eps-card {
1167 - border: var(--card-border);
1168 - border-radius: 0.1875rem;
1169 - transition: 0.3s;
1170 - font-size: 0.75rem;
1171 -}
1172 -.eps-card__header {
1173 - padding: 0.625rem;
1174 - border-block-end: var(--card-header-footer-border);
1175 - min-height: 2.5rem;
1176 - display: flex;
1177 - align-items: center;
1178 -}
1179 -.eps-card__header--padding {
1180 - padding: var(--eps-card-header-padding);
1181 -}
1182 -.eps-card {
1183 - /*
1184 - todo: TBD: Optionally remove headline styling in favor of a global atom depending on variation needs
1185 - */
1186 -}
1187 -.eps-card__headline {
1188 - color: var(--card-headline-color);
1189 - margin-block-end: 0;
1190 - font-weight: 500;
1191 - flex-grow: 1;
1192 - overflow: hidden;
1193 - text-overflow: ellipsis;
1194 - white-space: nowrap;
1195 -}
1196 -.eps-card__body {
1197 - padding: 0.625rem 0.625rem;
1198 -}
1199 -.eps-card__body--padding {
1200 - padding: var(--eps-card-body-padding);
1201 -}
1202 -.eps-card__figure {
1203 - background-color: var(--card-figure-background-color);
1204 - position: relative;
1205 - padding-block-end: var(--card-image-aspect-ratio, 95.6%);
1206 - overflow: hidden;
1207 - height: 0;
1208 -}
1209 -.eps-card__image {
1210 - width: 100%;
1211 - -o-object-fit: contain;
1212 - object-fit: contain;
1213 - -o-object-position: top;
1214 - object-position: top;
1215 - position: absolute;
1216 - inset-block-start: 0;
1217 - inset-inline-start: 0;
1218 -}
1219 -.eps-card__image-overlay {
1220 - position: absolute;
1221 - inset-block-start: 0;
1222 - background-color: var(--card-image-overlay-background-color);
1223 - z-index: 1;
1224 - width: 100%;
1225 - height: 100%;
1226 - opacity: 0;
1227 - transition: 0.3s;
1228 -}
1229 -.eps-card__image-overlay:hover {
1230 - opacity: 1;
1231 -}
1232 -.eps-card__footer {
1233 - padding: 0.625rem;
1234 - border-block-start: var(--card-header-footer-border);
1235 - font-size: 0.6875rem;
1236 -}
1237 -.eps-card__footer--padding {
1238 - padding: var(--eps-card-footer-padding);
1239 -}
2126 +.eps-box {
2127 + --eps-box-background-color: #fff;
2128 + --eps-box-color: #495157;
2129 + --eps-box-input-color: #495157;
2130 + padding: 0;
2131 + -webkit-border-radius: 0.1875rem;
2132 + border-radius: 0.1875rem;
2133 + background-color: var(--eps-box-background-color);
2134 + color: var(--eps-box-color); }
2135 + .eps-box--padding {
2136 + padding: var(--eps-box-padding); }
2137 + .eps-box > input {
2138 + width: 100%;
2139 + outline: 0;
2140 + border: 0;
2141 + background-color: var(--eps-box-background-color);
2142 + color: var(--eps-box-input-color); }
1240 2143
1241 -:root {
1242 - --menu-item-color: #515962;
1243 - --menu-item-color-hover: #3f444b;
1244 - --menu-item-color-active: #0C0D0E;
1245 - --menu-item-background-color-hover: #F9FAFA;
1246 - --menu-item-background-color-active: #E6E8EA;
1247 - --menu-item-action-button-color: #9DA5AE;
1248 -}
2144 +.eps-theme-dark .eps-box {
2145 + --eps-box-background-color: #404349;
2146 + --eps-box-color: #e0e1e3;
2147 + --eps-box-input-color: #e0e1e3; }
1249 2148
1250 -.eps-theme-dark {
1251 - --menu-item-color: #D5D8DC;
1252 - --menu-item-color-hover: #BABFC5;
1253 - --menu-item-color-active: #9DA5AE;
1254 - --menu-item-background-color-hover: #2b2c31;
1255 - --menu-item-background-color-active: #333438;
1256 - --menu-item-action-button-color: #818A96;
1257 -}
2149 +.eps-list {
2150 + --eps-list-item-separated-border-color: #f1f3f5;
2151 + padding: 0;
2152 + list-style-type: none; }
2153 + .eps-list--padding {
2154 + padding: var(--eps-list-padding); }
2155 + .eps-list__item {
2156 + padding: 0; }
2157 + .eps-list__item--padding {
2158 + padding: var(--eps-list-item-padding); }
2159 + .eps-list--separated .eps-list__item:not(:last-child) {
2160 + border-bottom: 1px solid var(--eps-list-item-separated-border-color); }
1258 2161
1259 -.eps-menu-item {
1260 - display: flex;
1261 - align-items: center;
1262 - position: relative;
1263 - transition: 0.3s;
1264 - --action-button-opacity: 0;
1265 -}
1266 -.eps-menu-item::before {
1267 - content: "";
1268 - display: block;
1269 - position: absolute;
1270 - inset-block-start: 0;
1271 - inset-inline-start: 0;
1272 - height: 100%;
1273 - width: var(--menu-item-pointer-width);
1274 - background-color: #0C0D0E;
1275 -}
1276 -.eps-menu-item:hover:not(.eps-menu-item--active) {
1277 - background-color: var(--menu-item-background-color-hover);
1278 - --action-button-opacity: 1;
1279 - --menu-item-color: var(--menu-item-color-hover);
1280 - --eps-link-color: var(--menu-item-color-hover);
1281 -}
1282 -.eps-menu-item--active {
1283 - background-color: var(--menu-item-background-color-active);
1284 - --menu-item-color: var(--menu-item-color-active);
1285 - --eps-link-color: var(--menu-item-color-active);
1286 -}
1287 -.eps-menu-item__link {
1288 - padding: 0.5rem 1.875rem;
1289 - min-height: 2.75rem;
1290 - font-size: 0.75rem;
1291 - line-height: 1.2;
1292 - flex-grow: 1;
1293 - display: flex;
1294 - align-items: center;
1295 - color: var(--menu-item-color);
1296 - --eps-link-color: var(--menu-item-color);
1297 -}
1298 -.eps-menu-item__link:not(:last-child) {
1299 - padding-inline-end: 0;
1300 -}
1301 -.eps-menu-item__link .eps-icon {
1302 - font-size: 1.125rem;
1303 - margin-inline-end: 0.75rem;
1304 -}
1305 -.eps-menu-item__action-button {
1306 - opacity: var(--action-button-opacity);
1307 - padding: 0.625rem;
1308 - transition: 0.3s;
1309 - margin-inline-end: 1.25rem;
1310 -}
1311 -.eps-menu-item--active {
1312 - --menu-item-pointer-width: 0.3125rem;
1313 -}
2162 +.eps-theme-dark .eps-list {
2163 + --eps-list-item-separated-border-color: #34383c; }
1314 2164
2165 +.eps-grid {
2166 + --grid-spacing-gutters: calc(2 * var(--grid-spacing-gutter));
2167 + --grid-spacing-width: calc(100% + var(--grid-spacing-gutters)); }
2168 +
1315 2169 .eps-grid-container {
2170 + display: -webkit-box;
2171 + display: -ms-flexbox;
1316 2172 display: flex;
1317 - flex-wrap: wrap;
1318 - width: 100%;
1319 -}
1320 -.eps-grid-container--no-wrap {
1321 - flex-wrap: nowrap;
1322 -}
1323 -.eps-grid-container--wrap-reverse {
1324 - flex-wrap: wrap-reverse;
1325 -}
1326 -.eps-grid-container--spacing {
1327 - --grid-row-gutter: calc(-1 * calc(var(--grid-spacing-gutter) * 0.625rem / 10));
1328 - width: var(--grid-spacing-width);
1329 - margin: var(--grid-row-gutter);
1330 -}
1331 -.eps-grid-container--spacing > .eps-grid-item {
1332 - padding: var(--grid-spacing-gutter);
1333 -}
2173 + -ms-flex-wrap: wrap;
2174 + flex-wrap: wrap;
2175 + width: 100%; }
2176 + .eps-grid-container--no-wrap {
2177 + -ms-flex-wrap: nowrap;
2178 + flex-wrap: nowrap; }
2179 + .eps-grid-container--wrap-reverse {
2180 + -ms-flex-wrap: wrap-reverse;
2181 + flex-wrap: wrap-reverse; }
2182 + .eps-grid-container--spacing {
2183 + --grid-row-gutter: calc(var(--grid-spacing-gutter) * -0.0625rem);
2184 + width: var(--grid-spacing-width);
2185 + margin: var(--grid-row-gutter); }
2186 + .eps-grid-container--spacing > .eps-grid-item {
2187 + padding: calc(var(--grid-spacing-gutter) * 0.0625rem); }
2188 +
1334 2189 .eps-grid--direction-row {
1335 - flex-direction: row;
1336 -}
1337 -.eps-grid--direction-row-reverse {
1338 - flex-direction: row-reverse;
1339 -}
2190 + -webkit-box-orient: horizontal;
2191 + -webkit-box-direction: normal;
2192 + -ms-flex-direction: row;
2193 + flex-direction: row; }
2194 + .eps-grid--direction-row-reverse {
2195 + -webkit-box-orient: horizontal;
2196 + -webkit-box-direction: reverse;
2197 + -ms-flex-direction: row-reverse;
2198 + flex-direction: row-reverse; }
2199 +
1340 2200 .eps-grid--direction-column {
1341 - flex-direction: column;
1342 -}
1343 -.eps-grid--direction-column-reverse {
1344 - flex-direction: column-reverse;
1345 -}
2201 + -webkit-box-orient: vertical;
2202 + -webkit-box-direction: normal;
2203 + -ms-flex-direction: column;
2204 + flex-direction: column; }
2205 + .eps-grid--direction-column-reverse {
2206 + -webkit-box-orient: vertical;
2207 + -webkit-box-direction: reverse;
2208 + -ms-flex-direction: column-reverse;
2209 + flex-direction: column-reverse; }
2210 +
1346 2211 .eps-grid--justify-stretch {
1347 - justify-content: stretch;
1348 -}
2212 + -webkit-box-pack: stretch;
2213 + -ms-flex-pack: stretch;
2214 + justify-content: stretch; }
2215 +
1349 2216 .eps-grid--justify-start {
1350 - justify-content: flex-start;
1351 -}
2217 + -webkit-box-pack: start;
2218 + -ms-flex-pack: start;
2219 + justify-content: flex-start; }
2220 +
1352 2221 .eps-grid--justify-center {
1353 - justify-content: center;
1354 -}
2222 + -webkit-box-pack: center;
2223 + -ms-flex-pack: center;
2224 + justify-content: center; }
2225 +
1355 2226 .eps-grid--justify-end {
1356 - justify-content: flex-end;
1357 -}
2227 + -webkit-box-pack: end;
2228 + -ms-flex-pack: end;
2229 + justify-content: flex-end; }
2230 +
1358 2231 .eps-grid--justify-space-between {
1359 - justify-content: space-between;
1360 -}
2232 + -webkit-box-pack: justify;
2233 + -ms-flex-pack: justify;
2234 + justify-content: space-between; }
2235 +
1361 2236 .eps-grid--justify-space-around {
1362 - justify-content: space-around;
1363 -}
2237 + -ms-flex-pack: distribute;
2238 + justify-content: space-around; }
2239 +
1364 2240 .eps-grid--justify-space-evenly {
1365 - justify-content: space-evenly;
1366 -}
2241 + -webkit-box-pack: space-evenly;
2242 + -ms-flex-pack: space-evenly;
2243 + justify-content: space-evenly; }
2244 +
1367 2245 .eps-grid--align-content-stretch {
1368 - align-content: stretch;
1369 -}
2246 + -ms-flex-line-pack: stretch;
2247 + align-content: stretch; }
2248 +
1370 2249 .eps-grid--align-content-start {
1371 - align-content: flex-start;
1372 -}
2250 + -ms-flex-line-pack: start;
2251 + align-content: flex-start; }
2252 +
1373 2253 .eps-grid--align-content-center {
1374 - align-content: center;
1375 -}
2254 + -ms-flex-line-pack: center;
2255 + align-content: center; }
2256 +
1376 2257 .eps-grid--align-content-end {
1377 - align-content: flex-end;
1378 -}
2258 + -ms-flex-line-pack: end;
2259 + align-content: flex-end; }
2260 +
1379 2261 .eps-grid--align-content-space-between {
1380 - align-content: space-between;
1381 -}
2262 + -ms-flex-line-pack: justify;
2263 + align-content: space-between; }
2264 +
1382 2265 .eps-grid--align-items-start {
1383 - align-items: flex-start;
1384 -}
2266 + -webkit-box-align: start;
2267 + -ms-flex-align: start;
2268 + align-items: flex-start; }
2269 +
1385 2270 .eps-grid--align-items-center {
1386 - align-items: center;
1387 -}
2271 + -webkit-box-align: center;
2272 + -ms-flex-align: center;
2273 + align-items: center; }
2274 +
1388 2275 .eps-grid--align-items-end {
1389 - align-items: flex-end;
1390 -}
2276 + -webkit-box-align: end;
2277 + -ms-flex-align: end;
2278 + align-items: flex-end; }
2279 +
1391 2280 .eps-grid--align-items-baseline {
1392 - align-items: baseline;
1393 -}
2281 + -webkit-box-align: baseline;
2282 + -ms-flex-align: baseline;
2283 + align-items: baseline; }
2284 +
1394 2285 .eps-grid--align-items-stretch {
1395 - align-items: stretch;
1396 -}
2286 + -webkit-box-align: stretch;
2287 + -ms-flex-align: stretch;
2288 + align-items: stretch; }
1397 2289
1398 2290 .eps-grid-item--zero-min-width {
1399 - min-width: 0;
1400 -}
2291 + min-width: 0; }
1401 2292
1402 2293 @media screen and (min-width: 480px) {
1403 2294 .eps-grid-item-sm {
1404 - flex-grow: 1;
2295 + -webkit-box-flex: 1;
2296 + -ms-flex-positive: 1;
2297 + flex-grow: 1;
1405 2298 max-width: 100%;
1406 - flex-basis: 0;
1407 - }
1408 -}
2299 + -ms-flex-preferred-size: 0;
2300 + flex-basis: 0; } }
2301 +
1409 2302 @media screen and (min-width: 768px) {
1410 2303 .eps-grid-item-md {
1411 - flex-grow: 1;
2304 + -webkit-box-flex: 1;
2305 + -ms-flex-positive: 1;
2306 + flex-grow: 1;
1412 2307 max-width: 100%;
1413 - flex-basis: 0;
1414 - }
1415 -}
2308 + -ms-flex-preferred-size: 0;
2309 + flex-basis: 0; } }
2310 +
1416 2311 @media screen and (min-width: 1025px) {
1417 2312 .eps-grid-item-lg {
1418 - flex-grow: 1;
2313 + -webkit-box-flex: 1;
2314 + -ms-flex-positive: 1;
2315 + flex-grow: 1;
1419 2316 max-width: 100%;
1420 - flex-basis: 0;
1421 - }
1422 -}
2317 + -ms-flex-preferred-size: 0;
2318 + flex-basis: 0; } }
2319 +
1423 2320 @media screen and (min-width: 1440px) {
1424 2321 .eps-grid-item-xl {
1425 - flex-grow: 1;
2322 + -webkit-box-flex: 1;
2323 + -ms-flex-positive: 1;
2324 + flex-grow: 1;
1426 2325 max-width: 100%;
1427 - flex-basis: 0;
1428 - }
1429 -}
2326 + -ms-flex-preferred-size: 0;
2327 + flex-basis: 0; } }
2328 +
1430 2329 @media screen and (min-width: 1600px) {
1431 2330 .eps-grid-item-xxl {
1432 - flex-grow: 1;
2331 + -webkit-box-flex: 1;
2332 + -ms-flex-positive: 1;
2333 + flex-grow: 1;
1433 2334 max-width: 100%;
1434 - flex-basis: 0;
1435 - }
1436 -}
1437 -.eps-grid-item-xs-1 {
1438 - flex-grow: 0;
1439 - max-width: calc(1 / 12 * 100%);
1440 - flex-basis: calc(1 / 12 * 100%);
1441 -}
2335 + -ms-flex-preferred-size: 0;
2336 + flex-basis: 0; } }
1442 2337
1443 -.eps-grid-item-xs-2 {
1444 - flex-grow: 0;
1445 - max-width: calc(2 / 12 * 100%);
1446 - flex-basis: calc(2 / 12 * 100%);
1447 -}
1448 -
1449 -.eps-grid-item-xs-3 {
1450 - flex-grow: 0;
1451 - max-width: calc(3 / 12 * 100%);
1452 - flex-basis: calc(3 / 12 * 100%);
1453 -}
1454 -
1455 -.eps-grid-item-xs-4 {
1456 - flex-grow: 0;
1457 - max-width: calc(4 / 12 * 100%);
1458 - flex-basis: calc(4 / 12 * 100%);
1459 -}
1460 -
1461 -.eps-grid-item-xs-5 {
1462 - flex-grow: 0;
1463 - max-width: calc(5 / 12 * 100%);
1464 - flex-basis: calc(5 / 12 * 100%);
1465 -}
1466 -
1467 -.eps-grid-item-xs-6 {
1468 - flex-grow: 0;
1469 - max-width: calc(6 / 12 * 100%);
1470 - flex-basis: calc(6 / 12 * 100%);
1471 -}
1472 -
1473 -.eps-grid-item-xs-7 {
1474 - flex-grow: 0;
1475 - max-width: calc(7 / 12 * 100%);
1476 - flex-basis: calc(7 / 12 * 100%);
1477 -}
1478 -
1479 -.eps-grid-item-xs-8 {
1480 - flex-grow: 0;
1481 - max-width: calc(8 / 12 * 100%);
1482 - flex-basis: calc(8 / 12 * 100%);
1483 -}
1484 -
1485 -.eps-grid-item-xs-9 {
1486 - flex-grow: 0;
1487 - max-width: calc(9 / 12 * 100%);
1488 - flex-basis: calc(9 / 12 * 100%);
1489 -}
1490 -
1491 -.eps-grid-item-xs-10 {
1492 - flex-grow: 0;
1493 - max-width: calc(10 / 12 * 100%);
1494 - flex-basis: calc(10 / 12 * 100%);
1495 -}
1496 -
1497 -.eps-grid-item-xs-11 {
1498 - flex-grow: 0;
1499 - max-width: calc(11 / 12 * 100%);
1500 - flex-basis: calc(11 / 12 * 100%);
1501 -}
1502 -
1503 -.eps-grid-item-xs-12 {
1504 - flex-grow: 0;
1505 - max-width: calc(12 / 12 * 100%);
1506 - flex-basis: calc(12 / 12 * 100%);
1507 -}
1508 -
1509 2338 @media screen and (min-width: 480px) {
1510 2339 .eps-grid-item-sm-1 {
1511 - flex-grow: 0;
1512 - max-width: calc(1 / 12 * 100%);
1513 - flex-basis: calc(1 / 12 * 100%);
1514 - }
2340 + -webkit-box-flex: 0;
2341 + -ms-flex-positive: 0;
2342 + flex-grow: 0;
2343 + max-width: 8.3333333333%;
2344 + -ms-flex-preferred-size: 8.3333333333%;
2345 + flex-basis: 8.3333333333%; }
1515 2346 .eps-grid-item-sm-2 {
1516 - flex-grow: 0;
1517 - max-width: calc(2 / 12 * 100%);
1518 - flex-basis: calc(2 / 12 * 100%);
1519 - }
2347 + -webkit-box-flex: 0;
2348 + -ms-flex-positive: 0;
2349 + flex-grow: 0;
2350 + max-width: 16.6666666667%;
2351 + -ms-flex-preferred-size: 16.6666666667%;
2352 + flex-basis: 16.6666666667%; }
1520 2353 .eps-grid-item-sm-3 {
1521 - flex-grow: 0;
1522 - max-width: calc(3 / 12 * 100%);
1523 - flex-basis: calc(3 / 12 * 100%);
1524 - }
2354 + -webkit-box-flex: 0;
2355 + -ms-flex-positive: 0;
2356 + flex-grow: 0;
2357 + max-width: 25%;
2358 + -ms-flex-preferred-size: 25%;
2359 + flex-basis: 25%; }
1525 2360 .eps-grid-item-sm-4 {
1526 - flex-grow: 0;
1527 - max-width: calc(4 / 12 * 100%);
1528 - flex-basis: calc(4 / 12 * 100%);
1529 - }
2361 + -webkit-box-flex: 0;
2362 + -ms-flex-positive: 0;
2363 + flex-grow: 0;
2364 + max-width: 33.3333333333%;
2365 + -ms-flex-preferred-size: 33.3333333333%;
2366 + flex-basis: 33.3333333333%; }
1530 2367 .eps-grid-item-sm-5 {
1531 - flex-grow: 0;
1532 - max-width: calc(5 / 12 * 100%);
1533 - flex-basis: calc(5 / 12 * 100%);
1534 - }
2368 + -webkit-box-flex: 0;
2369 + -ms-flex-positive: 0;
2370 + flex-grow: 0;
2371 + max-width: 41.6666666667%;
2372 + -ms-flex-preferred-size: 41.6666666667%;
2373 + flex-basis: 41.6666666667%; }
1535 2374 .eps-grid-item-sm-6 {
1536 - flex-grow: 0;
1537 - max-width: calc(6 / 12 * 100%);
1538 - flex-basis: calc(6 / 12 * 100%);
1539 - }
2375 + -webkit-box-flex: 0;
2376 + -ms-flex-positive: 0;
2377 + flex-grow: 0;
2378 + max-width: 50%;
2379 + -ms-flex-preferred-size: 50%;
2380 + flex-basis: 50%; }
1540 2381 .eps-grid-item-sm-7 {
1541 - flex-grow: 0;
1542 - max-width: calc(7 / 12 * 100%);
1543 - flex-basis: calc(7 / 12 * 100%);
1544 - }
2382 + -webkit-box-flex: 0;
2383 + -ms-flex-positive: 0;
2384 + flex-grow: 0;
2385 + max-width: 58.3333333333%;
2386 + -ms-flex-preferred-size: 58.3333333333%;
2387 + flex-basis: 58.3333333333%; }
1545 2388 .eps-grid-item-sm-8 {
1546 - flex-grow: 0;
1547 - max-width: calc(8 / 12 * 100%);
1548 - flex-basis: calc(8 / 12 * 100%);
1549 - }
2389 + -webkit-box-flex: 0;
2390 + -ms-flex-positive: 0;
2391 + flex-grow: 0;
2392 + max-width: 66.6666666667%;
2393 + -ms-flex-preferred-size: 66.6666666667%;
2394 + flex-basis: 66.6666666667%; }
1550 2395 .eps-grid-item-sm-9 {
1551 - flex-grow: 0;
1552 - max-width: calc(9 / 12 * 100%);
1553 - flex-basis: calc(9 / 12 * 100%);
1554 - }
2396 + -webkit-box-flex: 0;
2397 + -ms-flex-positive: 0;
2398 + flex-grow: 0;
2399 + max-width: 75%;
2400 + -ms-flex-preferred-size: 75%;
2401 + flex-basis: 75%; }
1555 2402 .eps-grid-item-sm-10 {
1556 - flex-grow: 0;
1557 - max-width: calc(10 / 12 * 100%);
1558 - flex-basis: calc(10 / 12 * 100%);
1559 - }
2403 + -webkit-box-flex: 0;
2404 + -ms-flex-positive: 0;
2405 + flex-grow: 0;
2406 + max-width: 83.3333333333%;
2407 + -ms-flex-preferred-size: 83.3333333333%;
2408 + flex-basis: 83.3333333333%; }
1560 2409 .eps-grid-item-sm-11 {
1561 - flex-grow: 0;
1562 - max-width: calc(11 / 12 * 100%);
1563 - flex-basis: calc(11 / 12 * 100%);
1564 - }
2410 + -webkit-box-flex: 0;
2411 + -ms-flex-positive: 0;
2412 + flex-grow: 0;
2413 + max-width: 91.6666666667%;
2414 + -ms-flex-preferred-size: 91.6666666667%;
2415 + flex-basis: 91.6666666667%; }
1565 2416 .eps-grid-item-sm-12 {
1566 - flex-grow: 0;
1567 - max-width: calc(12 / 12 * 100%);
1568 - flex-basis: calc(12 / 12 * 100%);
1569 - }
1570 -}
2417 + -webkit-box-flex: 0;
2418 + -ms-flex-positive: 0;
2419 + flex-grow: 0;
2420 + max-width: 100%;
2421 + -ms-flex-preferred-size: 100%;
2422 + flex-basis: 100%; } }
2423 +
1571 2424 @media screen and (min-width: 768px) {
1572 2425 .eps-grid-item-md-1 {
1573 - flex-grow: 0;
1574 - max-width: calc(1 / 12 * 100%);
1575 - flex-basis: calc(1 / 12 * 100%);
1576 - }
2426 + -webkit-box-flex: 0;
2427 + -ms-flex-positive: 0;
2428 + flex-grow: 0;
2429 + max-width: 8.3333333333%;
2430 + -ms-flex-preferred-size: 8.3333333333%;
2431 + flex-basis: 8.3333333333%; }
1577 2432 .eps-grid-item-md-2 {
1578 - flex-grow: 0;
1579 - max-width: calc(2 / 12 * 100%);
1580 - flex-basis: calc(2 / 12 * 100%);
1581 - }
2433 + -webkit-box-flex: 0;
2434 + -ms-flex-positive: 0;
2435 + flex-grow: 0;
2436 + max-width: 16.6666666667%;
2437 + -ms-flex-preferred-size: 16.6666666667%;
2438 + flex-basis: 16.6666666667%; }
1582 2439 .eps-grid-item-md-3 {
1583 - flex-grow: 0;
1584 - max-width: calc(3 / 12 * 100%);
1585 - flex-basis: calc(3 / 12 * 100%);
1586 - }
2440 + -webkit-box-flex: 0;
2441 + -ms-flex-positive: 0;
2442 + flex-grow: 0;
2443 + max-width: 25%;
2444 + -ms-flex-preferred-size: 25%;
2445 + flex-basis: 25%; }
1587 2446 .eps-grid-item-md-4 {
1588 - flex-grow: 0;
1589 - max-width: calc(4 / 12 * 100%);
1590 - flex-basis: calc(4 / 12 * 100%);
1591 - }
2447 + -webkit-box-flex: 0;
2448 + -ms-flex-positive: 0;
2449 + flex-grow: 0;
2450 + max-width: 33.3333333333%;
2451 + -ms-flex-preferred-size: 33.3333333333%;
2452 + flex-basis: 33.3333333333%; }
1592 2453 .eps-grid-item-md-5 {
1593 - flex-grow: 0;
1594 - max-width: calc(5 / 12 * 100%);
1595 - flex-basis: calc(5 / 12 * 100%);
1596 - }
2454 + -webkit-box-flex: 0;
2455 + -ms-flex-positive: 0;
2456 + flex-grow: 0;
2457 + max-width: 41.6666666667%;
2458 + -ms-flex-preferred-size: 41.6666666667%;
2459 + flex-basis: 41.6666666667%; }
1597 2460 .eps-grid-item-md-6 {
1598 - flex-grow: 0;
1599 - max-width: calc(6 / 12 * 100%);
1600 - flex-basis: calc(6 / 12 * 100%);
1601 - }
2461 + -webkit-box-flex: 0;
2462 + -ms-flex-positive: 0;
2463 + flex-grow: 0;
2464 + max-width: 50%;
2465 + -ms-flex-preferred-size: 50%;
2466 + flex-basis: 50%; }
1602 2467 .eps-grid-item-md-7 {
1603 - flex-grow: 0;
1604 - max-width: calc(7 / 12 * 100%);
1605 - flex-basis: calc(7 / 12 * 100%);
1606 - }
2468 + -webkit-box-flex: 0;
2469 + -ms-flex-positive: 0;
2470 + flex-grow: 0;
2471 + max-width: 58.3333333333%;
2472 + -ms-flex-preferred-size: 58.3333333333%;
2473 + flex-basis: 58.3333333333%; }
1607 2474 .eps-grid-item-md-8 {
1608 - flex-grow: 0;
1609 - max-width: calc(8 / 12 * 100%);
1610 - flex-basis: calc(8 / 12 * 100%);
1611 - }
2475 + -webkit-box-flex: 0;
2476 + -ms-flex-positive: 0;
2477 + flex-grow: 0;
2478 + max-width: 66.6666666667%;
2479 + -ms-flex-preferred-size: 66.6666666667%;
2480 + flex-basis: 66.6666666667%; }
1612 2481 .eps-grid-item-md-9 {
1613 - flex-grow: 0;
1614 - max-width: calc(9 / 12 * 100%);
1615 - flex-basis: calc(9 / 12 * 100%);
1616 - }
2482 + -webkit-box-flex: 0;
2483 + -ms-flex-positive: 0;
2484 + flex-grow: 0;
2485 + max-width: 75%;
2486 + -ms-flex-preferred-size: 75%;
2487 + flex-basis: 75%; }
1617 2488 .eps-grid-item-md-10 {
1618 - flex-grow: 0;
1619 - max-width: calc(10 / 12 * 100%);
1620 - flex-basis: calc(10 / 12 * 100%);
1621 - }
2489 + -webkit-box-flex: 0;
2490 + -ms-flex-positive: 0;
2491 + flex-grow: 0;
2492 + max-width: 83.3333333333%;
2493 + -ms-flex-preferred-size: 83.3333333333%;
2494 + flex-basis: 83.3333333333%; }
1622 2495 .eps-grid-item-md-11 {
1623 - flex-grow: 0;
1624 - max-width: calc(11 / 12 * 100%);
1625 - flex-basis: calc(11 / 12 * 100%);
1626 - }
2496 + -webkit-box-flex: 0;
2497 + -ms-flex-positive: 0;
2498 + flex-grow: 0;
2499 + max-width: 91.6666666667%;
2500 + -ms-flex-preferred-size: 91.6666666667%;
2501 + flex-basis: 91.6666666667%; }
1627 2502 .eps-grid-item-md-12 {
1628 - flex-grow: 0;
1629 - max-width: calc(12 / 12 * 100%);
1630 - flex-basis: calc(12 / 12 * 100%);
1631 - }
1632 -}
2503 + -webkit-box-flex: 0;
2504 + -ms-flex-positive: 0;
2505 + flex-grow: 0;
2506 + max-width: 100%;
2507 + -ms-flex-preferred-size: 100%;
2508 + flex-basis: 100%; } }
2509 +
1633 2510 @media screen and (min-width: 1025px) {
1634 2511 .eps-grid-item-lg-1 {
1635 - flex-grow: 0;
1636 - max-width: calc(1 / 12 * 100%);
1637 - flex-basis: calc(1 / 12 * 100%);
1638 - }
2512 + -webkit-box-flex: 0;
2513 + -ms-flex-positive: 0;
2514 + flex-grow: 0;
2515 + max-width: 8.3333333333%;
2516 + -ms-flex-preferred-size: 8.3333333333%;
2517 + flex-basis: 8.3333333333%; }
1639 2518 .eps-grid-item-lg-2 {
1640 - flex-grow: 0;
1641 - max-width: calc(2 / 12 * 100%);
1642 - flex-basis: calc(2 / 12 * 100%);
1643 - }
2519 + -webkit-box-flex: 0;
2520 + -ms-flex-positive: 0;
2521 + flex-grow: 0;
2522 + max-width: 16.6666666667%;
2523 + -ms-flex-preferred-size: 16.6666666667%;
2524 + flex-basis: 16.6666666667%; }
1644 2525 .eps-grid-item-lg-3 {
1645 - flex-grow: 0;
1646 - max-width: calc(3 / 12 * 100%);
1647 - flex-basis: calc(3 / 12 * 100%);
1648 - }
2526 + -webkit-box-flex: 0;
2527 + -ms-flex-positive: 0;
2528 + flex-grow: 0;
2529 + max-width: 25%;
2530 + -ms-flex-preferred-size: 25%;
2531 + flex-basis: 25%; }
1649 2532 .eps-grid-item-lg-4 {
1650 - flex-grow: 0;
1651 - max-width: calc(4 / 12 * 100%);
1652 - flex-basis: calc(4 / 12 * 100%);
1653 - }
2533 + -webkit-box-flex: 0;
2534 + -ms-flex-positive: 0;
2535 + flex-grow: 0;
2536 + max-width: 33.3333333333%;
2537 + -ms-flex-preferred-size: 33.3333333333%;
2538 + flex-basis: 33.3333333333%; }
1654 2539 .eps-grid-item-lg-5 {
1655 - flex-grow: 0;
1656 - max-width: calc(5 / 12 * 100%);
1657 - flex-basis: calc(5 / 12 * 100%);
1658 - }
2540 + -webkit-box-flex: 0;
2541 + -ms-flex-positive: 0;
2542 + flex-grow: 0;
2543 + max-width: 41.6666666667%;
2544 + -ms-flex-preferred-size: 41.6666666667%;
2545 + flex-basis: 41.6666666667%; }
1659 2546 .eps-grid-item-lg-6 {
1660 - flex-grow: 0;
1661 - max-width: calc(6 / 12 * 100%);
1662 - flex-basis: calc(6 / 12 * 100%);
1663 - }
2547 + -webkit-box-flex: 0;
2548 + -ms-flex-positive: 0;
2549 + flex-grow: 0;
2550 + max-width: 50%;
2551 + -ms-flex-preferred-size: 50%;
2552 + flex-basis: 50%; }
1664 2553 .eps-grid-item-lg-7 {
1665 - flex-grow: 0;
1666 - max-width: calc(7 / 12 * 100%);
1667 - flex-basis: calc(7 / 12 * 100%);
1668 - }
2554 + -webkit-box-flex: 0;
2555 + -ms-flex-positive: 0;
2556 + flex-grow: 0;
2557 + max-width: 58.3333333333%;
2558 + -ms-flex-preferred-size: 58.3333333333%;
2559 + flex-basis: 58.3333333333%; }
1669 2560 .eps-grid-item-lg-8 {
1670 - flex-grow: 0;
1671 - max-width: calc(8 / 12 * 100%);
1672 - flex-basis: calc(8 / 12 * 100%);
1673 - }
2561 + -webkit-box-flex: 0;
2562 + -ms-flex-positive: 0;
2563 + flex-grow: 0;
2564 + max-width: 66.6666666667%;
2565 + -ms-flex-preferred-size: 66.6666666667%;
2566 + flex-basis: 66.6666666667%; }
1674 2567 .eps-grid-item-lg-9 {
1675 - flex-grow: 0;
1676 - max-width: calc(9 / 12 * 100%);
1677 - flex-basis: calc(9 / 12 * 100%);
1678 - }
2568 + -webkit-box-flex: 0;
2569 + -ms-flex-positive: 0;
2570 + flex-grow: 0;
2571 + max-width: 75%;
2572 + -ms-flex-preferred-size: 75%;
2573 + flex-basis: 75%; }
1679 2574 .eps-grid-item-lg-10 {
1680 - flex-grow: 0;
1681 - max-width: calc(10 / 12 * 100%);
1682 - flex-basis: calc(10 / 12 * 100%);
1683 - }
2575 + -webkit-box-flex: 0;
2576 + -ms-flex-positive: 0;
2577 + flex-grow: 0;
2578 + max-width: 83.3333333333%;
2579 + -ms-flex-preferred-size: 83.3333333333%;
2580 + flex-basis: 83.3333333333%; }
1684 2581 .eps-grid-item-lg-11 {
1685 - flex-grow: 0;
1686 - max-width: calc(11 / 12 * 100%);
1687 - flex-basis: calc(11 / 12 * 100%);
1688 - }
2582 + -webkit-box-flex: 0;
2583 + -ms-flex-positive: 0;
2584 + flex-grow: 0;
2585 + max-width: 91.6666666667%;
2586 + -ms-flex-preferred-size: 91.6666666667%;
2587 + flex-basis: 91.6666666667%; }
1689 2588 .eps-grid-item-lg-12 {
1690 - flex-grow: 0;
1691 - max-width: calc(12 / 12 * 100%);
1692 - flex-basis: calc(12 / 12 * 100%);
1693 - }
1694 -}
2589 + -webkit-box-flex: 0;
2590 + -ms-flex-positive: 0;
2591 + flex-grow: 0;
2592 + max-width: 100%;
2593 + -ms-flex-preferred-size: 100%;
2594 + flex-basis: 100%; } }
2595 +
1695 2596 @media screen and (min-width: 1440px) {
1696 2597 .eps-grid-item-xl-1 {
1697 - flex-grow: 0;
1698 - max-width: calc(1 / 12 * 100%);
1699 - flex-basis: calc(1 / 12 * 100%);
1700 - }
2598 + -webkit-box-flex: 0;
2599 + -ms-flex-positive: 0;
2600 + flex-grow: 0;
2601 + max-width: 8.3333333333%;
2602 + -ms-flex-preferred-size: 8.3333333333%;
2603 + flex-basis: 8.3333333333%; }
1701 2604 .eps-grid-item-xl-2 {
1702 - flex-grow: 0;
1703 - max-width: calc(2 / 12 * 100%);
1704 - flex-basis: calc(2 / 12 * 100%);
1705 - }
2605 + -webkit-box-flex: 0;
2606 + -ms-flex-positive: 0;
2607 + flex-grow: 0;
2608 + max-width: 16.6666666667%;
2609 + -ms-flex-preferred-size: 16.6666666667%;
2610 + flex-basis: 16.6666666667%; }
1706 2611 .eps-grid-item-xl-3 {
1707 - flex-grow: 0;
1708 - max-width: calc(3 / 12 * 100%);
1709 - flex-basis: calc(3 / 12 * 100%);
1710 - }
2612 + -webkit-box-flex: 0;
2613 + -ms-flex-positive: 0;
2614 + flex-grow: 0;
2615 + max-width: 25%;
2616 + -ms-flex-preferred-size: 25%;
2617 + flex-basis: 25%; }
1711 2618 .eps-grid-item-xl-4 {
1712 - flex-grow: 0;
1713 - max-width: calc(4 / 12 * 100%);
1714 - flex-basis: calc(4 / 12 * 100%);
1715 - }
2619 + -webkit-box-flex: 0;
2620 + -ms-flex-positive: 0;
2621 + flex-grow: 0;
2622 + max-width: 33.3333333333%;
2623 + -ms-flex-preferred-size: 33.3333333333%;
2624 + flex-basis: 33.3333333333%; }
1716 2625 .eps-grid-item-xl-5 {
1717 - flex-grow: 0;
1718 - max-width: calc(5 / 12 * 100%);
1719 - flex-basis: calc(5 / 12 * 100%);
1720 - }
2626 + -webkit-box-flex: 0;
2627 + -ms-flex-positive: 0;
2628 + flex-grow: 0;
2629 + max-width: 41.6666666667%;
2630 + -ms-flex-preferred-size: 41.6666666667%;
2631 + flex-basis: 41.6666666667%; }
1721 2632 .eps-grid-item-xl-6 {
1722 - flex-grow: 0;
1723 - max-width: calc(6 / 12 * 100%);
1724 - flex-basis: calc(6 / 12 * 100%);
1725 - }
2633 + -webkit-box-flex: 0;
2634 + -ms-flex-positive: 0;
2635 + flex-grow: 0;
2636 + max-width: 50%;
2637 + -ms-flex-preferred-size: 50%;
2638 + flex-basis: 50%; }
1726 2639 .eps-grid-item-xl-7 {
1727 - flex-grow: 0;
1728 - max-width: calc(7 / 12 * 100%);
1729 - flex-basis: calc(7 / 12 * 100%);
1730 - }
2640 + -webkit-box-flex: 0;
2641 + -ms-flex-positive: 0;
2642 + flex-grow: 0;
2643 + max-width: 58.3333333333%;
2644 + -ms-flex-preferred-size: 58.3333333333%;
2645 + flex-basis: 58.3333333333%; }
1731 2646 .eps-grid-item-xl-8 {
1732 - flex-grow: 0;
1733 - max-width: calc(8 / 12 * 100%);
1734 - flex-basis: calc(8 / 12 * 100%);
1735 - }
2647 + -webkit-box-flex: 0;
2648 + -ms-flex-positive: 0;
2649 + flex-grow: 0;
2650 + max-width: 66.6666666667%;
2651 + -ms-flex-preferred-size: 66.6666666667%;
2652 + flex-basis: 66.6666666667%; }
1736 2653 .eps-grid-item-xl-9 {
1737 - flex-grow: 0;
1738 - max-width: calc(9 / 12 * 100%);
1739 - flex-basis: calc(9 / 12 * 100%);
1740 - }
2654 + -webkit-box-flex: 0;
2655 + -ms-flex-positive: 0;
2656 + flex-grow: 0;
2657 + max-width: 75%;
2658 + -ms-flex-preferred-size: 75%;
2659 + flex-basis: 75%; }
1741 2660 .eps-grid-item-xl-10 {
1742 - flex-grow: 0;
1743 - max-width: calc(10 / 12 * 100%);
1744 - flex-basis: calc(10 / 12 * 100%);
1745 - }
2661 + -webkit-box-flex: 0;
2662 + -ms-flex-positive: 0;
2663 + flex-grow: 0;
2664 + max-width: 83.3333333333%;
2665 + -ms-flex-preferred-size: 83.3333333333%;
2666 + flex-basis: 83.3333333333%; }
1746 2667 .eps-grid-item-xl-11 {
1747 - flex-grow: 0;
1748 - max-width: calc(11 / 12 * 100%);
1749 - flex-basis: calc(11 / 12 * 100%);
1750 - }
2668 + -webkit-box-flex: 0;
2669 + -ms-flex-positive: 0;
2670 + flex-grow: 0;
2671 + max-width: 91.6666666667%;
2672 + -ms-flex-preferred-size: 91.6666666667%;
2673 + flex-basis: 91.6666666667%; }
1751 2674 .eps-grid-item-xl-12 {
1752 - flex-grow: 0;
1753 - max-width: calc(12 / 12 * 100%);
1754 - flex-basis: calc(12 / 12 * 100%);
1755 - }
1756 -}
2675 + -webkit-box-flex: 0;
2676 + -ms-flex-positive: 0;
2677 + flex-grow: 0;
2678 + max-width: 100%;
2679 + -ms-flex-preferred-size: 100%;
2680 + flex-basis: 100%; } }
2681 +
1757 2682 @media screen and (min-width: 1600px) {
1758 2683 .eps-grid-item-xxl-1 {
1759 - flex-grow: 0;
1760 - max-width: calc(1 / 12 * 100%);
1761 - flex-basis: calc(1 / 12 * 100%);
1762 - }
2684 + -webkit-box-flex: 0;
2685 + -ms-flex-positive: 0;
2686 + flex-grow: 0;
2687 + max-width: 8.3333333333%;
2688 + -ms-flex-preferred-size: 8.3333333333%;
2689 + flex-basis: 8.3333333333%; }
1763 2690 .eps-grid-item-xxl-2 {
1764 - flex-grow: 0;
1765 - max-width: calc(2 / 12 * 100%);
1766 - flex-basis: calc(2 / 12 * 100%);
1767 - }
2691 + -webkit-box-flex: 0;
2692 + -ms-flex-positive: 0;
2693 + flex-grow: 0;
2694 + max-width: 16.6666666667%;
2695 + -ms-flex-preferred-size: 16.6666666667%;
2696 + flex-basis: 16.6666666667%; }
1768 2697 .eps-grid-item-xxl-3 {
1769 - flex-grow: 0;
1770 - max-width: calc(3 / 12 * 100%);
1771 - flex-basis: calc(3 / 12 * 100%);
1772 - }
2698 + -webkit-box-flex: 0;
2699 + -ms-flex-positive: 0;
2700 + flex-grow: 0;
2701 + max-width: 25%;
2702 + -ms-flex-preferred-size: 25%;
2703 + flex-basis: 25%; }
1773 2704 .eps-grid-item-xxl-4 {
1774 - flex-grow: 0;
1775 - max-width: calc(4 / 12 * 100%);
1776 - flex-basis: calc(4 / 12 * 100%);
1777 - }
2705 + -webkit-box-flex: 0;
2706 + -ms-flex-positive: 0;
2707 + flex-grow: 0;
2708 + max-width: 33.3333333333%;
2709 + -ms-flex-preferred-size: 33.3333333333%;
2710 + flex-basis: 33.3333333333%; }
1778 2711 .eps-grid-item-xxl-5 {
1779 - flex-grow: 0;
1780 - max-width: calc(5 / 12 * 100%);
1781 - flex-basis: calc(5 / 12 * 100%);
1782 - }
2712 + -webkit-box-flex: 0;
2713 + -ms-flex-positive: 0;
2714 + flex-grow: 0;
2715 + max-width: 41.6666666667%;
2716 + -ms-flex-preferred-size: 41.6666666667%;
2717 + flex-basis: 41.6666666667%; }
1783 2718 .eps-grid-item-xxl-6 {
1784 - flex-grow: 0;
1785 - max-width: calc(6 / 12 * 100%);
1786 - flex-basis: calc(6 / 12 * 100%);
1787 - }
2719 + -webkit-box-flex: 0;
2720 + -ms-flex-positive: 0;
2721 + flex-grow: 0;
2722 + max-width: 50%;
2723 + -ms-flex-preferred-size: 50%;
2724 + flex-basis: 50%; }
1788 2725 .eps-grid-item-xxl-7 {
1789 - flex-grow: 0;
1790 - max-width: calc(7 / 12 * 100%);
1791 - flex-basis: calc(7 / 12 * 100%);
1792 - }
2726 + -webkit-box-flex: 0;
2727 + -ms-flex-positive: 0;
2728 + flex-grow: 0;
2729 + max-width: 58.3333333333%;
2730 + -ms-flex-preferred-size: 58.3333333333%;
2731 + flex-basis: 58.3333333333%; }
1793 2732 .eps-grid-item-xxl-8 {
1794 - flex-grow: 0;
1795 - max-width: calc(8 / 12 * 100%);
1796 - flex-basis: calc(8 / 12 * 100%);
1797 - }
2733 + -webkit-box-flex: 0;
2734 + -ms-flex-positive: 0;
2735 + flex-grow: 0;
2736 + max-width: 66.6666666667%;
2737 + -ms-flex-preferred-size: 66.6666666667%;
2738 + flex-basis: 66.6666666667%; }
1798 2739 .eps-grid-item-xxl-9 {
1799 - flex-grow: 0;
1800 - max-width: calc(9 / 12 * 100%);
1801 - flex-basis: calc(9 / 12 * 100%);
1802 - }
2740 + -webkit-box-flex: 0;
2741 + -ms-flex-positive: 0;
2742 + flex-grow: 0;
2743 + max-width: 75%;
2744 + -ms-flex-preferred-size: 75%;
2745 + flex-basis: 75%; }
1803 2746 .eps-grid-item-xxl-10 {
1804 - flex-grow: 0;
1805 - max-width: calc(10 / 12 * 100%);
1806 - flex-basis: calc(10 / 12 * 100%);
1807 - }
2747 + -webkit-box-flex: 0;
2748 + -ms-flex-positive: 0;
2749 + flex-grow: 0;
2750 + max-width: 83.3333333333%;
2751 + -ms-flex-preferred-size: 83.3333333333%;
2752 + flex-basis: 83.3333333333%; }
1808 2753 .eps-grid-item-xxl-11 {
1809 - flex-grow: 0;
1810 - max-width: calc(11 / 12 * 100%);
1811 - flex-basis: calc(11 / 12 * 100%);
1812 - }
2754 + -webkit-box-flex: 0;
2755 + -ms-flex-positive: 0;
2756 + flex-grow: 0;
2757 + max-width: 91.6666666667%;
2758 + -ms-flex-preferred-size: 91.6666666667%;
2759 + flex-basis: 91.6666666667%; }
1813 2760 .eps-grid-item-xxl-12 {
1814 - flex-grow: 0;
1815 - max-width: calc(12 / 12 * 100%);
1816 - flex-basis: calc(12 / 12 * 100%);
1817 - }
1818 -}
1819 -:root {
1820 - --menu-title-color: #515962;
1821 -}
2761 + -webkit-box-flex: 0;
2762 + -ms-flex-positive: 0;
2763 + flex-grow: 0;
2764 + max-width: 100%;
2765 + -ms-flex-preferred-size: 100%;
2766 + flex-basis: 100%; } }
1822 2767
1823 -.eps-theme-dark {
1824 - --menu-title-color: #515962;
1825 -}
1826 -
1827 -.eps-menu ul {
1828 - list-style: none;
1829 - padding: 0;
1830 - margin: 0;
1831 -}
1832 -.eps-menu ul li {
1833 - display: flex;
1834 -}
1835 -.eps-menu__title {
1836 - padding: 0.5rem 1.875rem;
1837 - font-size: 0.6875rem;
1838 - line-height: 1.2;
1839 - text-transform: uppercase;
1840 - font-weight: normal;
1841 - color: var(--menu-title-color);
1842 -}
1843 -
1844 2768 :root {
1845 - --eps-modal-background-color: #ffffff;
1846 - --eps-modal-header-background-color: #2563EB;
1847 - --eps-tip-background-color: #F0F7FF;
1848 -}
2769 + --eps-modal-background-color: #fff;
2770 + --eps-modal-header-background-color: #58d0f5; }
1849 2771
1850 2772 .eps-theme-dark {
1851 - --eps-modal-background-color: #0C0D0E;
1852 - --eps-modal-header-background-color: #0077CC;
1853 - --eps-tip-background-color: #0A1A3D;
1854 -}
2773 + --eps-modal-background-color: #34383c;
2774 + --eps-modal-header-background-color: #58d0f5; }
1855 2775
1856 2776 /** ----------------------------------------------------------------
1857 2777 EPS Modal
1858 2778 ---------------------------------------------------------------- */
@@ -1858,1861 +2778,162 @@
1858 2778 ---------------------------------------------------------------- */
1859 2779 .eps-modal {
1860 2780 max-width: 43.75rem;
1861 2781 background: var(--eps-modal-background-color);
1862 - border-radius: 0.1875rem;
1863 - animation: eps-animation-pop 0.15s cubic-bezier(0.57, 0.53, 0.71, 1.47) forwards;
1864 -}
1865 -.eps-modal__overlay {
1866 - background: rgba(0, 0, 0, 0.5);
1867 - position: fixed;
1868 - display: flex;
1869 - inset: 0;
1870 - align-items: center;
1871 - justify-content: center;
1872 - z-index: 1030;
1873 -}
1874 -.eps-modal__header {
1875 - font-size: 0.875rem;
1876 - background: var(--eps-modal-header-background-color);
1877 - height: 2.75rem;
1878 - padding: 0.625rem 1rem;
1879 - border-radius: 0.1875rem;
1880 -}
1881 -.eps-modal__header, .eps-modal__header .title {
1882 - color: #ffffff;
1883 -}
1884 -.eps-modal__icon {
1885 - margin-inline-end: 0.625rem;
1886 -}
1887 -.eps-modal__body {
1888 - padding: 1.875rem;
1889 -}
1890 -.eps-modal__tip, .eps-modal .eps-tip {
1891 - padding: 0.5rem;
1892 - padding-inline-start: 0.75rem;
1893 - border-inline-start: 3px solid #2563EB;
1894 - background-color: var(--eps-tip-background-color);
1895 -}
1896 -.eps-modal__tip:not(:last-child), .eps-modal .eps-tip:not(:last-child) {
1897 - margin-block-end: 1.875rem;
1898 -}
1899 -.eps-modal__tip:not(:first-child), .eps-modal .eps-tip:not(:first-child) {
1900 - margin-block-start: 1.875rem;
1901 -}
1902 -.eps-modal__section:not(:first-child) {
1903 - margin-block-start: 1.875rem;
1904 -}
1905 -.eps-modal__close-wrapper {
1906 - padding-inline-start: 1rem;
1907 - border-inline-start: solid 1px #ffffff;
1908 -}
2782 + -webkit-border-radius: 0.1875rem;
2783 + border-radius: 0.1875rem;
2784 + -webkit-animation: eps-animation-pop 0.15s cubic-bezier(0.57, 0.53, 0.71, 1.47) forwards;
2785 + animation: eps-animation-pop 0.15s cubic-bezier(0.57, 0.53, 0.71, 1.47) forwards;
2786 + overflow: hidden; }
2787 + .eps-modal__overlay {
2788 + background: rgba(0, 0, 0, 0.5);
2789 + position: fixed;
2790 + display: -webkit-box;
2791 + display: -ms-flexbox;
2792 + display: flex;
2793 + top: 0;
2794 + left: 0;
2795 + width: 100%;
2796 + height: 100%;
2797 + -webkit-box-align: center;
2798 + -ms-flex-align: center;
2799 + align-items: center;
2800 + -webkit-box-pack: center;
2801 + -ms-flex-pack: center;
2802 + justify-content: center;
2803 + z-index: 1030; }
2804 + .eps-modal__header {
2805 + font-size: 0.875rem;
2806 + background: var(--eps-modal-header-background-color);
2807 + color: #fff;
2808 + height: 2.75rem;
2809 + padding: 0.625rem 1rem; }
2810 + .eps-modal__icon {
2811 + -webkit-margin-end: 0.625rem;
2812 + margin-inline-end: 0.625rem; }
2813 + .eps-modal__body {
2814 + padding: 1.875rem; }
2815 + .eps-modal__tip, .eps-modal .eps-tip {
2816 + -webkit-padding-start: 0.75rem;
2817 + padding-inline-start: 0.75rem;
2818 + -webkit-border-start: 3px solid #58d0f5;
2819 + border-inline-start: 3px solid #58d0f5; }
2820 + .eps-modal__tip:not(:last-child), .eps-modal .eps-tip:not(:last-child) {
2821 + margin-bottom: 1.875rem; }
2822 + .eps-modal__tip:not(:first-child), .eps-modal .eps-tip:not(:first-child) {
2823 + margin-top: 1.875rem; }
2824 + .eps-modal__close-wrapper {
2825 + -webkit-padding-start: 1rem;
2826 + padding-inline-start: 1rem;
2827 + -webkit-border-start: solid 1px #fff;
2828 + border-inline-start: solid 1px #fff; }
1909 2829
1910 -.eps-add-new-button {
2830 +.eps-button {
2831 + display: -webkit-inline-box;
2832 + display: -ms-inline-flexbox;
1911 2833 display: inline-flex;
1912 - --eps-add-new-button-size: 1.5rem;
1913 - line-height: var(--eps-add-new-button-size);
1914 - cursor: pointer;
1915 -}
1916 -.eps-add-new-button .eps-icon {
1917 - background-color: #F3BAFD;
1918 - color: #0C0D0E;
1919 - width: var(--eps-add-new-button-size);
1920 - height: var(--eps-add-new-button-size);
1921 - border-radius: 100%;
1922 - font-size: calc(var(--eps-add-new-button-size) * 0.75);
1923 - text-align: center;
1924 - line-height: var(--eps-add-new-button-size);
1925 -}
1926 -.eps-add-new-button span:not(.sr-only) {
1927 - margin-inline-start: 0.625rem;
2834 + --button-line-height: 16px;
2835 + --button-padding-y: 0.5em;
2836 + --button-padding-x: 1.5em;
2837 + --button-primary-background-color: #39b54a;
2838 + --button-primary-hover-background-color: #33a242;
2839 + --button-primary-active-background-color: #35a945;
2840 + --button-primary-color: #fff;
2841 + --button-secondary-background-color: #c2cbd2;
2842 + --button-secondary-hover-background-color: #b3bec7;
2843 + --button-secondary-active-background-color: #b9c3cc;
2844 + --button-secondary-color: #fff;
2845 + --button-danger-background-color: #b01b1b;
2846 + --button-danger-hover-background-color: #9a1818;
2847 + --button-danger-active-background-color: #a31919;
2848 + --button-danger-color: #fff;
2849 + --button-cta-background-color: #93003F;
2850 + --button-cta-hover-background-color: #7a0034;
2851 + --button-cta-active-background-color: #840038;
2852 + --button-cta-color: #fff;
2853 + --button-link-background-color: #58d0f5;
2854 + --button-link-hover-background-color: #40c9f4;
2855 + --button-link-active-background-color: #4accf4;
2856 + --button-link-color: #fff;
2857 + --button-disabled-background-color: #c2cbd2;
2858 + --button-disabled-hover-background-color: #b3bec7;
2859 + --button-disabled-active-background-color: #b9c3cc;
2860 + --button-disabled-color: #fff;
2861 + color: var(--button-background-color, currentColor);
2862 + font-size: var(--button-font-size, inherit);
1928 2863 font-weight: 500;
1929 -}
1930 -.eps-add-new-button--sm {
1931 - --eps-add-new-button-size: 1rem;
1932 -}
1933 -
1934 -:root {
1935 - --select2-selection-background-color: #ffffff;
1936 - --select2-selection-color: #515962;
1937 - --select2-selection-border-color: #9DA5AE;
1938 - --select2-selection-opened-focused-border-color: #BABFC5;
1939 - --select2-single-selection-rendered-color: #515962;
1940 - --select2-default-single-selection-background-color: #ffffff;
1941 - --select2-default-single-selection-border-color: #9DA5AE;
1942 - --select2-default-multiple-selection-background-color: #ffffff;
1943 - --select2-default-multiple-selection-choice-background-color: #BABFC5;
1944 - --select2-default-multiple-selection-choice-color: #515962;
1945 - --select2-default-multiple-selection-choice-border-color: #BABFC5;
1946 - --select2-default-multiple-selection-choice-remove-color: #69727D;
1947 - --select2-default-multiple-selection-choice-remove-hover-color: #515962;
1948 - --select2-default-results-selected-option-background-color: #ffffff;
1949 - --select2-default-results-selected-option-color: #515962;
1950 - --select2-default-results-highlighted-option-background-color: #5897fb;
1951 - --select2-default-results-highlighted-option-color: #ffffff;
1952 - --select2-results-selected-option-background-color: #5897fb;
1953 - --select2-results-selected-option-color: #ffffff;
1954 - --select2-dropdown-background-color: #ffffff;
1955 - --select2-dropdown-border-color: #9DA5AE;
1956 -}
1957 -
1958 -.eps-theme-dark {
1959 - --select2-selection-background-color: #3f444b;
1960 - --select2-selection-color: #D5D8DC;
1961 - --select2-selection-border-color: #818A96;
1962 - --select2-selection-opened-focused-border-color: #9DA5AE;
1963 - --select2-single-selection-rendered-color: #D5D8DC;
1964 - --select2-default-single-selection-background-color: #3f444b;
1965 - --select2-default-single-selection-border-color: #69727D;
1966 - --select2-default-multiple-selection-background-color: #3f444b;
1967 - --select2-default-multiple-selection-choice-background-color: #69727D;
1968 - --select2-default-multiple-selection-choice-color: #D5D8DC;
1969 - --select2-default-multiple-selection-choice-border-color: #69727D;
1970 - --select2-default-multiple-selection-choice-remove-color: #BABFC5;
1971 - --select2-default-multiple-selection-choice-remove-hover-color: #D5D8DC;
1972 - --select2-default-results-selected-option-background-color: #3f444b;
1973 - --select2-default-results-selected-option-color: #D5D8DC;
1974 - --select2-default-results-highlighted-option-background-color: #69727D;
1975 - --select2-default-results-highlighted-option-color: #D5D8DC;
1976 - --select2-results-selected-option-background-color: #69727D;
1977 - --select2-results-selected-option-color: #D5D8DC;
1978 - --select2-dropdown-background-color: #3f444b;
1979 - --select2-dropdown-border-color: #818A96;
1980 -}
1981 -
1982 -.select2-container:not(.select2-container--open):not(.select2-container--focus) .select2-selection--single,
1983 -.select2-container:not(.select2-container--open):not(.select2-container--focus) .select2-selection--multiple {
1984 - background-color: var(--select2-selection-background-color);
1985 - color: var(--select2-selection-color);
1986 - border-color: var(--select2-selection-border-color);
1987 -}
1988 -.select2-container.select2-container--open .select2-selection--single,
1989 -.select2-container.select2-container--open .select2-selection--multiple, .select2-container.select2-container--focus .select2-selection--single,
1990 -.select2-container.select2-container--focus .select2-selection--multiple {
1991 - border-color: var(--select2-selection-opened-focused-border-color);
1992 -}
1993 -.select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
1994 - color: var(--select2-single-selection-rendered-color);
1995 -}
1996 -.select2-container--default .select2-selection--single {
1997 - background-color: var(--select2-default-single-selection-background-color);
1998 - border-color: var(--select2-default-single-selection-border-color);
1999 -}
2000 -.select2-container--default .select2-selection--multiple {
2001 - background-color: var(--select2-default-multiple-selection-background-color);
2002 -}
2003 -.select2-container--default .select2-selection--multiple .select2-selection__choice {
2004 - background-color: var(--select2-default-multiple-selection-choice-background-color);
2005 - color: var(--select2-default-multiple-selection-choice-color);
2006 - border-color: var(--select2-default-multiple-selection-choice-border-color);
2007 -}
2008 -.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
2009 - color: var(--select2-default-multiple-selection-choice-remove-color);
2010 -}
2011 -.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
2012 - color: var(--select2-default-multiple-selection-choice-remove-hover-color);
2013 -}
2014 -.select2-container--default .select2-results__option[aria-selected] {
2015 - background-color: var(--select2-default-results-selected-option-background-color);
2016 - color: var(--select2-default-results-selected-option-color);
2017 -}
2018 -.select2-container--default .select2-results__option--highlighted[aria-selected] {
2019 - background-color: var(--select2-default-results-highlighted-option-background-color);
2020 - color: var(--select2-default-results-highlighted-option-color);
2021 -}
2022 -.select2-container .select2-results__option[aria-selected=true] {
2023 - background-color: var(--select2-results-selected-option-background-color);
2024 - color: var(--select2-results-selected-option-color);
2025 -}
2026 -.select2-container .select2-dropdown {
2027 - background-color: var(--select2-dropdown-background-color);
2028 - border-color: var(--select2-dropdown-border-color);
2029 -}
2030 -
2031 -.eps-notice {
2032 - --eps-box-notice-background-color: #F1F2F3;
2033 - padding: 0.625rem 1rem;
2034 -}
2035 -.eps-notice-semantic {
2036 - border-inline-start: 3px solid var(--eps-notice-semantic-color);
2037 - background-color: var(--eps-notice-semantic-bg);
2038 -}
2039 -.eps-notice-semantic .eps-notice__icon {
2040 - color: var(--eps-notice-semantic-color);
2041 - font-size: 1rem;
2042 - margin-inline-end: 0.75rem;
2043 -}
2044 -.eps-notice--warning {
2045 - --eps-notice-semantic-color: #F59E0B;
2046 - --eps-notice-semantic-bg: #FFFBEB;
2047 -}
2048 -.eps-notice--danger {
2049 - --eps-notice-semantic-color: #DC2626;
2050 - --eps-notice-semantic-bg: #FEF1F4;
2051 -}
2052 -.eps-notice--info {
2053 - --eps-notice-semantic-color: #2563EB;
2054 - --eps-notice-semantic-bg: #F0F7FF;
2055 -}
2056 -.eps-notice__text {
2057 - margin: 0;
2058 - padding: 0;
2059 -}
2060 -.eps-notice__button-container {
2061 - flex-shrink: 0;
2062 - margin-inline-start: 1.25rem;
2063 - width: auto;
2064 -}
2065 -
2066 -.eps-theme-dark .eps-notice {
2067 - --eps-box-notice-background-color: #515962;
2068 -}
2069 -.eps-theme-dark .eps-notice--warning {
2070 - --eps-notice-semantic-bg: #311808;
2071 -}
2072 -.eps-theme-dark .eps-notice--danger {
2073 - --eps-notice-semantic-bg: #390A0A;
2074 -}
2075 -.eps-theme-dark .eps-notice--info {
2076 - --eps-notice-semantic-bg: #0A1A3D;
2077 -}
2078 -
2079 -.eps-list {
2080 - --eps-list-item-separated-border-color: #BABFC5;
2081 - padding: 0;
2082 - margin: 0;
2083 - border-radius: 0.1875rem;
2084 - border: 1px solid var(--e-a-border-color);
2085 - list-style-type: none;
2086 -}
2087 -.eps-list--padding {
2088 - padding: var(--eps-list-padding);
2089 -}
2090 -.eps-list__item {
2091 - padding: 0;
2092 -}
2093 -.eps-list__item--padding {
2094 - padding: var(--eps-list-item-padding);
2095 -}
2096 -.eps-list--separated .eps-list__item:not(:last-child) {
2097 - border-block-end: 1px solid var(--eps-list-item-separated-border-color);
2098 -}
2099 -
2100 -.eps-theme-dark .eps-list {
2101 - --eps-list-item-separated-border-color: #3f444b;
2102 -}
2103 -
2104 -:root {
2105 - --popover-background-color: #ffffff;
2106 - --popover-item-color: #515962;
2107 - --popover-item-hover-color: #3f444b;
2108 - --popover-item-danger-hover-color: #DC2626;
2109 - --popover-item-background-color: #ffffff;
2110 - --popover-box-shadow-color: rgba(0, 0, 0, 0.15);
2111 - --popover-box-shadow-size: 0px 1px 20px;
2112 - --popover-arrow-color: #ffffff;
2113 -}
2114 -
2115 -.eps-theme-dark {
2116 - --popover-background-color: #1f2124;
2117 - --popover-item-color: #ffffff;
2118 - --popover-item-hover-color: #D5D8DC;
2119 - --popover-item-danger-hover-color: #F84343;
2120 - --popover-item-background-color: #1f2124;
2121 - --popover-box-shadow-color: rgba(0, 0, 0, 0.15);
2122 - --popover-box-shadow-size: 0px 1px 20px;
2123 - --popover-arrow-color: #1f2124;
2124 -}
2125 -
2126 -.eps-popover {
2127 - padding: 10px 0;
2128 - background-color: var(--popover-background-color);
2129 - box-shadow: var(--popover-box-shadow-size) var(--popover-box-shadow-color);
2130 - list-style: none;
2131 - display: flex;
2132 - flex-direction: column;
2133 - min-width: 120px;
2134 - border-radius: 0.1875rem;
2135 - position: absolute;
2136 - z-index: 1050;
2137 - margin-block-start: 9px;
2138 - transform: translateX(-50%);
2139 - inset-inline-start: 0.25rem;
2140 -}
2141 -.eps-popover__background {
2142 - position: fixed;
2143 - inset: 0;
2144 - z-index: 1030;
2145 -}
2146 -.eps-popover__container {
2147 - position: relative;
2148 -}
2149 -.eps-popover::before {
2150 - content: "";
2151 - display: block;
2152 - position: absolute;
2153 - width: 16px;
2154 - height: 9px;
2155 - margin: 0 0.1875rem 9px;
2156 - inset-block-start: -9px;
2157 - inset-inline-start: 50%;
2158 - transform: translateX(-50%);
2159 - border-color: transparent;
2160 - border-style: solid;
2161 - border-width: 0 calc(16px / 2) 9px calc(16px / 2);
2162 - border-block-end-color: var(--popover-arrow-color);
2163 -}
2164 -.eps-popover--arrow-start::before {
2165 - inset-inline-start: 0.1875rem;
2166 - transform: none;
2167 -}
2168 -.eps-popover--arrow-end::before {
2169 - inset-inline-start: auto;
2170 - inset-inline-end: 0.1875rem;
2171 - transform: none;
2172 -}
2173 -.eps-popover--arrow-none::before {
2174 - display: none;
2175 -}
2176 -.eps-popover__item {
2177 - padding: 0.3125rem 1rem;
2178 - background-color: var(--popover-item-background-color);
2179 - color: var(--popover-item-color);
2180 - font-size: 0.6875rem;
2181 - font-weight: 500;
2182 - line-height: 0.8125rem;
2183 - width: 100%;
2184 - align-items: center;
2185 - cursor: pointer;
2186 -}
2187 -.eps-popover__item:hover {
2188 - color: var(--popover-item-hover-color);
2189 -}
2190 -.eps-popover__item--danger:hover {
2191 - color: var(--popover-item-danger-hover-color);
2192 -}
2193 -.eps-popover__item .eps-icon {
2194 - font-size: inherit;
2195 - margin-inline-end: 0.3125rem;
2196 -}
2197 -
2198 -.eps-css-grid {
2199 - display: grid;
2200 - grid-template-columns: repeat(var(--eps-grid-columns, auto-fill), minmax(var(--eps-grid-col-min-width, 1fr), var(--eps-grid-col-max-width, 1fr)));
2201 - grid-gap: var(--eps-grid-spacing);
2202 -}
2203 -
2204 -.eps-box {
2205 - --eps-box-color: #1f2124;
2206 - --eps-box-input-color: #1f2124;
2207 - padding: 0;
2208 - border-radius: 0.1875rem;
2209 - color: var(--eps-box-color);
2210 -}
2211 -.eps-box--padding {
2212 - padding: var(--eps-box-padding);
2213 -}
2214 -.eps-box > input {
2215 - width: 100%;
2216 - outline: 0;
2217 - border: 0;
2218 - background-color: transparent;
2219 - color: var(--eps-box-input-color);
2220 -}
2221 -
2222 -.eps-theme-dark .eps-box {
2223 - --eps-box-color: #D5D8DC;
2224 - --eps-box-input-color: #D5D8DC;
2225 -}
2226 -
2227 -:root {
2228 - --checkbox-border-color: #9DA5AE;
2229 - --checkbox-hover-border-color: rgb(143.0391061453, 152.1787709497, 162.4608938547);
2230 - --checkbox-active-border-color: rgb(170.9608938547, 177.8212290503, 185.5391061453);
2231 - --checkbox-background-color: #ffffff;
2232 - --checkbox-checked-background-color: #515962;
2233 - --checkbox-checked-hover-background-color: rgb(69.4608938547, 76.3212290503, 84.0391061453);
2234 - --checkbox-checked-active-background-color: rgb(92.5391061453, 101.6787709497, 111.9608938547);
2235 - --checkbox-checked-disabled-background-color: #D5D8DC;
2236 - --checkbox-indicator-color: #ffffff;
2237 - --checkbox-error-background-color: #DC2626;
2238 -}
2239 -
2240 -.eps-theme-dark {
2241 - --checkbox-background-color: transparent;
2242 -}
2243 -
2244 -.eps-checkbox {
2245 - -webkit-appearance: none;
2246 - -moz-appearance: none;
2247 - appearance: none;
2248 - border-radius: 0.1875rem;
2249 - width: 15px;
2250 - height: 15px;
2251 - outline: 0;
2252 - background-color: var(--checkbox-background-color);
2253 - display: inline-flex;
2254 - justify-content: center;
2255 - align-items: center;
2256 - border: 1px solid var(--checkbox-border-color);
2257 -}
2258 -.eps-checkbox::after {
2259 - display: inline-block;
2260 - margin-block-end: calc(0.25 / 2 * 100%);
2261 - content: " ";
2262 - width: 3px;
2263 - height: 6px;
2264 - transform: rotate(45deg);
2265 -}
2266 -.eps-checkbox:hover {
2267 - --checkbox-border-color: var(--checkbox-hover-border-color);
2268 -}
2269 -.eps-checkbox:active {
2270 - --checkbox-border-color: var(--checkbox-active-border-color);
2271 -}
2272 -.eps-checkbox:checked {
2273 - --checkbox-background-color: var(--checkbox-checked-background-color);
2274 - --checkbox-border-color: var(--checkbox-checked-background-color);
2275 -}
2276 -.eps-checkbox:checked::after {
2277 - border: solid #ffffff;
2278 - border-width: 0 1px 1px 0;
2279 -}
2280 -.eps-checkbox:checked:hover {
2281 - --checkbox-background-color: var(--checkbox-checked-hover-background-color);
2282 - --checkbox-border-color: var(--checkbox-checked-hover-background-color);
2283 -}
2284 -.eps-checkbox:checked:active {
2285 - --checkbox-background-color: var(--checkbox-checked-active-background-color);
2286 - --checkbox-border-color: var(--checkbox-checked-active-background-color);
2287 -}
2288 -.eps-checkbox:checked:disabled {
2289 - --checkbox-background-color: var(--checkbox-checked-disabled-background-color);
2290 - --checkbox-border-color: var(--checkbox-checked-disabled-background-color);
2291 -}
2292 -.eps-checkbox--rounded {
2293 - border-radius: 50%;
2294 -}
2295 -.eps-checkbox--indeterminate::after {
2296 - display: inline-block;
2297 - margin-block-end: 0;
2298 - content: " ";
2299 - width: 7px;
2300 - height: 0;
2301 - transform: rotate(0deg);
2302 - border-block-start: 1px solid #ffffff;
2303 -}
2304 -.eps-checkbox--indeterminate {
2305 - --checkbox-background-color: var(--checkbox-checked-background-color);
2306 - --checkbox-border-color: var(--checkbox-checked-background-color);
2307 -}
2308 -.eps-checkbox--error::before, .eps-checkbox--error::after, .eps-checkbox--error:checked::before, .eps-checkbox--error:checked::after {
2309 - display: inline-block;
2310 - margin-block-end: 0;
2311 - content: " ";
2312 - width: 7px;
2313 - height: 0;
2314 - border: solid #ffffff;
2315 - border-width: 1px 0 0 0;
2316 - position: absolute;
2317 -}
2318 -.eps-checkbox--error::before, .eps-checkbox--error:checked::before {
2319 - transform: rotate(45deg);
2320 -}
2321 -.eps-checkbox--error::after, .eps-checkbox--error:checked::after {
2322 - transform: rotate(-45deg);
2323 -}
2324 -.eps-checkbox--error, .eps-checkbox--error:hover, .eps-checkbox--error:checked, .eps-checkbox--error:checked:hover {
2325 - --checkbox-background-color: var(--checkbox-error-background-color);
2326 - --checkbox-border-color: var(--checkbox-error-background-color);
2327 -}
2328 -
2329 -:root {
2330 - --e-app-drag-drop-background-color: #ffffff;
2331 - --e-app-drag-drop-outline-color: #E6E8EA;
2332 -}
2333 -
2334 -.eps-theme-dark {
2335 - --e-app-drag-drop-background-color: #2b2c31;
2336 - --e-app-drag-drop-outline-color: #333438;
2337 -}
2338 -
2339 -.e-app-drag-drop {
2340 - background-color: var(--e-app-drag-drop-background-color);
2341 - outline: 2px dashed var(--e-app-drag-drop-outline-color);
2342 - outline-offset: -0.75rem;
2343 - margin-block-end: 1.5rem;
2344 - padding: 4.125rem;
2345 - text-align: center;
2346 -}
2347 -.e-app-drag-drop--drag-over {
2348 - outline-color: #2563EB;
2349 -}
2350 -
2351 -.eps-dialog {
2352 - border-radius: 3px;
2353 - width: 375px;
2354 -}
2355 -.eps-dialog__close-button {
2356 - position: absolute;
2357 - inset-block-start: -2.75rem;
2358 - inset-inline-end: -2.75rem;
2359 - margin-block-start: 0.625rem;
2360 - margin-inline-end: 0.625rem;
2361 - z-index: 1040;
2362 - font-size: 1.25rem;
2363 - color: #ffffff;
2364 -}
2365 -.eps-dialog__content {
2366 - padding: 1.5rem 1.875rem 1rem;
2367 - font-size: 0.75rem;
2368 -}
2369 -.eps-dialog__title, .eps-dialog__text {
2370 - text-align: center;
2371 -}
2372 -.eps-dialog__buttons {
2373 - display: flex;
2374 -}
2375 -.eps-dialog__button {
2376 - flex: 1;
2377 - border-block-start: 1px solid var(--hr-color);
2378 - line-height: 2.75rem;
2379 - text-align: center;
2380 - justify-content: center;
2381 -}
2382 -.eps-dialog__button:last-child:not(:first-child) {
2383 - border-inline-start: 1px solid var(--hr-color);
2384 -}
2385 -
2386 -.e-app__popover {
2387 - display: none;
2388 - position: absolute;
2389 - box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3);
2390 - border-radius: 6px;
2391 - padding: 20px;
2392 - width: -moz-fit-content;
2393 - width: fit-content;
2394 - z-index: 999;
2395 - background-color: var(--e-a-bg-default);
2396 -}
2397 -.e-app__popover:before {
2398 - content: "";
2399 - position: absolute;
2400 - inset-block-start: -16px;
2401 - inset-inline-end: var(--popover-arrow-offset-end, 22px);
2402 - border: 8px solid transparent;
2403 - border-block-end-color: #fff;
2404 -}
2405 -
2406 -.eps-inline-link {
2407 - color: var(--eps-inline-link-color);
2408 - background-color: initial;
2409 - border: 0;
2410 - padding: 0;
2411 -}
2412 -.eps-inline-link--color-primary {
2413 - --eps-inline-link-color: #0A875A;
2414 -}
2415 -.eps-inline-link--color-secondary {
2416 - --eps-inline-link-color: #818A96;
2417 -}
2418 -.eps-inline-link--color-danger {
2419 - --eps-inline-link-color: #DC2626;
2420 -}
2421 -.eps-inline-link--color-cta {
2422 - --eps-inline-link-color: #93003f;
2423 -}
2424 -.eps-inline-link--color-link {
2425 - --eps-inline-link-color: #515962;
2426 -}
2427 -.eps-inline-link--color-disabled {
2428 - --eps-inline-link-color: #D5D8DC;
2429 -}
2430 -.eps-inline-link--underline-hover:hover, .eps-inline-link--underline-always, .eps-inline-link--underline-always:hover {
2431 - text-decoration: underline;
2432 -}
2433 -.eps-inline-link--italic {
2434 - font-style: italic;
2435 -}
2436 -.eps-inline-link, .eps-inline-link:focus {
2437 - outline: none;
2438 -}
2439 -
2440 -.eps-text-field {
2441 - --eps-text-field-color: #515962;
2442 - --eps-text-field-background-color: transparent;
2443 - --eps-text-field-placeholder-color: #69727D;
2444 - --eps-text-field-outlined-border-color: #9DA5AE;
2445 - --eps-text-field-outlined-focus-border-color: #515962;
2446 - --eps-text-field-standard-border-color: #9DA5AE;
2447 - --eps-text-field-standard-focus-border-color: #515962;
2448 - --border: 1px solid var(--eps-text-field-outlined-border-color);
2449 - width: 100%;
2450 - color: var(--eps-text-field-color);
2451 - background-color: var(--eps-text-field-background-color);
2452 - border: 0;
2453 - margin-block-end: 5px;
2454 - outline: none;
2455 - font-family: Roboto, Arial, Helvetica, Verdana, sans-serif;
2456 - font-size: 0.875rem;
2457 - font-weight: 400;
2458 - line-height: 1.5;
2459 -}
2460 -.eps-text-field--outlined {
2461 - border-radius: 0.1875rem;
2462 - border: var(--border);
2463 - padding: 0.625rem;
2464 -}
2465 -.eps-text-field--outlined:focus {
2466 - border-color: var(--eps-text-field-outlined-focus-border-color);
2467 -}
2468 -.eps-text-field--standard {
2469 - padding-top: 0.625rem;
2470 - padding-bottom: 0.625rem;
2471 - border-bottom: var(--border);
2472 -}
2473 -.eps-text-field--standard:focus {
2474 - border-color: var(--eps-text-field-standard-focus-border-color);
2475 -}
2476 -.eps-text-field::-moz-placeholder {
2477 - color: var(--eps-text-field-placeholder-color);
2478 - font-family: Roboto, Arial, Helvetica, Verdana, sans-serif;
2479 - font-size: 0.875rem;
2480 - font-weight: 400;
2481 - line-height: 1.5;
2482 -}
2483 -.eps-text-field::placeholder {
2484 - color: var(--eps-text-field-placeholder-color);
2485 - font-family: Roboto, Arial, Helvetica, Verdana, sans-serif;
2486 - font-size: 0.875rem;
2487 - font-weight: 400;
2488 - line-height: 1.5;
2489 -}
2490 -
2491 -.eps-theme-dark .eps-text-field {
2492 - --eps-text-field-color: #BABFC5;
2493 - --eps-text-field-background-color: transparent;
2494 - --eps-text-field-placeholder-color: #9DA5AE;
2495 - --eps-text-field-outlined-border-color: #3f444b;
2496 - --eps-text-field-outlined-focus-border-color: #9DA5AE;
2497 -}
2498 -.eps-theme-dark--outlined {
2499 - border-color: var(--eps-text-field-outlined-border-color);
2500 -}
2501 -.eps-theme-dark--outlined:focus {
2502 - border-color: var(--eps-text-field-outlined-focus-border-color);
2503 -}
2504 -.eps-theme-dark--standard {
2505 - border-color: var(--eps-text-field-standard-border-color);
2506 -}
2507 -.eps-theme-dark--standard:focus {
2508 - border-color: var(--eps-text-field-standard-focus-border-color);
2509 -}
2510 -
2511 -.e-app-import-export-content-layout {
2512 - display: flex;
2513 - justify-content: center;
2514 - height: 100%;
2515 -}
2516 -.e-app-import-export-content-layout__container {
2517 - flex-basis: 1075px;
2518 -}
2519 -
2520 -.e-app-export-complete__kit-content-title {
2521 - margin: 2.75rem 0 0.625rem;
2522 -}
2523 -
2524 -.e-app-export-kit-content {
2525 - --e-app-export-kit-content-title-color: #3f444b;
2526 - --e-app-export-kit-content-description-color: #515962;
2527 - --e-app-export-kit-content-sm-notice-color: #BABFC5;
2528 -}
2529 -.e-app-export-kit-content__checkbox {
2530 - flex-shrink: 0;
2531 - margin-inline-end: 0.75rem;
2532 -}
2533 -.e-app-export-kit-content__title {
2534 - color: var(--e-app-export-kit-content-title-color);
2535 -}
2536 -.e-app-export-kit-content__description {
2537 - color: var(--e-app-export-kit-content-description-color);
2538 - margin-inline-end: 1.25rem;
2539 -}
2540 -.e-app-export-kit-content__notice {
2541 - margin-block-start: 1rem;
2542 -}
2543 -.e-app-export-kit-content__small-notice {
2544 - font-style: italic;
2545 - color: var(--e-app-export-kit-content-sm-notice-color);
2546 -}
2547 -
2548 -.eps-theme-dark .e-app-export-kit-content {
2549 - --e-app-export-kit-content-title-color: #D5D8DC;
2550 - --e-app-export-kit-content-description-color: #BABFC5;
2551 - --e-app-export-kit-content-sm-notice-color: #818A96;
2552 -}
2553 -
2554 -.e-app-import-export-kit-data {
2555 - --e-app-import-export-kit-data-site-area-color: #3f444b;
2556 - --e-app-import-export-kit-data-included-color: #69727D;
2557 -}
2558 -.e-app-import-export-kit-data__site-area, .e-app-import-export-kit-data__included {
2559 - margin-block-end: 0;
2560 -}
2561 -.e-app-import-export-kit-data__site-area {
2562 - color: var(--e-app-import-export-kit-data-site-area-color);
2563 - font-weight: bold;
2564 -}
2565 -.e-app-import-export-kit-data__included {
2566 - color: var(--e-app-import-export-kit-data-included-color);
2567 -}
2568 -
2569 -.eps-theme-dark .e-app-import-export-kit-data {
2570 - --e-app-import-export-kit-data-site-area-color: #BABFC5;
2571 - --e-app-import-export-kit-data-included-color: #9DA5AE;
2572 -}
2573 -
2574 -.e-app-import-resolver {
2575 - --e-app-import-resolver-panel-header-background-color: #ffffff;
2576 - --e-app-import-resolver-panel-body-background-color: rgba(255, 255, 255, 0.5);
2577 - --e-app-import-resolver-conflicts-asset-border-color: #818A96;
2578 - --e-app-import-resolver-conflicts-asset-inactive-color: #69727D;
2579 - padding-block-end: 1.25rem;
2580 -}
2581 -.e-app-import-resolver__notice {
2582 - margin-block-end: 1.25rem;
2583 -}
2584 -.e-app-import-resolver__panel, .e-app-import-resolver__panel:hover {
2585 - background-color: initial;
2586 -}
2587 -.e-app-import-resolver__panel-header {
2588 - background-color: var(--e-app-import-resolver-panel-header-background-color);
2589 -}
2590 -.e-app-import-resolver__panel-body {
2591 - background-color: var(--e-app-import-resolver-panel-body-background-color);
2592 -}
2593 -.e-app-import-resolver-conflicts__container {
2594 - box-shadow: 0 2px 3px 1px var(--color-box-shadow-color);
2595 -}
2596 -.e-app-import-resolver-conflicts__checkbox {
2597 - flex-shrink: 0;
2598 - margin-inline-end: 0.75rem;
2599 -}
2600 -.e-app-import-resolver-conflicts__title {
2601 - line-height: 1;
2602 -}
2603 -.e-app-import-resolver-conflicts__asset:not(:first-child) {
2604 - border-inline-start: 2px solid var(--e-app-import-resolver-conflicts-asset-border-color);
2605 - padding-inline-start: 1rem;
2606 - margin-inline-start: 1rem;
2607 -}
2608 -.e-app-import-resolver-conflicts__asset:not(.active) {
2609 - color: var(--e-app-import-resolver-conflicts-asset-inactive-color);
2610 -}
2611 -.e-app-import-resolver-conflicts__edit-template {
2612 - margin-inline-start: 0.3125rem;
2613 -}
2614 -
2615 -.eps-theme-dark .e-app-import-resolver {
2616 - --e-app-import-resolver-panel-header-background-color: #69727D;
2617 - --e-app-import-resolver-panel-body-background-color: rgba(0, 0, 0, 0.05);
2618 - --e-app-import-resolver-conflicts-asset-border-color: #818A96;
2619 - --e-app-import-resolver-conflicts-asset-inactive-color: #9DA5AE;
2620 -}
2621 -
2622 -.eps-panel {
2623 - --eps-panel-header-background-color: transparent;
2624 - --eps-panel-body-background-color: transparent;
2625 -}
2626 -.eps-panel, .eps-panel:hover {
2627 - background-color: initial;
2628 -}
2629 -.eps-panel__header {
2630 - background-color: var(--eps-panel-header-background-color);
2631 - border-radius: 0.1875rem;
2632 -}
2633 -.eps-panel__body {
2634 - background-color: var(--eps-panel-body-background-color);
2635 - border-radius: 0 0 0.1875rem 0.1875rem;
2636 -}
2637 -
2638 -.eps-theme-dark .eps-panel {
2639 - --eps-panel-header-background-color: transparent;
2640 - --eps-panel-body-background-color: transparent;
2641 -}
2642 -
2643 -.e-app-export-kit {
2644 - padding-block-end: 1.25rem;
2645 -}
2646 -.e-app-export-kit-information__field-header {
2647 - margin-block-end: 0.625rem;
2648 -}
2649 -.e-app-export-kit-information__label {
2650 - margin: 0;
2651 -}
2652 -.e-app-export-kit-information__info-icon {
2653 - margin-inline-start: 0.625rem;
2654 -}
2655 -.e-app-export-kit-information__content {
2656 - gap: 16px;
2657 -}
2658 -.e-app-export-kit-information__field--error {
2659 - border-color: var(--e-a-color-danger);
2660 -}
2661 -.e-app-export-kit-information__error-container {
2662 - height: 20px;
2663 - display: flex;
2664 - align-items: flex-start;
2665 - margin-block-start: 4px;
2666 -}
2667 -.e-app-export-kit-information__validation-error {
2668 - color: var(--e-a-color-danger);
2669 -}
2670 -.e-app-export-kit__content {
2671 - gap: 20px;
2672 -}
2673 -
2674 -.e-app-import-export-info-modal__section:not(:first-child) {
2675 - margin-block-start: 1.875rem;
2676 -}
2677 -.e-app-import-export-info-modal__heading {
2678 - margin-block-end: 1.25rem;
2679 -}
2680 -
2681 -:root {
2682 - --eps-badge-background-color: #ffffff;
2683 -}
2684 -
2685 -.eps-theme-dark {
2686 - --eps-badge-background-color: #515962;
2687 -}
2688 -
2689 -.eps-badge {
2690 - display: inline-block;
2691 - background: var(--eps-badge-background-color);
2692 - padding: 0 0.5rem;
2693 - line-height: 1.8;
2694 - box-shadow: 0 3px 6px var(--color-box-shadow-color);
2695 - border-radius: 4px;
2696 - font-size: 0.75rem;
2697 -}
2698 -.eps-badge--sm {
2699 - font-size: 0.625rem;
2700 - border-radius: 3px;
2701 - padding: 0 0.3125rem;
2702 - line-height: 1.5;
2703 -}
2704 -
2705 -.eps-collapse__title {
2706 - cursor: pointer;
2707 - padding: 0.3125rem 0;
2708 - display: flex;
2709 - align-items: center;
2710 - justify-content: space-between;
2711 - width: 100%;
2712 - background: transparent;
2713 - border: none;
2714 - color: inherit;
2715 -}
2716 -.eps-collapse__title:focus {
2717 - outline: none;
2718 -}
2719 -.eps-collapse__icon {
2720 - transition: all 150ms;
2721 - scale: calc(1 * var(--direction-multiplier)) 1;
2722 -}
2723 -.eps-collapse__content {
2724 - margin-block-start: 0.625rem;
2725 - display: none;
2726 -}
2727 -.eps-collapse[data-open] .eps-collapse__content {
2728 - display: block;
2729 -}
2730 -.eps-collapse[data-open] .eps-collapse__icon {
2731 - transform: rotate(90deg);
2732 -}
2733 -
2734 -.e-kit-library-promotion {
2735 - --e-kit-library-promotion-color: tints(600);
2736 -}
2737 -
2738 -.eps-theme-dark .e-kit-library-promotion {
2739 - --e-kit-library-promotion-color: dark-tints(400);
2740 -}
2741 -
2742 -.e-kit-library-promotion {
2743 - width: 100%;
2744 - text-align: center;
2745 - margin-block-start: 1.875rem;
2746 - color: var(--e-kit-library-promotion-color);
2747 -}
2748 -
2749 -.e-kit-library__error-screen {
2750 - margin-block-start: 2.75rem;
2751 -}
2752 -.e-kit-library__error-screen-title {
2753 - margin-block-start: 2.75rem;
2754 - margin-block-end: 0;
2755 -}
2756 -.e-kit-library__error-screen-description {
2757 - margin-block-start: 1.5rem;
2758 - color: #69727D;
2759 - text-align: center;
2760 - max-width: 520px;
2761 -}
2762 -
2763 -.e-kit-library__kit-favorite-actions {
2764 - padding: 0.3125rem;
2765 - transition: 0.3s all;
2766 - border-radius: 4px;
2767 -}
2768 -.e-kit-library__kit-favorite-actions--active {
2769 - color: #DC2626;
2770 -}
2771 -.e-kit-library__kit-favorite-actions--loading {
2772 - opacity: 50%;
2773 - cursor: default;
2774 -}
2775 -.e-kit-library__kit-favorite-actions:hover {
2776 - background-color: rgba(220, 38, 38, 0.1);
2777 -}
2778 -
2779 -.e-kit-library__filter-indication {
2780 - margin-block-start: 1.5rem;
2781 - display: flex;
2782 - align-items: center;
2783 -}
2784 -.e-kit-library__filter-indication-text {
2785 - margin-block-end: 0;
2786 - display: flex;
2787 - align-items: center;
2788 -}
2789 -.e-kit-library__filter-indication-badge {
2790 - margin-inline-start: 0.3125rem;
2791 - display: flex;
2792 - align-items: center;
2793 -}
2794 -.e-kit-library__filter-indication-badge-remove {
2795 - margin-inline-start: 0.3125rem;
2796 - font-size: 0.875rem;
2797 -}
2798 -.e-kit-library__filter-indication-button {
2799 - margin-inline-start: 1.5rem;
2800 -}
2801 -
2802 -#eps-app-header-btn-promotion,
2803 -#eps-app-header-btn-connect {
2804 - margin-inline-start: 0.625rem;
2805 - margin-inline-end: 0.625rem;
2806 -}
2807 -
2808 -#eps-app-header-btn-apply {
2809 - margin-inline-start: 0.625rem;
2810 -}
2811 -
2812 -#eps-app-header-btn-download {
2813 - margin-inline-end: 1rem;
2814 - margin-inline-start: 1rem;
2815 -}
2816 -
2817 -.e-kit-library__apply-button {
2818 - display: flex;
2819 - align-items: center;
2820 - justify-content: center;
2821 - gap: 0.3125rem;
2822 -}
2823 -
2824 -.e-kit-library__kit-item {
2825 - --e-kit-library-kit-item-overlay-promotion-button-background-color: #D5D8DC;
2826 -}
2827 -
2828 -.eps-theme-dark .e-kit-library__kit-item {
2829 - --e-kit-library-kit-item-overlay-promotion-button-background-color: #515962;
2830 -}
2831 -
2832 -.e-kit-library__kit-item-overlay {
2833 - height: 100%;
2834 -}
2835 -.e-kit-library__kit-item-overlay-overview-button {
2836 - display: flex;
2837 - flex-direction: column;
2838 - align-items: center;
2839 - justify-content: center;
2840 - color: white;
2841 - height: 100%;
2842 - width: 100%;
2843 -}
2844 -.e-kit-library__kit-item-overlay-overview-button > i {
2845 - font-size: 2rem;
2846 - margin-block-end: 5px;
2847 -}
2848 -.e-kit-library__kit-item-overlay-overview-button > span {
2849 - font-size: 0.9rem;
2850 -}
2851 -.e-kit-library__kit-item-overlay-promotion-button {
2852 - display: flex;
2853 - width: 100%;
2854 - background: white;
2855 - align-items: center;
2856 - justify-content: center;
2857 - padding: 10px;
2858 - font-size: 13px;
2859 - color: #93003f;
2860 - background: var(--e-kit-library-kit-item-overlay-promotion-button-background-color);
2861 -}
2862 -.e-kit-library__kit-item-overlay-promotion-button > * {
2863 - margin: 0 3px;
2864 -}
2865 -.e-kit-library__kit-item-subscription-plan-badge {
2866 - --e-a-color-brand: #467FF7;
2867 -}
2868 -.e-kit-library__kit-item-subscription-plan-badge.promoted {
2869 - --e-a-color-brand: #92003B;
2870 -}
2871 -.e-kit-library__kit-item-subscription-plan-badge {
2872 - position: absolute;
2873 - inset-block-start: 0;
2874 - inset-inline-end: 0;
2875 - margin: 0.3125rem;
2876 - background-color: var(--e-a-color-brand);
2877 - color: #ffffff;
2878 - text-transform: uppercase;
2879 -}
2880 -.e-kit-library__kit-item-header {
2881 - position: relative;
2882 -}
2883 -.e-kit-library__kit-item-lock-icon {
2884 - font-size: 14px;
2885 - margin-inline-end: 8px;
2886 - color: var(--card-headline-color);
2887 - cursor: pointer;
2888 -}
2889 -.e-kit-library__kit-item-actions-menu i {
2890 - font-size: 16px;
2891 -}
2892 -.e-kit-library__kit-item-actions-popover {
2893 - display: flex;
2894 - flex-direction: column;
2895 - align-items: start;
2896 - min-width: 0;
2897 - padding: 12px 0;
2898 - position: absolute;
2899 - inset-block-start: 25px;
2900 - inset-inline-start: 100%;
2901 - transform: translateX(calc(-100% * var(--direction-multiplier)));
2902 -}
2903 -.e-kit-library__kit-item-actions-popover-item {
2904 - display: flex;
2905 - height: 30px;
2906 - width: 100%;
2907 - align-items: center;
2908 - gap: 8px;
2909 - padding: 0 12px;
2910 - cursor: pointer;
2911 -}
2912 -.e-kit-library__kit-item-actions-popover-item i {
2913 - font-size: 16px;
2914 -}
2915 -.e-kit-library__kit-item-actions-popover-item:hover {
2916 - background-color: var(--e-a-bg-hover);
2917 -}
2918 -.e-kit-library__kit-item-actions-popover-item--danger {
2919 - color: var(--e-a-color-danger);
2920 -}
2921 -.e-kit-library__kit-item-actions-popover-item--danger:hover {
2922 - background-color: var(--e-a-bg-danger);
2923 -}
2924 -.e-kit-library__kit-item-actions-popover-item--danger i {
2925 - color: var(--e-a-color-danger);
2926 -}
2927 -.e-kit-library__kit-item-cloud-overlay {
2928 - height: 100%;
2929 - display: flex;
2930 - flex-direction: column;
2931 - align-items: center;
2932 - justify-content: center;
2933 -}
2934 -.e-kit-library__kit-item-cloud-overlay-import-button {
2935 - display: flex;
2936 - align-items: center;
2937 - justify-content: center;
2938 - padding: 8px 22px;
2939 - gap: 8px;
2940 -}
2941 -.e-kit-library__kit-item-cloud-overlay-import-button > i {
2942 - font-size: 20px;
2943 - font-weight: 600;
2944 -}
2945 -.e-kit-library__kit-item-cloud-overlay-import-button > span {
2946 - font-size: 15px;
2947 -}
2948 -.e-kit-library__kit-item-cloud-overlay i.eicon-lock {
2949 - font-size: 48px;
2950 - color: rgba(255, 255, 255, 0.8);
2951 - cursor: pointer;
2952 -}
2953 -.e-kit-library__kit-item--locked {
2954 - opacity: 0.6;
2955 -}
2956 -.e-kit-library__kit-item--locked .eps-card__image {
2957 - opacity: 0.7;
2958 -}
2959 -.e-kit-library__kit-item--locked .eps-card__overlay {
2960 - background-color: rgba(0, 0, 0, 0.5);
2961 -}
2962 -
2963 -:root {
2964 - --e-kit-library-header-back-border: 1px solid var(--e-a-border-color);
2965 - --e-kit-library-header-back-color: #69727D;
2966 -}
2967 -
2968 -.eps-theme-dark {
2969 - --e-kit-library-header-back-border: 1px solid #818A96;
2970 - --e-kit-library-header-back-color: #BABFC5;
2971 -}
2972 -
2973 -.e-kit-library__header-back {
2974 - color: var(--e-kit-library-header-back-color);
2975 - padding-inline-end: 1.25rem;
2976 - padding-inline-start: 0.3125rem;
2977 - display: inline-flex;
2978 - justify-content: center;
2979 - align-items: center;
2980 - height: 100%;
2981 - border-inline-end: var(--e-kit-library-header-back-border);
2982 -}
2983 -.e-kit-library__header-back-container {
2984 - flex: 1;
2985 - height: 100%;
2986 -}
2987 -.e-kit-library__header-back .eps-icon {
2988 - scale: calc(1 * var(--direction-multiplier)) 1;
2989 -}
2990 -
2991 -.e-kit-library__page-loader {
2992 - width: 100%;
2993 - height: 100%;
2994 - display: grid;
2995 - place-items: center;
2996 - font-size: 1.85rem;
2997 - color: #69727D;
2998 -}
2999 -
3000 -.eps-search-input {
3001 - --eps-search-input-background-color: #D5D8DC;
3002 - --eps-search-input-background-color-focus: #ffffff;
3003 - --eps-search-input-color: #3f444b;
3004 - --eps-search-input-placeholder-color: #69727D;
3005 -}
3006 -
3007 -.eps-theme-dark .eps-search-input {
3008 - --eps-search-input-background-color: #515962;
3009 - --eps-search-input-background-color-focus: #69727D;
3010 - --eps-search-input-color: #BABFC5;
3011 - --eps-search-input-placeholder-color: #BABFC5;
3012 -}
3013 -
3014 -.eps-search-input {
3015 - width: 100%;
3016 - font-size: 0.9375rem;
3017 - padding: 0.625rem 2.75rem;
3018 - border: none;
3019 - background: var(--eps-search-input-background-color);
3020 - outline: none;
3021 - color: var(--eps-search-input-color);
3022 - line-height: 1;
3023 - height: 2.75rem;
3024 -}
3025 -.eps-search-input--sm {
3026 - font-size: 0.8125rem;
3027 - padding: 0.5rem 1.875rem;
3028 -}
3029 -.eps-search-input:focus {
3030 - background: var(--eps-search-input-background-color-focus);
3031 -}
3032 -.eps-search-input::-moz-placeholder {
3033 - color: var(--eps-search-input-placeholder-color);
3034 - font-style: italic;
3035 -}
3036 -.eps-search-input::placeholder {
3037 - color: var(--eps-search-input-placeholder-color);
3038 - font-style: italic;
3039 -}
3040 -.eps-search-input__container {
3041 - position: relative;
3042 -}
3043 -.eps-search-input__icon {
3044 - font-size: 1.25rem;
3045 - padding: 0.625rem;
3046 - color: #69727D;
3047 - position: absolute;
3048 - inset-block-start: 0;
3049 - inset-inline-start: 0;
3050 - height: 100%;
3051 - display: flex;
3052 - align-items: center;
3053 - justify-content: center;
3054 -}
3055 -.eps-search-input__icon--sm {
3056 - font-size: 0.75rem;
3057 -}
3058 -.eps-search-input__clear-icon {
3059 - font-size: 0.875rem;
3060 - padding: 0.625rem;
3061 - color: #69727D;
3062 - position: absolute;
3063 - inset-block-start: 0;
3064 - inset-inline-end: 0;
3065 - height: 100%;
3066 - display: flex;
3067 - align-items: center;
3068 - justify-content: center;
3069 -}
3070 -.eps-search-input__clear-icon--sm {
3071 - font-size: 0.6875rem;
3072 -}
3073 -
3074 -:root {
3075 - --eps-sort-select-select-background-color: #D5D8DC;
3076 - --eps-sort-select-select-color: #3f444b;
3077 - --eps-sort-select-button-background-color: #D5D8DC;
3078 - --eps-sort-select-button-border: 1px solid var(--e-a-border-color);
3079 -}
3080 -
3081 -.eps-theme-dark {
3082 - --eps-sort-select-select-background-color: #515962;
3083 - --eps-sort-select-select-color: #BABFC5;
3084 - --eps-sort-select-button-background-color: #515962;
3085 - --eps-sort-select-button-border: 1px solid #1f2124;
3086 -}
3087 -
3088 -.eps-sort-select {
3089 - width: 100%;
3090 - font-size: 0.9375rem;
3091 - display: flex;
3092 -}
3093 -.eps-sort-select__select-wrapper {
3094 - flex: 1;
3095 - position: relative;
3096 -}
3097 -.eps-sort-select__select-wrapper::after {
3098 - content: "\e8ad";
3099 - font-family: eicons;
3100 - position: absolute;
3101 - inset-inline-end: 0.625rem;
3102 - inset-block: 0;
3103 - color: #69727D;
3104 - display: flex;
3105 - align-items: center;
3106 - justify-content: center;
3107 - pointer-events: none;
3108 -}
3109 -.eps-sort-select__select {
3110 - width: 100%;
3111 - padding: 0.625rem 0.625rem;
3112 - border: none;
3113 - background: var(--eps-sort-select-select-background-color);
3114 - outline: none;
3115 - color: var(--eps-sort-select-select-color);
3116 - line-height: 1;
3117 - cursor: pointer;
3118 - height: 2.75rem;
3119 - -moz-appearance: none;
3120 - appearance: none;
3121 - -webkit-appearance: none;
3122 - border-radius: 0;
3123 -}
3124 -.eps-sort-select__button {
3125 - padding: 0.75rem 0.75rem;
3126 - background: var(--eps-sort-select-button-background-color);
3127 - border-inline-start: var(--eps-sort-select-button-border);
3128 - line-height: 1;
3129 - color: #69727D;
3130 -}
3131 -
3132 -.e-kit-library__tags-filter {
3133 - --e-kit-library-tags-filter-list-search-background-color: #ffffff;
3134 -}
3135 -
3136 -.eps-theme-dark .e-kit-library__tags-filter {
3137 - --e-kit-library-tags-filter-list-search-background-color: #515962;
3138 -}
3139 -
3140 -.e-kit-library__tags-filter {
3141 - margin-block-start: 2.75rem;
3142 -}
3143 -.e-kit-library__tags-filter-list {
3144 - margin-block-end: 2.75rem;
3145 -}
3146 -.e-kit-library__tags-filter-list .eps-collapse__title {
3147 - padding-inline-end: 1.875rem;
3148 - padding-inline-start: 1.875rem;
3149 - text-transform: uppercase;
3150 -}
3151 -.e-kit-library__tags-filter-list .eps-collapse__content {
3152 - margin: 0.3125rem 1.875rem;
3153 -}
3154 -.e-kit-library__tags-filter-list-container {
3155 - max-height: 250px;
3156 - overflow: auto;
3157 -}
3158 -.e-kit-library__tags-filter-list-search {
3159 - margin-block-end: 0.625rem;
3160 -}
3161 -.e-kit-library__tags-filter-list-search .eps-search-input {
3162 - background: var(--e-kit-library-tags-filter-list-search-background-color);
3163 -}
3164 -.e-kit-library__tags-filter-list-item {
3165 - padding: 0.625rem 0;
3166 - display: flex;
3167 - align-items: center;
3168 - font-weight: 500;
3169 -}
3170 -.e-kit-library__tags-filter-list-item input {
3171 - margin-inline-end: 0.3125rem;
3172 -}
3173 -
3174 -.e-kit-library #eps-app-header-btn-refetch {
3175 - padding: 0;
3176 -}
3177 -
3178 -.e-kit-library-header-info-modal-container {
3179 - margin-block-end: 2.75rem;
3180 -}
3181 -
3182 -.e-kit-library__tooltip {
3183 - padding: 5px 12px;
3184 - color: #ffffff;
3185 - background-color: #26292C;
3186 - font-size: 10px;
3187 -}
3188 -.e-kit-library__tooltip:before {
3189 - border-block-end-color: #26292C;
3190 -}
3191 -
3192 -.e-kit-library__index-layout-container {
3193 - flex-grow: 1;
3194 - overflow-y: auto;
3195 - display: flex;
3196 - flex-direction: column;
3197 -}
3198 -.e-kit-library__index-layout-heading {
3199 - padding: 1.875rem 2.75rem;
3200 - position: sticky;
3201 - inset-block-start: -1px;
3202 - width: 100%;
3203 - z-index: 2;
3204 - background-color: var(--app-background-color);
3205 - gap: 1.5rem;
3206 - align-items: center;
3207 -}
3208 -.e-kit-library__index-layout-heading-search, .e-kit-library__index-layout-heading-sort {
3209 - min-width: 265px;
3210 -}
3211 -.e-kit-library__index-layout-heading-search {
3212 - flex: 1;
3213 -}
3214 -.e-kit-library__index-layout-heading-quota {
3215 - display: flex;
3216 - align-items: center;
3217 - justify-content: flex-end;
3218 -}
3219 -.e-kit-library__index-layout-main {
3220 - padding-block-start: 0;
3221 - padding-block-end: 1.5rem;
3222 - overflow-y: hidden;
3223 - height: auto;
3224 - flex: 1 0 auto;
3225 - display: flex;
3226 - flex-direction: column;
3227 - justify-content: space-between;
3228 -}
3229 -.e-kit-library__index-layout-main.e-kit-library__connect-container {
3230 - justify-content: center;
3231 - align-items: center;
3232 -}
3233 -.e-kit-library__connect-button {
3234 - background-color: var(--e-a-btn-bg-primary);
3235 - color: var(--e-a-btn-color);
3236 - border-radius: 4px;
3237 - padding: 8px;
3238 -}
3239 -.e-kit-library__connect-button:hover {
3240 - opacity: 0.8;
3241 -}
3242 -.e-kit-library__upgrade-button {
3243 - background-color: var(--e-a-color-accent);
3244 - color: var(--e-a-color-txt-invert);
3245 - border-radius: 4px;
3246 - padding: 8px;
3247 -}
3248 -.e-kit-library__upgrade-button:hover {
3249 - opacity: 0.8;
3250 -}
3251 -.e-kit-library .eicon-library-cloud-connect,
3252 -.e-kit-library .eicon-library-subscription-upgrade {
3253 - font-size: 65px;
3254 -}
3255 -.e-kit-library .connect-badge {
3256 - color: #C00BB9;
3257 - margin-inline-start: 10px;
3258 -}
3259 -.e-kit-library .upgrade-badge {
3260 - color: #93003f;
3261 - border: 1px solid #93003f;
3262 - border-radius: 10px;
3263 - padding: 2px 6px;
3264 - margin-inline-start: 10px;
3265 -}
3266 -
3267 -.e-kit-library__tags-filter {
3268 - --e-kit-library-item-sidebar-header-title-color: #515962;
3269 - --e-kit-library-item-sidebar-description-color: #515962;
3270 - --e-kit-library-item-information-text-color: #515962;
3271 -}
3272 -
3273 -.eps-theme-dark .e-kit-library__tags-filter {
3274 - --e-kit-library-item-sidebar-header-title-color: #BABFC5;
3275 - --e-kit-library-item-sidebar-description-color: #BABFC5;
3276 - --e-kit-library-item-information-text-color: #BABFC5;
3277 -}
3278 -
3279 -.e-kit-library__item-sidebar {
3280 - padding: 1.5rem 1.875rem;
3281 -}
3282 -.e-kit-library__item-sidebar-header {
3283 - display: flex;
3284 - align-items: center;
3285 - justify-content: space-between;
3286 -}
3287 -.e-kit-library__item-sidebar-header-title {
3288 - color: var(--e-kit-library-item-sidebar-header-title-color);
3289 - margin-block-end: 0;
3290 -}
3291 -.e-kit-library__item-sidebar-thumbnail {
3292 - margin-block-start: 1.5rem;
3293 - box-shadow: 0 4px 10px var(--color-box-shadow-color);
3294 -}
3295 -.e-kit-library__item-sidebar-description {
3296 - margin-block-start: 1.5rem;
3297 - color: var(--e-kit-library-item-sidebar-description-color);
3298 -}
3299 -.e-kit-library__item-sidebar-collapse-tags {
3300 - margin-block-start: 2.75rem;
3301 -}
3302 -.e-kit-library__item-sidebar-collapse-info {
3303 - margin-block-start: 1.875rem;
3304 -}
3305 -.e-kit-library__item-sidebar-tags-container {
3306 - gap: 0.625rem;
3307 -}
3308 -.e-kit-library__item-information-text {
3309 - font-size: 0.8125rem;
3310 - color: var(--e-kit-library-item-information-text-color);
3311 - margin-block-end: 0.3125rem;
3312 -}
3313 -
3314 -.e-kit-library {
3315 - --e-kit-library-content-overview-group-title-color: #515962;
3316 -}
3317 -
3318 -.eps-theme-dark .e-kit-library {
3319 - --e-kit-library-content-overview-group-title-color: #BABFC5;
3320 -}
3321 -
3322 -.e-kit-library__content-overview-group-item {
3323 - margin-block-end: 2.75rem;
3324 -}
3325 -.e-kit-library__content-overview-group-title {
3326 - margin-block-end: 1.875rem;
3327 - color: var(--e-kit-library-content-overview-group-title-color);
3328 -}
3329 -
3330 -.e-kit-library__preview-responsive-controls {
3331 - width: auto;
3332 -}
3333 -.e-kit-library__preview-responsive-controls-item {
3334 - margin: 0 0.3125rem;
3335 - color: #69727D;
3336 - padding: 0.3125rem;
3337 -}
3338 -.e-kit-library__preview-responsive-controls-item:hover {
3339 - background: rgba(37, 99, 235, 0.1);
3340 - border-radius: 3px;
3341 - transition: all 0.3s;
3342 -}
3343 -.e-kit-library__preview-responsive-controls-item--active {
3344 - color: #2563EB;
3345 -}
3346 -
3347 -.e-kit-library__preview-loader {
3348 - position: absolute;
3349 - inset-block-start: 0;
3350 - inset-inline-start: 0;
3351 - z-index: 0;
3352 -}
3353 -.e-kit-library__preview-iframe {
3354 - border: none;
3355 - transition: all 0.3s;
3356 - box-shadow: 0 4px 10px var(--color-box-shadow-color);
3357 -}
3358 -.e-kit-library__preview-iframe-container {
3359 - overflow-y: auto;
3360 - position: relative;
3361 - z-index: 1;
3362 -}
3363 -
3364 -.e-app-collapse {
3365 - --e-app-collapse-icon-color: #515962;
3366 -}
3367 -.e-app-collapse-toggle {
3368 - position: relative;
3369 -}
3370 -.e-app-collapse-toggle--active {
3371 - cursor: pointer;
3372 -}
3373 -.e-app-collapse-toggle__icon {
3374 - color: var(--e-app-collapse-icon-color);
3375 - display: flex;
3376 - align-items: center;
3377 - justify-content: center;
3378 - font-size: 0.875rem;
3379 - position: absolute;
3380 - inset-block-start: 50%;
3381 - inset-inline-end: var(--e-app-collapse-toggle-icon-spacing);
3382 - transform: translateY(-50%);
3383 -}
3384 -.e-app-collapse-toggle__icon:before {
3385 - transition: all 0.2s linear;
3386 -}
3387 -.e-app-collapse-content {
3388 - display: none;
3389 -}
3390 -.e-app-collapse--opened .e-app-collapse-toggle__icon:before {
3391 - transform: rotate(-180deg);
3392 -}
3393 -.e-app-collapse--opened .e-app-collapse-content {
3394 - display: block;
3395 -}
3396 -
3397 -[dir=rtl] .e-app-collapse-toggle__icon {
3398 - inset-inline-start: var(--e-app-collapse-toggle-icon-spacing);
3399 - inset-inline-end: initial;
3400 -}
3401 -
3402 -.eps-theme-dark .e-app-collapse {
3403 - --e-app-collapse-icon-color: #BABFC5;
3404 -}
3405 -
3406 -.e-app-import-plugins {
3407 - --e-app-import-plugins-selection-section-heading-color: #515962;
3408 - padding-block-end: 1.5rem;
3409 -}
3410 -.e-app-import-plugins__section {
3411 - margin-block-start: 1.875rem;
3412 -}
3413 -.e-app-import-plugins__section-heading {
3414 - color: var(--e-app-import-plugins-selection-section-heading-color);
3415 - margin-block-end: 1rem;
3416 -}
3417 -.e-app-import-plugins__versions-notice {
3418 - margin-block-end: 0.75rem;
3419 -}
3420 -
3421 -.eps-theme-dark .e-app-import-plugins {
3422 - --e-app-import-plugins-selection-section-heading-color: #BABFC5;
3423 -}
3424 -
3425 -.eps-table {
3426 - --eps-table-body-color: #3f444b;
3427 - border-spacing: 0 2px;
3428 - table-layout: fixed;
3429 - width: 100%;
3430 - border: 1px solid var(--e-a-border-color);
3431 - border-radius: 0.1875rem;
3432 -}
3433 -.eps-table__checkboxes-column {
3434 - width: 1.875rem;
3435 -}
3436 -.eps-table__checkbox {
3437 - display: flex;
3438 - flex-shrink: 0;
3439 -}
3440 -.eps-table__cell {
3441 - padding: 1rem;
3442 -}
3443 -.eps-table__head .eps-table__cell {
3444 - text-align: start;
3445 -}
3446 -.eps-table__row {
3447 - border-block-end: 1px solid var(--e-a-border-color);
3448 -}
3449 -.eps-table__row:last-child {
3450 - border-block-end: none;
3451 -}
3452 -.eps-table__body .eps-table__cell:first-child {
3453 - border-radius: 0.1875rem 0 0 0.1875rem;
3454 -}
3455 -.eps-table__body .eps-table__cell:last-child {
3456 - border-radius: 0 0.1875rem 0.1875rem 0;
3457 -}
3458 -.eps-table--selection .eps-table__cell:first-child {
3459 - padding-inline-end: 0;
3460 -}
3461 -
3462 -.eps-theme-dark .eps-table {
3463 - --eps-table-body-color: #BABFC5;
3464 -}
3465 -
3466 -[dir=rtl] .eps-table__body [dir=rtl] .eps-table__cell:first-child {
3467 - border-radius: 0 0.1875rem 0.1875rem 0;
3468 -}
3469 -[dir=rtl] .eps-table__body [dir=rtl] .eps-table__cell:last-child {
3470 - border-radius: 0.1875rem 0 0 0.1875rem;
3471 -}
3472 -
3473 -.e-app-import-plugins-pro-banner {
3474 - --e-app-import-plugins-pro-banner-heading-color: #3f444b;
3475 - --e-app-import-plugins-pro-banner-description-color: #515962;
3476 - margin-block-end: 1.875rem;
3477 -}
3478 -.e-app-import-plugins-pro-banner__heading {
3479 - color: var(--e-app-import-plugins-pro-banner-heading-color);
3480 - margin-block-end: 0.625rem;
3481 -}
3482 -.e-app-import-plugins-pro-banner__description {
3483 - color: var(--e-app-import-plugins-pro-banner-description-color);
3484 - margin-block-end: 0;
3485 -}
3486 -
3487 -.eps-theme-dark .e-app-import-plugins-pro-banner {
3488 - --e-app-import-plugins-pro-banner-heading-color: #9DA5AE;
3489 - --e-app-import-plugins-pro-banner-description-color: #BABFC5;
3490 -}
3491 -
3492 -.e-app-export-plugins {
3493 - padding-block-end: 1.25rem;
3494 -}
3495 -
3496 -.e-app-import-content {
3497 - padding-block-end: 1.25rem;
3498 -}
3499 -.e-app-import-content__plugins-notice {
3500 - margin-block-end: 1.25rem;
3501 -}
3502 -
3503 -.e-app-import-plugins-activation__installing-plugins {
3504 - padding: 0.625rem 0;
3505 -}
3506 -.e-app-import-plugins-activation__plugin-name {
3507 - margin-inline-start: 0.5rem;
3508 -}
3509 -.e-app-import-plugins-activation__plugin-status-item {
3510 - margin-block-end: 0.75rem;
3511 -}
3512 -
3513 -.e-app-import-export-plugins-table__cell-content {
3514 - margin-block-end: 0;
3515 - text-transform: capitalize;
3516 -}
3517 -
3518 -.e-app-import-export-loader {
3519 - --e-app-import-export-loader-color: #818A96;
3520 - color: var(--e-app-import-export-loader-color);
3521 - font-size: 50px;
3522 -}
3523 -.e-app-import-export-loader.eicon-loading {
3524 - font-size: 1.85rem;
3525 -}
3526 -.e-app-import-export-loader--absolute-center {
3527 - position: absolute;
3528 - inset-block-start: 50%;
3529 - inset-inline-start: 50%;
3530 - transform: translateX(-50%) translateY(-50%);
3531 -}
3532 -
3533 -.eps-theme-dark .e-app-import-export-loader {
3534 - --e-app-import-export-loader-color: #818A96;
3535 -}
3536 -
3537 -.e-app-import-export-message-banner {
3538 - --e-app-import-export-message-banner-heading-color: #3f444b;
3539 - --e-app-import-export-message-banner-description-color: #515962;
3540 - margin-block-end: 1.875rem;
3541 -}
3542 -.e-app-import-export-message-banner__heading {
3543 - color: var(--e-app-import-export-message-banner-heading-color);
3544 - margin-block-end: 0.625rem;
3545 -}
3546 -.e-app-import-export-message-banner__description {
3547 - color: var(--e-app-import-export-message-banner-description-color);
3548 - margin-block-end: 0;
3549 -}
3550 -
3551 -.eps-theme-dark .e-app-import-export-message-banner {
3552 - --e-app-import-export-message-banner-heading-color: #9DA5AE;
3553 - --e-app-import-export-message-banner-description-color: #BABFC5;
3554 -}
3555 -
3556 -.e-app-import-connect-pro-notice {
3557 - margin-block-end: 1.25rem;
3558 -}
3559 -
3560 -.e-app-import-failed-plugins-notice {
3561 - margin-block-end: 1.25rem;
3562 -}
3563 -
3564 -.e-app-export-actions-container {
3565 - display: flex;
3566 - gap: 15px;
3567 - width: 100%;
3568 - justify-content: flex-end;
3569 -}
3570 -
3571 -.e-kit-library__quota-bar {
3572 - display: flex;
3573 - align-items: center;
3574 -}
3575 -.e-kit-library__quota-bar__container {
3576 - display: flex;
3577 - flex-direction: column;
3578 - gap: 8px;
3579 - min-width: 230px;
3580 -}
3581 -.e-kit-library__quota-bar__header {
3582 - display: flex;
3583 - justify-content: space-between;
3584 - align-items: center;
3585 -}
3586 -.e-kit-library__quota-bar__label {
3587 - color: var(--body-color);
3588 - font-weight: 400;
3589 - white-space: nowrap;
3590 - font-size: 12px;
3591 -}
3592 -.e-kit-library__quota-bar__progress-container {
3593 - width: 100%;
3594 - height: 4px;
3595 - overflow: hidden;
3596 - position: relative;
3597 -}
3598 -.e-kit-library__quota-bar__progress-container--empty {
3599 - background-color: #F0ABFC;
3600 -}
3601 -.e-kit-library__quota-bar__progress-container--normal {
3602 - background-color: #F0ABFC;
3603 -}
3604 -.e-kit-library__quota-bar__progress-container--warning {
3605 - background-color: rgb(251.0236220472, 216.4291338583, 157.9763779528);
3606 -}
3607 -.e-kit-library__quota-bar__progress-container--alert {
3608 - background: #93003f;
3609 -}
3610 -.e-kit-library__quota-bar__progress-bar {
3611 - height: 100%;
3612 - transition: width 0.3s ease;
3613 -}
3614 -.e-kit-library__quota-bar__progress-bar--empty {
3615 - background: transparent;
3616 -}
3617 -.e-kit-library__quota-bar__progress-bar--normal {
3618 - background: #D004D4;
3619 -}
3620 -.e-kit-library__quota-bar__progress-bar--warning {
3621 - background: #F59E0B;
3622 -}
3623 -.e-kit-library__quota-bar__progress-bar--alert {
3624 - background: #93003f;
3625 -}
3626 -.e-kit-library__quota-bar__upgrade-message {
3627 - display: flex;
3628 - align-items: center;
3629 - gap: 4px;
3630 -}
3631 -.e-kit-library__quota-bar__upgrade-link {
3632 - color: #93003f;
3633 - text-decoration: underline;
3634 - cursor: pointer;
3635 - font-size: 12px;
3636 - font-weight: 400;
3637 -}
3638 -.e-kit-library__quota-bar__upgrade-link:hover {
3639 - opacity: 0.8;
3640 -}
3641 -.e-kit-library__quota-bar__count {
3642 - color: var(--body-color);
3643 - white-space: nowrap;
3644 - font-size: 12px;
3645 -}
3646 -
3647 -:root {
3648 - --text-secondary: #3F444B;
3649 -}
3650 -
3651 -.e-kit-library__quota-notification {
3652 - display: flex;
3653 - align-items: flex-start;
3654 - justify-content: space-between;
3655 - padding: 16px 20px;
3656 - margin: 0 44px 30px;
3657 - border-radius: 4px;
3658 -}
3659 -.e-kit-library__quota-notification--warning {
3660 - background-color: #FBF1E6;
3661 - color: #3f444b;
3662 -}
3663 -.e-kit-library__quota-notification--alert {
3664 - background-color: #FDECEC;
3665 - color: #3f444b;
3666 -}
3667 -.e-kit-library__quota-notification__content {
3668 - display: flex;
3669 - align-items: flex-start;
3670 - gap: 12px;
3671 - flex: 1;
3672 -}
3673 -.e-kit-library__quota-notification__icon {
3674 - font-size: 18px;
3675 - margin-top: 1px;
3676 - flex-shrink: 0;
3677 -}
3678 -.e-kit-library__quota-notification__icon.eicon-warning-full {
3679 - color: #F59E0B;
3680 -}
3681 -.e-kit-library__quota-notification__icon.eicon-alert {
3682 - color: #DC2626;
3683 -}
3684 -.e-kit-library__quota-notification__message {
3685 - flex: 1;
3686 - line-height: 1.5;
3687 - font-size: 13px;
3688 -}
3689 -.e-kit-library__quota-notification__message span {
3690 - color: var(--text-secondary);
3691 - font-size: 13px;
3692 -}
3693 -.e-kit-library__quota-notification__action-link {
3694 - color: inherit;
3695 - text-decoration: underline;
3696 - font-size: 13px;
3697 - font-weight: 400;
3698 -}
3699 -.e-kit-library__quota-notification__action-link:hover {
3700 - opacity: 0.8;
3701 -}
3702 -.e-kit-library__quota-notification__dismiss {
3703 - background: none;
3704 - border: none;
3705 - cursor: pointer;
3706 - padding: 0;
3707 - margin-inline-start: 12px;
3708 - color: inherit;
3709 - opacity: 0.7;
3710 - flex-shrink: 0;
3711 -}
3712 -.e-kit-library__quota-notification__dismiss:hover {
3713 - opacity: 1;
3714 -}
3715 -.e-kit-library__quota-notification__dismiss i {
3716 - font-size: 14px;
3717 -}
2864 + line-height: var(--button-line-height);
2865 + cursor: pointer; }
2866 + .eps-button:active {
2867 + --button-background-color: var(--button-active-background-color, transparent); }
2868 + .eps-button:hover {
2869 + --button-background-color: var(--button-hover-background-color); }
2870 + .eps-theme-dark .eps-button {
2871 + --button-primary-background-color: #39b54a;
2872 + --button-primary-color: #fff;
2873 + --button-primary-hover-background-color: #33a242;
2874 + --button-primary-active-background-color: #35a945;
2875 + --button-secondary-background-color: #64666a;
2876 + --button-secondary-color: #fff;
2877 + --button-secondary-hover-background-color: #58595d;
2878 + --button-secondary-active-background-color: #5d5e62;
2879 + --button-cta-background-color: #93003F;
2880 + --button-cta-hover-background-color: #7a0034;
2881 + --button-cta-active-background-color: #840038;
2882 + --button-cta-color: #fff;
2883 + --button-link-background-color: #58d0f5;
2884 + --button-link-hover-background-color: #40c9f4;
2885 + --button-link-active-background-color: #4accf4;
2886 + --button-link-color: #fff;
2887 + --button-disabled-background-color: #64666a;
2888 + --button-disabled-hover-background-color: #58595d;
2889 + --button-disabled-active-background-color: #5d5e62;
2890 + --button-disabled-color: #fff; }
2891 + .eps-button--contained {
2892 + color: var(--button-color);
2893 + padding: var(--button-padding-y) var(--button-padding-x);
2894 + background-color: var(--button-background-color, transparent); }
2895 + .eps-button--contained:hover {
2896 + color: var(--button-color); }
2897 + .eps-button--contained, .eps-button--outlined {
2898 + -webkit-border-radius: 0.1875rem;
2899 + border-radius: 0.1875rem; }
2900 + .eps-button--underlined {
2901 + text-decoration: underline; }
2902 + .eps-button--sm {
2903 + --button-font-size: 0.75rem;
2904 + --button-line-height: 14px; }
2905 + .eps-button--lg {
2906 + --button-font-size: 0.9375rem;
2907 + --button-line-height: 18px; }
2908 + .eps-button--primary {
2909 + --button-color: var(--button-primary-color);
2910 + --button-background-color: var(--button-primary-background-color);
2911 + --button-hover-background-color: var(--button-primary-hover-background-color);
2912 + --button-active-background-color: var(--button-primary-active-background-color); }
2913 + .eps-button--secondary {
2914 + --button-color: var(--buton-secondary-color);
2915 + --button-background-color: var(--button-secondary-background-color);
2916 + --button-hover-background-color: var(--button-secondary-hover-background-color);
2917 + --button-active-background-color: var(--button-secondary-active-background-color); }
2918 + .eps-button--danger {
2919 + --button-color: var(--buton-danger-color);
2920 + --button-background-color: var(--button-danger-background-color);
2921 + --button-hover-background-color: var(--button-danger-hover-background-color);
2922 + --button-active-background-color: var(--button-danger-active-background-color); }
2923 + .eps-button--cta {
2924 + --button-color: var(--button-cta-color);
2925 + --button-background-color: var(--button-cta-background-color);
2926 + --button-hover-background-color: var(--button-cta-hover-background-color);
2927 + --button-active-background-color: var(--button-cta-active-background-color); }
2928 + .eps-button--link {
2929 + --button-color: var(--button-link-color);
2930 + --button-background-color: var(--button-link-background-color);
2931 + --button-hover-background-color: var(--button-link-hover-background-color);
2932 + --button-active-background-color: var(--button-link-active-background-color); }
2933 + .eps-button--disabled, .eps-button[disabled] {
2934 + --button-color: var(--button-disabled-color);
2935 + --button-background-color: var(--button-disabled-background-color);
2936 + --button-hover-background-color: var(--button-disabled-hover-background-color);
2937 + --button-active-background-color: var(--button-disabled-active-background-color);
2938 + cursor: default; }
3718 2939 /*# sourceMappingURL=app.css.map */