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

app.css in Elementor Website Builder – more than just a page builder 3.0.7, at assets/css/app.css

2,046 lines 58.8 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /*! elementor - v3.0.7 - 09-09-2020 */
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";
3 :root {
4 --color-box-shadow-color: rgba(0, 0, 0, 0.05); }
5
6 .eps-theme-dark {
7 --color-box-shadow-color: rgba(0, 0, 0, 0.1); }
8
9 :root {
10 --app-background-color: #f1f3f5;
11 --app-box-shadow-color: rgba(var(--box-shadow-color, rgba(0, 0, 0, 0.15)), 0.2);
12 --app-header-background-color: #fff;
13 --app-header-color: #495157;
14 --app-sidebar-background-color: rgba(255, 255, 255, 0.5);
15 --app-header-buttons-separator-color: #d5dadf;
16 --app-header-buttons-color: #a4afb7;
17 --app-lightbox-background-color: rgba(0, 0, 0, 0.8); }
18
19 .eps-theme-dark {
20 --app-background-color: #34383c;
21 --app-box-shadow-color: rgba(var(--box-shadow-color, rgba(0, 0, 0, 0.15)), 0.2);
22 --app-header-background-color: #26292C;
23 --app-header-color: #e0e1e3;
24 --app-sidebar-background-color: #34383c;
25 --app-header-buttons-separator-color: #64666a;
26 --app-header-buttons-color: #b4b5b7;
27 --app-lightbox-background-color: rgba(0, 0, 0, 0.8); }
28
29 :root {
30 --text-muted: #d5dadf;
31 --disabled: #c2cbd2;
32 --light: #fff;
33 --dark: #000;
34 --info: #58d0f5;
35 --cta: #93003F;
36 --danger: #b01b1b;
37 --success: #39b54a;
38 --warning: #fcb92c;
39 --body-color: #6d7882;
40 --link-color: #58d0f5;
41 --link-hover-color: #10bcf1;
42 --hr-color: #d5dadf;
43 --box-shadow-color: theme-colors(dark);
44 --display-1-color: #495157;
45 --display-2-color: #495157;
46 --display-3-color: #6d7882;
47 --display-4-color: #495157;
48 --h1-color: #6d7882;
49 --h2-color: #6d7882;
50 --h3-color: #495157;
51 --h4-color: #495157;
52 --h5-color: #495157;
53 --h6-color: #495157;
54 --text-base-color: #495157;
55 --text-xl-color: #495157;
56 --text-lg-color: #495157;
57 --text-sm-color: #495157;
58 --text-xs-color: #495157;
59 --text-xxs-color: #495157;
60 --gray-800: #495157;
61 --gray-700: #556068;
62 --gray-600: #6d7882;
63 --gray-500: #a4afb7;
64 --gray-400: #c2cbd2;
65 --gray-300: #d5dadf;
66 --gray-200: #f1f3f5;
67 --gray-100: #fcfcfc; }
68
69 .eps-theme-dark {
70 --text-muted: #7d7e82;
71 --disabled: #64666a;
72 --light: #fff;
73 --dark: #000;
74 --info: #58d0f5;
75 --accent: #58d0f5;
76 --danger: #F84343;
77 --cta: #93003F;
78 --success: #39b54a;
79 --warning: #fcb92c;
80 --body-color: #e0e1e3;
81 --body-bg: #fff;
82 --link-color: #58d0f5;
83 --link-hover-color: #10bcf1;
84 --hr-color: #4c4f56;
85 --box-shadow-color: rgba(0, 0, 0, 0.15);
86 --display-1-color: #e0e1e3;
87 --display-2-color: #e0e1e3;
88 --display-3-color: #e0e1e3;
89 --display-4-color: #e0e1e3;
90 --h1-color: #e0e1e3;
91 --h2-color: #e0e1e3;
92 --h3-color: #e0e1e3;
93 --h4-color: #e0e1e3;
94 --h5-color: #e0e1e3;
95 --h6-color: #e0e1e3;
96 --text-base-color: #b4b5b7;
97 --text-xl-color: #b4b5b7;
98 --text-lg-color: #b4b5b7;
99 --text-sm-color: #b4b5b7;
100 --text-xs-color: #b4b5b7;
101 --text-xxs-color: #b4b5b7;
102 --gray-800: #26292C;
103 --gray-700: #34383c;
104 --gray-600: #404349;
105 --gray-500: #4c4f56;
106 --gray-400: #64666a;
107 --gray-300: #7d7e82;
108 --gray-200: #b4b5b7;
109 --gray-100: #e0e1e3; }
110
111 *,
112 *::before,
113 *::after {
114 -webkit-box-sizing: border-box;
115 box-sizing: border-box; }
116
117 html {
118 font-family: sans-serif;
119 line-height: 1.15;
120 -webkit-text-size-adjust: 100%;
121 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
122
123 article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
124 display: block; }
125
126 body {
127 margin: 0;
128 font-family: Roboto, Arial, Helvetica, Verdana, sans-serif;
129 font-size: 0.875rem;
130 font-weight: 400;
131 line-height: 1.5;
132 color: var(--body-color);
133 -webkit-font-smoothing: antialiased;
134 -moz-osx-font-smoothing: grayscale;
135 background-color: var(--body-bg); }
136
137 ::-moz-selection {
138 background-color: rgba(147, 0, 63, 0.5); }
139
140 ::selection {
141 background-color: rgba(147, 0, 63, 0.5); }
142
143 [tabindex="-1"]:focus:not(:focus-visible) {
144 outline: 0 !important; }
145
146 h1, h2, h3, h4, h5, h6 {
147 font-size: 100%;
148 margin: 0;
149 padding: 0;
150 line-height: inherit;
151 font-weight: normal; }
152
153 p {
154 margin-top: 0; }
155
156 b,
157 strong {
158 font-weight: 700; }
159
160 small {
161 font-size: 80%; }
162
163 a {
164 --eps-link-color: $eps-link-color;
165 color: var(--eps-link-color);
166 background-color: transparent; }
167 a, a:active, a:hover, a:focus {
168 text-decoration: none; }
169 a:focus, a:hover {
170 --eps-link-color: $eps-link-hover-color;
171 text-decoration: none; }
172
173 a:not([href]) {
174 color: inherit;
175 text-decoration: none; }
176 a:not([href]):hover {
177 color: inherit;
178 text-decoration: none; }
179
180 pre,
181 code,
182 kbd,
183 samp {
184 font-family: monospace;
185 font-size: 1em; }
186
187 figure {
188 margin: 0 0 0; }
189
190 img {
191 vertical-align: middle;
192 border-style: none; }
193
194 svg {
195 overflow: hidden;
196 vertical-align: middle; }
197
198 button {
199 -webkit-border-radius: 0;
200 border-radius: 0; }
201
202 button:focus {
203 outline: 1px dotted;
204 outline: 5px auto -webkit-focus-ring-color; }
205
206 input,
207 button,
208 select,
209 optgroup,
210 textarea {
211 margin: 0;
212 font-family: inherit;
213 font-size: inherit;
214 line-height: inherit; }
215
216 button,
217 input {
218 overflow: visible; }
219
220 button,
221 select {
222 text-transform: none; }
223
224 [role="button"] {
225 cursor: pointer; }
226
227 select {
228 word-wrap: normal; }
229
230 button,
231 [type="button"],
232 [type="reset"],
233 [type="submit"] {
234 -webkit-appearance: button; }
235
236 button:not(:disabled),
237 [type="button"]:not(:disabled),
238 [type="reset"]:not(:disabled),
239 [type="submit"]:not(:disabled) {
240 cursor: pointer; }
241
242 button::-moz-focus-inner,
243 [type="button"]::-moz-focus-inner,
244 [type="reset"]::-moz-focus-inner,
245 [type="submit"]::-moz-focus-inner {
246 padding: 0;
247 border-style: none; }
248
249 input[type="radio"],
250 input[type="checkbox"] {
251 -webkit-box-sizing: border-box;
252 box-sizing: border-box;
253 padding: 0; }
254
255 textarea {
256 overflow: auto;
257 resize: vertical; }
258
259 [hidden] {
260 display: none !important; }
261
262 hr {
263 border: 0 none;
264 border-bottom: 1px solid var(--hr-color); }
265
266 @-webkit-keyframes eps-animation-pop {
267 from {
268 -webkit-transform: scale(0.75);
269 transform: scale(0.75);
270 opacity: 0; }
271 to {
272 -webkit-transform: scale(1);
273 transform: scale(1);
274 opacity: 1; } }
275
276 @keyframes eps-animation-pop {
277 from {
278 -webkit-transform: scale(0.75);
279 transform: scale(0.75);
280 opacity: 0; }
281 to {
282 -webkit-transform: scale(1);
283 transform: scale(1);
284 opacity: 1; } }
285
286 .eps-display-1 {
287 font-size: 1.85rem;
288 color: var(--display-1-color);
289 margin-top: 0.5rem;
290 margin-bottom: 0.5rem; }
291
292 .eps-display-2 {
293 font-size: 1.85rem;
294 color: var(--display-2-color);
295 margin-top: 0.5rem;
296 margin-bottom: 0.5rem; }
297
298 .eps-display-3 {
299 font-size: 1.85rem;
300 color: var(--display-3-color);
301 margin-top: 0.5rem;
302 margin-bottom: 0.5rem; }
303
304 .eps-display-4 {
305 font-size: 1.85rem;
306 color: var(--display-4-color);
307 margin-top: 0.5rem;
308 margin-bottom: 0.5rem; }
309
310 h1,
311 .eps-h1 {
312 font-size: 1.625rem;
313 line-height: 1;
314 color: var(--h1-color);
315 margin-bottom: 1.25rem;
316 font-weight: 500; }
317
318 h2,
319 .eps-h2 {
320 font-size: 1.25rem;
321 line-height: 1.2;
322 color: var(--h2-color);
323 margin-top: 0;
324 margin-bottom: 1.25rem;
325 font-weight: 500; }
326
327 h3,
328 .eps-h3 {
329 font-size: 1rem;
330 line-height: 1.2;
331 color: var(--h3-color);
332 margin-top: 0;
333 margin-bottom: 1rem;
334 font-weight: 500; }
335
336 h4,
337 .eps-h4 {
338 font-size: 0.9375rem;
339 color: var(--h4-color);
340 margin-top: 0;
341 margin-bottom: 0.5rem; }
342
343 h5,
344 .eps-h5 {
345 font-size: 0.875rem;
346 color: var(--h5-color);
347 margin-top: 0;
348 margin-bottom: 0.5rem; }
349
350 h6,
351 .eps-h6 {
352 font-size: 0.875rem;
353 color: var(--h-6-color);
354 margin-top: 0;
355 margin-bottom: 0.5rem;
356 font-weight: 700; }
357
358 .eps-text-xxs {
359 font-size: 0.75rem;
360 line-height: 1.2;
361 color: var(--text-xxs-color);
362 font-weight: 400; }
363
364 .eps-text-xs {
365 font-size: 0.75rem;
366 line-height: 1.5;
367 color: var(--text-xs-color);
368 font-weight: 400; }
369
370 .eps-text {
371 font-size: 0.875rem;
372 line-height: 1.5;
373 color: var(--text-base-color);
374 font-weight: 400; }
375
376 .eps-text-sm {
377 font-size: 0.8125rem;
378 line-height: 1.5;
379 color: var(--text-sm-color);
380 font-weight: 400; }
381
382 .eps-text-lg {
383 font-size: 0.9375rem;
384 line-height: 1.5;
385 color: var(--text-lg-color);
386 font-weight: 400; }
387
388 .eps-text-xl {
389 font-size: 1rem;
390 line-height: 1.5;
391 color: var(--text-xl-color);
392 font-weight: 400; }
393
394 .sr-only {
395 position: absolute;
396 width: 1px;
397 height: 1px;
398 padding: 0;
399 margin: -1px;
400 overflow: hidden;
401 clip: rect(0, 0, 0, 0);
402 white-space: nowrap;
403 border: 0; }
404
405 @media screen and (min-width: 480px) {
406 .text-start-sm {
407 text-align: start; } }
408
409 @media screen and (min-width: 480px) {
410 .text-center-sm {
411 text-align: center; } }
412
413 @media screen and (min-width: 480px) {
414 .text-end-sm {
415 text-align: end; } }
416
417 @media screen and (min-width: 768px) {
418 .text-start-md {
419 text-align: start; } }
420
421 @media screen and (min-width: 768px) {
422 .text-center-md {
423 text-align: center; } }
424
425 @media screen and (min-width: 768px) {
426 .text-end-md {
427 text-align: end; } }
428
429 @media screen and (min-width: 1025px) {
430 .text-start-lg {
431 text-align: start; } }
432
433 @media screen and (min-width: 1025px) {
434 .text-center-lg {
435 text-align: center; } }
436
437 @media screen and (min-width: 1025px) {
438 .text-end-lg {
439 text-align: end; } }
440
441 @media screen and (min-width: 1440px) {
442 .text-start-xl {
443 text-align: start; } }
444
445 @media screen and (min-width: 1440px) {
446 .text-center-xl {
447 text-align: center; } }
448
449 @media screen and (min-width: 1440px) {
450 .text-end-xl {
451 text-align: end; } }
452
453 @media screen and (min-width: 1600px) {
454 .text-start-xxl {
455 text-align: start; } }
456
457 @media screen and (min-width: 1600px) {
458 .text-center-xxl {
459 text-align: center; } }
460
461 @media screen and (min-width: 1600px) {
462 .text-end-xxl {
463 text-align: end; } }
464
465 .video-wrapper {
466 position: relative;
467 padding-bottom: 56.25%;
468 height: 0; }
469 .video-wrapper iframe {
470 position: absolute;
471 top: 0;
472 left: 0;
473 width: 100%;
474 height: 100%; }
475
476 .eps-separator {
477 margin-bottom: 2.75rem; }
478
479 .eps-theme-dark {
480 --e-app-back-button-color: #b4b5b7; }
481
482 .back-button, .e-app-back-button {
483 --button-background-color: var(--e-app-back-button-color, #a4afb7);
484 margin-bottom: 1.5rem; }
485 .back-button .eps-icon, .e-app-back-button .eps-icon {
486 -webkit-margin-end: 0.3125rem;
487 margin-inline-end: 0.3125rem; }
488
489 .eps-theme-dark {
490 --input-border-color: --hr-color; }
491
492 .eps-input {
493 border: 1px solid var(--hr-color);
494 -webkit-border-radius: 0.1875rem;
495 border-radius: 0.1875rem;
496 background: transparent;
497 color: inherit;
498 height: 1.875rem;
499 padding: 0 0.3125rem; }
500 .eps-input--block {
501 width: 100%; }
502
503 .eps-app {
504 display: -webkit-box;
505 display: -ms-flexbox;
506 display: flex;
507 height: 100vh;
508 -webkit-box-orient: vertical;
509 -webkit-box-direction: normal;
510 -ms-flex-direction: column;
511 flex-direction: column;
512 color: var(--body-color);
513 background-color: var(--app-background-color);
514 position: absolute;
515 -webkit-border-radius: 0;
516 border-radius: 0;
517 -webkit-box-shadow: 2px 8px 23px 3px var(--color-box-shadow-color);
518 box-shadow: 2px 8px 23px 3px var(--color-box-shadow-color);
519 overflow: hidden;
520 font-family: Roboto, Arial, Helvetica, Verdana, sans-serif;
521 width: 100%;
522 max-width: 100%; }
523 .eps-app__lightbox {
524 display: -webkit-box;
525 display: -ms-flexbox;
526 display: flex;
527 -webkit-box-align: center;
528 -ms-flex-align: center;
529 align-items: center;
530 -webkit-box-pack: center;
531 -ms-flex-pack: center;
532 justify-content: center;
533 position: fixed;
534 height: 100%;
535 width: 100%;
536 background-color: var(--app-lightbox-background-color);
537 z-index: 1040;
538 bottom: 0;
539 left: 0; }
540 .eps-app__header {
541 -ms-flex-negative: 0;
542 flex-shrink: 0;
543 font-size: 0.9375rem;
544 color: var(--app-header-color);
545 background-color: var(--app-header-background-color);
546 -webkit-box-shadow: 0 4px 10px var(--color-box-shadow-color);
547 box-shadow: 0 4px 10px var(--color-box-shadow-color);
548 position: relative;
549 z-index: 1;
550 height: 3.125rem;
551 padding: 0 1rem; }
552 .eps-app__header-buttons {
553 display: -webkit-box;
554 display: -ms-flexbox;
555 display: flex;
556 -webkit-box-align: center;
557 -ms-flex-align: center;
558 align-items: center;
559 -webkit-box-orient: horizontal;
560 -webkit-box-direction: reverse;
561 -ms-flex-direction: row-reverse;
562 flex-direction: row-reverse;
563 font-size: 1.125rem; }
564 .eps-app__header-btn {
565 --button-background-color: var(--app-header-buttons-color);
566 -webkit-padding-start: 1rem;
567 padding-inline-start: 1rem;
568 font-size: 1.125rem;
569 line-height: 1.25rem; }
570 .eps-app__header-btn:first-child:not(:last-child) {
571 -webkit-border-start: 1px solid var(--app-header-buttons-separator-color);
572 border-inline-start: 1px solid var(--app-header-buttons-separator-color); }
573 .eps-app__header-btn:not(:first-child) {
574 -webkit-padding-end: 1rem;
575 padding-inline-end: 1rem; }
576 .eps-app__logo-title-wrapper {
577 display: -webkit-box;
578 display: -ms-flexbox;
579 display: flex;
580 -webkit-box-align: center;
581 -ms-flex-align: center;
582 align-items: center; }
583 .eps-app__logo {
584 display: block;
585 width: 1.75rem;
586 height: 1.75rem;
587 line-height: 1.75rem;
588 text-align: center;
589 font-size: calc(0.4 * 1.75rem);
590 -webkit-border-radius: 50%;
591 border-radius: 50%;
592 color: #fff;
593 background-color: #93003F; }
594 .eps-app__logo:not(:last-child) {
595 -webkit-margin-end: 0.625rem;
596 margin-inline-end: 0.625rem; }
597 .eps-app__title {
598 font-size: 0.9375rem;
599 font-weight: 700;
600 text-transform: uppercase;
601 margin-bottom: 0; }
602 .eps-app__main {
603 display: -webkit-box;
604 display: -ms-flexbox;
605 display: flex;
606 overflow: hidden;
607 -webkit-box-flex: 1;
608 -ms-flex-positive: 1;
609 flex-grow: 1; }
610 .eps-app__sidebar {
611 background-color: var(--app-sidebar-background-color);
612 padding-top: 1.25rem;
613 width: 30%;
614 max-width: 17.1875rem;
615 -webkit-box-flex: 0;
616 -ms-flex-positive: 0;
617 flex-grow: 0;
618 overflow-y: auto;
619 -webkit-box-shadow: 2px 8px 23px 3px var(--color-box-shadow-color);
620 box-shadow: 2px 8px 23px 3px var(--color-box-shadow-color); }
621 .eps-app__content {
622 -webkit-box-flex: 1;
623 -ms-flex-positive: 1;
624 flex-grow: 1;
625 padding: 2.8125rem;
626 height: 100%;
627 overflow-y: auto; }
628
629 .eps-css-grid {
630 display: grid;
631 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)));
632 grid-gap: var(--eps-grid-spacing); }
633
634 :root {
635 --popover-background-color: #fff;
636 --popover-item-color: #6d7882;
637 --popover-item-hover-color: #556068;
638 --popover-item-danger-hover-color: #b01b1b;
639 --popover-item-background-color: #fff;
640 --popover-box-shadow-color: rgba(0, 0, 0, 0.15);
641 --popover-box-shadow-size: 0px 1px 20px;
642 --popover-arrow-color: #fff; }
643
644 .eps-theme-dark {
645 --popover-background-color: #4c4f56;
646 --popover-item-color: #fff;
647 --popover-item-hover-color: #e0e1e3;
648 --popover-item-danger-hover-color: #F84343;
649 --popover-item-background-color: #4c4f56;
650 --popover-box-shadow-color: rgba(0, 0, 0, 0.15);
651 --popover-box-shadow-size: 0px 1px 20px;
652 --popover-arrow-color: #4c4f56; }
653
654 .eps-popover {
655 padding: 10px 0;
656 background-color: var(--popover-background-color);
657 -webkit-box-shadow: var(--popover-box-shadow-size) var(--popover-box-shadow-color);
658 box-shadow: var(--popover-box-shadow-size) var(--popover-box-shadow-color);
659 list-style: none;
660 display: -webkit-box;
661 display: -ms-flexbox;
662 display: flex;
663 -webkit-box-orient: vertical;
664 -webkit-box-direction: normal;
665 -ms-flex-direction: column;
666 flex-direction: column;
667 min-width: 120px;
668 -webkit-border-radius: 0.1875rem;
669 border-radius: 0.1875rem;
670 position: absolute;
671 z-index: 1050;
672 margin-top: 9px;
673 -webkit-transform: translateX(-50%);
674 -ms-transform: translateX(-50%);
675 transform: translateX(-50%);
676 left: 0.25rem; }
677 .eps-popover__background {
678 position: fixed;
679 top: 0;
680 bottom: 0;
681 left: 0;
682 right: 0;
683 z-index: 1030; }
684 .eps-popover__container {
685 position: relative; }
686 .eps-popover::before {
687 content: "";
688 display: block;
689 position: absolute;
690 width: 16px;
691 height: 9px;
692 margin: 0 0.1875rem 9px;
693 top: -9px;
694 left: 50%;
695 -webkit-transform: translateX(-50%);
696 -ms-transform: translateX(-50%);
697 transform: translateX(-50%);
698 border-color: transparent;
699 border-style: solid;
700 border-width: 0 8px 9px 8px;
701 border-bottom-color: var(--popover-arrow-color); }
702 .eps-popover__item {
703 padding: 0.3125rem 1rem;
704 background-color: var(--popover-item-background-color);
705 color: var(--popover-item-color);
706 font-size: 0.6875rem;
707 font-weight: 500;
708 line-height: 0.8125rem;
709 width: 100%;
710 -webkit-box-align: center;
711 -ms-flex-align: center;
712 align-items: center;
713 cursor: pointer; }
714 .eps-popover__item:hover {
715 color: var(--popover-item-hover-color); }
716 .eps-popover__item--danger:hover {
717 color: var(--popover-item-danger-hover-color); }
718 .eps-popover__item .eps-icon {
719 font-size: inherit;
720 -webkit-margin-end: 0.3125rem;
721 margin-inline-end: 0.3125rem; }
722
723 .eps-button {
724 display: -webkit-inline-box;
725 display: -ms-inline-flexbox;
726 display: inline-flex;
727 --button-line-height: 16px;
728 --button-padding-y: 0.5em;
729 --button-padding-x: 1.5em;
730 --button-primary-background-color: #39b54a;
731 --button-primary-hover-background-color: #33a242;
732 --button-primary-active-background-color: #35a945;
733 --button-primary-color: #fff;
734 --button-secondary-background-color: #c2cbd2;
735 --button-secondary-hover-background-color: #b3bec7;
736 --button-secondary-active-background-color: #b9c3cc;
737 --button-secondary-color: #fff;
738 --button-danger-background-color: #b01b1b;
739 --button-danger-hover-background-color: #9a1818;
740 --button-danger-active-background-color: #a31919;
741 --button-danger-color: #fff;
742 --button-cta-background-color: #93003F;
743 --button-cta-hover-background-color: #7a0034;
744 --button-cta-active-background-color: #840038;
745 --button-cta-color: #fff;
746 --button-link-background-color: #58d0f5;
747 --button-link-hover-background-color: #40c9f4;
748 --button-link-active-background-color: #4accf4;
749 --button-link-color: #fff;
750 --button-disabled-background-color: #c2cbd2;
751 --button-disabled-hover-background-color: #b3bec7;
752 --button-disabled-active-background-color: #b9c3cc;
753 --button-disabled-color: #fff;
754 color: var(--button-background-color, currentColor);
755 font-size: var(--button-font-size, inherit);
756 font-weight: 500;
757 line-height: var(--button-line-height);
758 cursor: pointer; }
759 .eps-button:active {
760 --button-background-color: var(--button-active-background-color, transparent); }
761 .eps-button:hover {
762 --button-background-color: var(--button-hover-background-color); }
763 .eps-theme-dark .eps-button {
764 --button-primary-background-color: #39b54a;
765 --button-primary-color: #fff;
766 --button-primary-hover-background-color: #33a242;
767 --button-primary-active-background-color: #35a945;
768 --button-secondary-background-color: #64666a;
769 --button-secondary-color: #fff;
770 --button-secondary-hover-background-color: #58595d;
771 --button-secondary-active-background-color: #5d5e62;
772 --button-cta-background-color: #93003F;
773 --button-cta-hover-background-color: #7a0034;
774 --button-cta-active-background-color: #840038;
775 --button-cta-color: #fff;
776 --button-link-background-color: #58d0f5;
777 --button-link-hover-background-color: #40c9f4;
778 --button-link-active-background-color: #4accf4;
779 --button-link-color: #fff;
780 --button-disabled-background-color: #64666a;
781 --button-disabled-hover-background-color: #58595d;
782 --button-disabled-active-background-color: #5d5e62;
783 --button-disabled-color: #fff; }
784 .eps-button--contained {
785 color: var(--button-color);
786 padding: var(--button-padding-y) var(--button-padding-x);
787 background-color: var(--button-background-color, transparent); }
788 .eps-button--contained:hover {
789 color: var(--button-color); }
790 .eps-button--contained, .eps-button--outlined {
791 -webkit-border-radius: 0.1875rem;
792 border-radius: 0.1875rem; }
793 .eps-button--underlined {
794 text-decoration: underline; }
795 .eps-button--sm {
796 --button-font-size: 0.75rem;
797 --button-line-height: 14px; }
798 .eps-button--lg {
799 --button-font-size: 0.9375rem;
800 --button-line-height: 18px; }
801 .eps-button--primary {
802 --button-color: var(--button-primary-color);
803 --button-background-color: var(--button-primary-background-color);
804 --button-hover-background-color: var(--button-primary-hover-background-color);
805 --button-active-background-color: var(--button-primary-active-background-color); }
806 .eps-button--secondary {
807 --button-color: var(--buton-secondary-color);
808 --button-background-color: var(--button-secondary-background-color);
809 --button-hover-background-color: var(--button-secondary-hover-background-color);
810 --button-active-background-color: var(--button-secondary-active-background-color); }
811 .eps-button--danger {
812 --button-color: var(--buton-danger-color);
813 --button-background-color: var(--button-danger-background-color);
814 --button-hover-background-color: var(--button-danger-hover-background-color);
815 --button-active-background-color: var(--button-danger-active-background-color); }
816 .eps-button--cta {
817 --button-color: var(--button-cta-color);
818 --button-background-color: var(--button-cta-background-color);
819 --button-hover-background-color: var(--button-cta-hover-background-color);
820 --button-active-background-color: var(--button-cta-active-background-color); }
821 .eps-button--link {
822 --button-color: var(--button-link-color);
823 --button-background-color: var(--button-link-background-color);
824 --button-hover-background-color: var(--button-link-hover-background-color);
825 --button-active-background-color: var(--button-link-active-background-color); }
826 .eps-button--disabled, .eps-button[disabled] {
827 --button-color: var(--button-disabled-color);
828 --button-background-color: var(--button-disabled-background-color);
829 --button-hover-background-color: var(--button-disabled-hover-background-color);
830 --button-active-background-color: var(--button-disabled-active-background-color);
831 cursor: default; }
832
833 .eps-add-new-button {
834 display: -webkit-inline-box;
835 display: -ms-inline-flexbox;
836 display: inline-flex;
837 --eps-add-new-button-size: 1.5rem;
838 line-height: var(--eps-add-new-button-size);
839 cursor: pointer; }
840 .eps-add-new-button .eps-icon {
841 background-color: #58d0f5;
842 color: #fff;
843 width: var(--eps-add-new-button-size);
844 height: var(--eps-add-new-button-size);
845 -webkit-border-radius: 100%;
846 border-radius: 100%;
847 font-size: calc(var(--eps-add-new-button-size) * 0.75);
848 text-align: center;
849 line-height: var(--eps-add-new-button-size); }
850 .eps-add-new-button span:not(.sr-only) {
851 -webkit-margin-start: 0.625rem;
852 margin-inline-start: 0.625rem;
853 font-weight: 500; }
854 .eps-add-new-button--sm {
855 --eps-add-new-button-size: 1rem; }
856
857 :root {
858 --menu-title-color: #6d7882; }
859
860 .eps-theme-dark {
861 --menu-title-color: #6d7882; }
862
863 .eps-menu ul {
864 list-style: none;
865 padding: 0;
866 margin: 0; }
867 .eps-menu ul li {
868 display: -webkit-box;
869 display: -ms-flexbox;
870 display: flex; }
871
872 .eps-menu__title {
873 padding: 0.5rem 1.875rem;
874 font-size: 0.6875rem;
875 line-height: 1.2;
876 text-transform: uppercase;
877 font-weight: normal;
878 color: var(--menu-title-color); }
879
880 :root {
881 --menu-item-color: #6d7882;
882 --menu-item-color-hover: #556068;
883 --menu-item-background-color-active: #fff;
884 --menu-item-icon-color: #a4afb7;
885 --menu-item-action-button-color: #d5dadf; }
886
887 .eps-theme-dark {
888 --menu-item-color: #e0e1e3;
889 --menu-item-color-hover: #e0e1e3;
890 --menu-item-background-color-active: #404349;
891 --menu-item-icon-color: #b4b5b7;
892 --menu-item-action-button-color: #64666a; }
893
894 .eps-menu-item {
895 display: -webkit-box;
896 display: -ms-flexbox;
897 display: flex;
898 -webkit-box-align: center;
899 -ms-flex-align: center;
900 align-items: center;
901 position: relative;
902 -webkit-transition: 0.3s;
903 -o-transition: 0.3s;
904 transition: 0.3s;
905 --action-button-opacity: 0; }
906 .eps-menu-item::before {
907 content: '';
908 display: block;
909 position: absolute;
910 top: 0;
911 left: 0;
912 height: 100%;
913 width: var(--menu-item-pointer-width);
914 background-color: #58d0f5; }
915 .eps-menu-item:hover {
916 --action-button-opacity: 1; }
917 .eps-menu-item:hover, .eps-menu-item--active {
918 --menu-item-color: var(--menu-item-color-hover);
919 --eps-link-color: var(--menu-item-color-hover);
920 --menu-item-icon-color: #58d0f5; }
921 .eps-menu-item--active {
922 background-color: var(--menu-item-background-color-active); }
923 .eps-menu-item__link {
924 padding: 0.5rem 1.875rem;
925 min-height: 2.75rem;
926 font-size: 0.75rem;
927 line-height: 1.2;
928 -webkit-box-flex: 1;
929 -ms-flex-positive: 1;
930 flex-grow: 1;
931 display: -webkit-box;
932 display: -ms-flexbox;
933 display: flex;
934 -webkit-box-align: center;
935 -ms-flex-align: center;
936 align-items: center;
937 color: var(--menu-item-color);
938 --eps-link-color: var(--menu-item-color); }
939 .eps-menu-item__link:not(:last-child) {
940 -webkit-padding-end: 0;
941 padding-inline-end: 0; }
942 .eps-menu-item__link .eps-icon {
943 font-size: 1.125rem;
944 color: var(--menu-item-icon-color);
945 -webkit-margin-end: 0.75rem;
946 margin-inline-end: 0.75rem; }
947 .eps-menu-item__action-button {
948 color: var(--menu-item-action-button-color);
949 opacity: var(--action-button-opacity);
950 padding: 0.625rem;
951 -webkit-transition: 0.3s;
952 -o-transition: 0.3s;
953 transition: 0.3s;
954 -webkit-margin-end: 1.25rem;
955 margin-inline-end: 1.25rem; }
956 .eps-menu-item--active {
957 --menu-item-pointer-width: 0.3125rem;
958 -webkit-box-shadow: 0 3px 6px var(--color-box-shadow-color);
959 box-shadow: 0 3px 6px var(--color-box-shadow-color); }
960 .eps-menu-item--active .eps-menu-item__link .eps-icon {
961 color: #58d0f5; }
962
963 :root {
964 --eps-modal-background-color: #fff;
965 --eps-modal-header-background-color: #58d0f5; }
966
967 .eps-theme-dark {
968 --eps-modal-background-color: #34383c;
969 --eps-modal-header-background-color: #58d0f5; }
970
971 /** ----------------------------------------------------------------
972 EPS Modal
973 ---------------------------------------------------------------- */
974 .eps-modal {
975 max-width: 43.75rem;
976 background: var(--eps-modal-background-color);
977 -webkit-border-radius: 0.1875rem;
978 border-radius: 0.1875rem;
979 -webkit-animation: eps-animation-pop 0.15s cubic-bezier(0.57, 0.53, 0.71, 1.47) forwards;
980 animation: eps-animation-pop 0.15s cubic-bezier(0.57, 0.53, 0.71, 1.47) forwards;
981 overflow: hidden; }
982 .eps-modal__overlay {
983 background: rgba(0, 0, 0, 0.5);
984 position: fixed;
985 display: -webkit-box;
986 display: -ms-flexbox;
987 display: flex;
988 top: 0;
989 left: 0;
990 width: 100%;
991 height: 100%;
992 -webkit-box-align: center;
993 -ms-flex-align: center;
994 align-items: center;
995 -webkit-box-pack: center;
996 -ms-flex-pack: center;
997 justify-content: center;
998 z-index: 1030; }
999 .eps-modal__header {
1000 font-size: 0.875rem;
1001 background: var(--eps-modal-header-background-color);
1002 color: #fff;
1003 height: 2.75rem;
1004 padding: 0.625rem 1rem; }
1005 .eps-modal__icon {
1006 -webkit-margin-end: 0.625rem;
1007 margin-inline-end: 0.625rem; }
1008 .eps-modal__body {
1009 padding: 1.875rem; }
1010 .eps-modal__tip, .eps-modal .eps-tip {
1011 -webkit-padding-start: 0.75rem;
1012 padding-inline-start: 0.75rem;
1013 -webkit-border-start: 3px solid #58d0f5;
1014 border-inline-start: 3px solid #58d0f5; }
1015 .eps-modal__tip:not(:last-child), .eps-modal .eps-tip:not(:last-child) {
1016 margin-bottom: 1.875rem; }
1017 .eps-modal__tip:not(:first-child), .eps-modal .eps-tip:not(:first-child) {
1018 margin-top: 1.875rem; }
1019 .eps-modal__close-wrapper {
1020 -webkit-padding-start: 1rem;
1021 padding-inline-start: 1rem;
1022 -webkit-border-start: solid 1px #fff;
1023 border-inline-start: solid 1px #fff; }
1024
1025 .eps-grid {
1026 --grid-spacing-gutters: calc(2 * var(--grid-spacing-gutter));
1027 --grid-spacing-width: calc(100% + var(--grid-spacing-gutters)); }
1028
1029 .eps-grid-container {
1030 display: -webkit-box;
1031 display: -ms-flexbox;
1032 display: flex;
1033 -ms-flex-wrap: wrap;
1034 flex-wrap: wrap;
1035 width: 100%; }
1036 .eps-grid-container--no-wrap {
1037 -ms-flex-wrap: nowrap;
1038 flex-wrap: nowrap; }
1039 .eps-grid-container--wrap-reverse {
1040 -ms-flex-wrap: wrap-reverse;
1041 flex-wrap: wrap-reverse; }
1042 .eps-grid-container--spacing {
1043 --grid-row-gutter: calc(var(--grid-spacing-gutter) * -0.0625rem);
1044 width: var(--grid-spacing-width);
1045 margin: var(--grid-row-gutter); }
1046 .eps-grid-container--spacing > .eps-grid-item {
1047 padding: calc(var(--grid-spacing-gutter) * 0.0625rem); }
1048
1049 .eps-grid--direction-row {
1050 -webkit-box-orient: horizontal;
1051 -webkit-box-direction: normal;
1052 -ms-flex-direction: row;
1053 flex-direction: row; }
1054 .eps-grid--direction-row-reverse {
1055 -webkit-box-orient: horizontal;
1056 -webkit-box-direction: reverse;
1057 -ms-flex-direction: row-reverse;
1058 flex-direction: row-reverse; }
1059
1060 .eps-grid--direction-column {
1061 -webkit-box-orient: vertical;
1062 -webkit-box-direction: normal;
1063 -ms-flex-direction: column;
1064 flex-direction: column; }
1065 .eps-grid--direction-column-reverse {
1066 -webkit-box-orient: vertical;
1067 -webkit-box-direction: reverse;
1068 -ms-flex-direction: column-reverse;
1069 flex-direction: column-reverse; }
1070
1071 .eps-grid--justify-stretch {
1072 -webkit-box-pack: stretch;
1073 -ms-flex-pack: stretch;
1074 justify-content: stretch; }
1075
1076 .eps-grid--justify-start {
1077 -webkit-box-pack: start;
1078 -ms-flex-pack: start;
1079 justify-content: flex-start; }
1080
1081 .eps-grid--justify-center {
1082 -webkit-box-pack: center;
1083 -ms-flex-pack: center;
1084 justify-content: center; }
1085
1086 .eps-grid--justify-end {
1087 -webkit-box-pack: end;
1088 -ms-flex-pack: end;
1089 justify-content: flex-end; }
1090
1091 .eps-grid--justify-space-between {
1092 -webkit-box-pack: justify;
1093 -ms-flex-pack: justify;
1094 justify-content: space-between; }
1095
1096 .eps-grid--justify-space-around {
1097 -ms-flex-pack: distribute;
1098 justify-content: space-around; }
1099
1100 .eps-grid--justify-space-evenly {
1101 -webkit-box-pack: space-evenly;
1102 -ms-flex-pack: space-evenly;
1103 justify-content: space-evenly; }
1104
1105 .eps-grid--align-content-stretch {
1106 -ms-flex-line-pack: stretch;
1107 align-content: stretch; }
1108
1109 .eps-grid--align-content-start {
1110 -ms-flex-line-pack: start;
1111 align-content: flex-start; }
1112
1113 .eps-grid--align-content-center {
1114 -ms-flex-line-pack: center;
1115 align-content: center; }
1116
1117 .eps-grid--align-content-end {
1118 -ms-flex-line-pack: end;
1119 align-content: flex-end; }
1120
1121 .eps-grid--align-content-space-between {
1122 -ms-flex-line-pack: justify;
1123 align-content: space-between; }
1124
1125 .eps-grid--align-items-start {
1126 -webkit-box-align: start;
1127 -ms-flex-align: start;
1128 align-items: flex-start; }
1129
1130 .eps-grid--align-items-center {
1131 -webkit-box-align: center;
1132 -ms-flex-align: center;
1133 align-items: center; }
1134
1135 .eps-grid--align-items-end {
1136 -webkit-box-align: end;
1137 -ms-flex-align: end;
1138 align-items: flex-end; }
1139
1140 .eps-grid--align-items-baseline {
1141 -webkit-box-align: baseline;
1142 -ms-flex-align: baseline;
1143 align-items: baseline; }
1144
1145 .eps-grid--align-items-stretch {
1146 -webkit-box-align: stretch;
1147 -ms-flex-align: stretch;
1148 align-items: stretch; }
1149
1150 .eps-grid-item--zero-min-width {
1151 min-width: 0; }
1152
1153 @media screen and (min-width: 480px) {
1154 .eps-grid-item-sm {
1155 -webkit-box-flex: 1;
1156 -ms-flex-positive: 1;
1157 flex-grow: 1;
1158 max-width: 100%;
1159 -ms-flex-preferred-size: 0;
1160 flex-basis: 0; } }
1161
1162 @media screen and (min-width: 768px) {
1163 .eps-grid-item-md {
1164 -webkit-box-flex: 1;
1165 -ms-flex-positive: 1;
1166 flex-grow: 1;
1167 max-width: 100%;
1168 -ms-flex-preferred-size: 0;
1169 flex-basis: 0; } }
1170
1171 @media screen and (min-width: 1025px) {
1172 .eps-grid-item-lg {
1173 -webkit-box-flex: 1;
1174 -ms-flex-positive: 1;
1175 flex-grow: 1;
1176 max-width: 100%;
1177 -ms-flex-preferred-size: 0;
1178 flex-basis: 0; } }
1179
1180 @media screen and (min-width: 1440px) {
1181 .eps-grid-item-xl {
1182 -webkit-box-flex: 1;
1183 -ms-flex-positive: 1;
1184 flex-grow: 1;
1185 max-width: 100%;
1186 -ms-flex-preferred-size: 0;
1187 flex-basis: 0; } }
1188
1189 @media screen and (min-width: 1600px) {
1190 .eps-grid-item-xxl {
1191 -webkit-box-flex: 1;
1192 -ms-flex-positive: 1;
1193 flex-grow: 1;
1194 max-width: 100%;
1195 -ms-flex-preferred-size: 0;
1196 flex-basis: 0; } }
1197
1198 @media screen and (min-width: 480px) {
1199 .eps-grid-item-sm-1 {
1200 -webkit-box-flex: 0;
1201 -ms-flex-positive: 0;
1202 flex-grow: 0;
1203 max-width: 8.3333333333%;
1204 -ms-flex-preferred-size: 8.3333333333%;
1205 flex-basis: 8.3333333333%; }
1206 .eps-grid-item-sm-2 {
1207 -webkit-box-flex: 0;
1208 -ms-flex-positive: 0;
1209 flex-grow: 0;
1210 max-width: 16.6666666667%;
1211 -ms-flex-preferred-size: 16.6666666667%;
1212 flex-basis: 16.6666666667%; }
1213 .eps-grid-item-sm-3 {
1214 -webkit-box-flex: 0;
1215 -ms-flex-positive: 0;
1216 flex-grow: 0;
1217 max-width: 25%;
1218 -ms-flex-preferred-size: 25%;
1219 flex-basis: 25%; }
1220 .eps-grid-item-sm-4 {
1221 -webkit-box-flex: 0;
1222 -ms-flex-positive: 0;
1223 flex-grow: 0;
1224 max-width: 33.3333333333%;
1225 -ms-flex-preferred-size: 33.3333333333%;
1226 flex-basis: 33.3333333333%; }
1227 .eps-grid-item-sm-5 {
1228 -webkit-box-flex: 0;
1229 -ms-flex-positive: 0;
1230 flex-grow: 0;
1231 max-width: 41.6666666667%;
1232 -ms-flex-preferred-size: 41.6666666667%;
1233 flex-basis: 41.6666666667%; }
1234 .eps-grid-item-sm-6 {
1235 -webkit-box-flex: 0;
1236 -ms-flex-positive: 0;
1237 flex-grow: 0;
1238 max-width: 50%;
1239 -ms-flex-preferred-size: 50%;
1240 flex-basis: 50%; }
1241 .eps-grid-item-sm-7 {
1242 -webkit-box-flex: 0;
1243 -ms-flex-positive: 0;
1244 flex-grow: 0;
1245 max-width: 58.3333333333%;
1246 -ms-flex-preferred-size: 58.3333333333%;
1247 flex-basis: 58.3333333333%; }
1248 .eps-grid-item-sm-8 {
1249 -webkit-box-flex: 0;
1250 -ms-flex-positive: 0;
1251 flex-grow: 0;
1252 max-width: 66.6666666667%;
1253 -ms-flex-preferred-size: 66.6666666667%;
1254 flex-basis: 66.6666666667%; }
1255 .eps-grid-item-sm-9 {
1256 -webkit-box-flex: 0;
1257 -ms-flex-positive: 0;
1258 flex-grow: 0;
1259 max-width: 75%;
1260 -ms-flex-preferred-size: 75%;
1261 flex-basis: 75%; }
1262 .eps-grid-item-sm-10 {
1263 -webkit-box-flex: 0;
1264 -ms-flex-positive: 0;
1265 flex-grow: 0;
1266 max-width: 83.3333333333%;
1267 -ms-flex-preferred-size: 83.3333333333%;
1268 flex-basis: 83.3333333333%; }
1269 .eps-grid-item-sm-11 {
1270 -webkit-box-flex: 0;
1271 -ms-flex-positive: 0;
1272 flex-grow: 0;
1273 max-width: 91.6666666667%;
1274 -ms-flex-preferred-size: 91.6666666667%;
1275 flex-basis: 91.6666666667%; }
1276 .eps-grid-item-sm-12 {
1277 -webkit-box-flex: 0;
1278 -ms-flex-positive: 0;
1279 flex-grow: 0;
1280 max-width: 100%;
1281 -ms-flex-preferred-size: 100%;
1282 flex-basis: 100%; } }
1283
1284 @media screen and (min-width: 768px) {
1285 .eps-grid-item-md-1 {
1286 -webkit-box-flex: 0;
1287 -ms-flex-positive: 0;
1288 flex-grow: 0;
1289 max-width: 8.3333333333%;
1290 -ms-flex-preferred-size: 8.3333333333%;
1291 flex-basis: 8.3333333333%; }
1292 .eps-grid-item-md-2 {
1293 -webkit-box-flex: 0;
1294 -ms-flex-positive: 0;
1295 flex-grow: 0;
1296 max-width: 16.6666666667%;
1297 -ms-flex-preferred-size: 16.6666666667%;
1298 flex-basis: 16.6666666667%; }
1299 .eps-grid-item-md-3 {
1300 -webkit-box-flex: 0;
1301 -ms-flex-positive: 0;
1302 flex-grow: 0;
1303 max-width: 25%;
1304 -ms-flex-preferred-size: 25%;
1305 flex-basis: 25%; }
1306 .eps-grid-item-md-4 {
1307 -webkit-box-flex: 0;
1308 -ms-flex-positive: 0;
1309 flex-grow: 0;
1310 max-width: 33.3333333333%;
1311 -ms-flex-preferred-size: 33.3333333333%;
1312 flex-basis: 33.3333333333%; }
1313 .eps-grid-item-md-5 {
1314 -webkit-box-flex: 0;
1315 -ms-flex-positive: 0;
1316 flex-grow: 0;
1317 max-width: 41.6666666667%;
1318 -ms-flex-preferred-size: 41.6666666667%;
1319 flex-basis: 41.6666666667%; }
1320 .eps-grid-item-md-6 {
1321 -webkit-box-flex: 0;
1322 -ms-flex-positive: 0;
1323 flex-grow: 0;
1324 max-width: 50%;
1325 -ms-flex-preferred-size: 50%;
1326 flex-basis: 50%; }
1327 .eps-grid-item-md-7 {
1328 -webkit-box-flex: 0;
1329 -ms-flex-positive: 0;
1330 flex-grow: 0;
1331 max-width: 58.3333333333%;
1332 -ms-flex-preferred-size: 58.3333333333%;
1333 flex-basis: 58.3333333333%; }
1334 .eps-grid-item-md-8 {
1335 -webkit-box-flex: 0;
1336 -ms-flex-positive: 0;
1337 flex-grow: 0;
1338 max-width: 66.6666666667%;
1339 -ms-flex-preferred-size: 66.6666666667%;
1340 flex-basis: 66.6666666667%; }
1341 .eps-grid-item-md-9 {
1342 -webkit-box-flex: 0;
1343 -ms-flex-positive: 0;
1344 flex-grow: 0;
1345 max-width: 75%;
1346 -ms-flex-preferred-size: 75%;
1347 flex-basis: 75%; }
1348 .eps-grid-item-md-10 {
1349 -webkit-box-flex: 0;
1350 -ms-flex-positive: 0;
1351 flex-grow: 0;
1352 max-width: 83.3333333333%;
1353 -ms-flex-preferred-size: 83.3333333333%;
1354 flex-basis: 83.3333333333%; }
1355 .eps-grid-item-md-11 {
1356 -webkit-box-flex: 0;
1357 -ms-flex-positive: 0;
1358 flex-grow: 0;
1359 max-width: 91.6666666667%;
1360 -ms-flex-preferred-size: 91.6666666667%;
1361 flex-basis: 91.6666666667%; }
1362 .eps-grid-item-md-12 {
1363 -webkit-box-flex: 0;
1364 -ms-flex-positive: 0;
1365 flex-grow: 0;
1366 max-width: 100%;
1367 -ms-flex-preferred-size: 100%;
1368 flex-basis: 100%; } }
1369
1370 @media screen and (min-width: 1025px) {
1371 .eps-grid-item-lg-1 {
1372 -webkit-box-flex: 0;
1373 -ms-flex-positive: 0;
1374 flex-grow: 0;
1375 max-width: 8.3333333333%;
1376 -ms-flex-preferred-size: 8.3333333333%;
1377 flex-basis: 8.3333333333%; }
1378 .eps-grid-item-lg-2 {
1379 -webkit-box-flex: 0;
1380 -ms-flex-positive: 0;
1381 flex-grow: 0;
1382 max-width: 16.6666666667%;
1383 -ms-flex-preferred-size: 16.6666666667%;
1384 flex-basis: 16.6666666667%; }
1385 .eps-grid-item-lg-3 {
1386 -webkit-box-flex: 0;
1387 -ms-flex-positive: 0;
1388 flex-grow: 0;
1389 max-width: 25%;
1390 -ms-flex-preferred-size: 25%;
1391 flex-basis: 25%; }
1392 .eps-grid-item-lg-4 {
1393 -webkit-box-flex: 0;
1394 -ms-flex-positive: 0;
1395 flex-grow: 0;
1396 max-width: 33.3333333333%;
1397 -ms-flex-preferred-size: 33.3333333333%;
1398 flex-basis: 33.3333333333%; }
1399 .eps-grid-item-lg-5 {
1400 -webkit-box-flex: 0;
1401 -ms-flex-positive: 0;
1402 flex-grow: 0;
1403 max-width: 41.6666666667%;
1404 -ms-flex-preferred-size: 41.6666666667%;
1405 flex-basis: 41.6666666667%; }
1406 .eps-grid-item-lg-6 {
1407 -webkit-box-flex: 0;
1408 -ms-flex-positive: 0;
1409 flex-grow: 0;
1410 max-width: 50%;
1411 -ms-flex-preferred-size: 50%;
1412 flex-basis: 50%; }
1413 .eps-grid-item-lg-7 {
1414 -webkit-box-flex: 0;
1415 -ms-flex-positive: 0;
1416 flex-grow: 0;
1417 max-width: 58.3333333333%;
1418 -ms-flex-preferred-size: 58.3333333333%;
1419 flex-basis: 58.3333333333%; }
1420 .eps-grid-item-lg-8 {
1421 -webkit-box-flex: 0;
1422 -ms-flex-positive: 0;
1423 flex-grow: 0;
1424 max-width: 66.6666666667%;
1425 -ms-flex-preferred-size: 66.6666666667%;
1426 flex-basis: 66.6666666667%; }
1427 .eps-grid-item-lg-9 {
1428 -webkit-box-flex: 0;
1429 -ms-flex-positive: 0;
1430 flex-grow: 0;
1431 max-width: 75%;
1432 -ms-flex-preferred-size: 75%;
1433 flex-basis: 75%; }
1434 .eps-grid-item-lg-10 {
1435 -webkit-box-flex: 0;
1436 -ms-flex-positive: 0;
1437 flex-grow: 0;
1438 max-width: 83.3333333333%;
1439 -ms-flex-preferred-size: 83.3333333333%;
1440 flex-basis: 83.3333333333%; }
1441 .eps-grid-item-lg-11 {
1442 -webkit-box-flex: 0;
1443 -ms-flex-positive: 0;
1444 flex-grow: 0;
1445 max-width: 91.6666666667%;
1446 -ms-flex-preferred-size: 91.6666666667%;
1447 flex-basis: 91.6666666667%; }
1448 .eps-grid-item-lg-12 {
1449 -webkit-box-flex: 0;
1450 -ms-flex-positive: 0;
1451 flex-grow: 0;
1452 max-width: 100%;
1453 -ms-flex-preferred-size: 100%;
1454 flex-basis: 100%; } }
1455
1456 @media screen and (min-width: 1440px) {
1457 .eps-grid-item-xl-1 {
1458 -webkit-box-flex: 0;
1459 -ms-flex-positive: 0;
1460 flex-grow: 0;
1461 max-width: 8.3333333333%;
1462 -ms-flex-preferred-size: 8.3333333333%;
1463 flex-basis: 8.3333333333%; }
1464 .eps-grid-item-xl-2 {
1465 -webkit-box-flex: 0;
1466 -ms-flex-positive: 0;
1467 flex-grow: 0;
1468 max-width: 16.6666666667%;
1469 -ms-flex-preferred-size: 16.6666666667%;
1470 flex-basis: 16.6666666667%; }
1471 .eps-grid-item-xl-3 {
1472 -webkit-box-flex: 0;
1473 -ms-flex-positive: 0;
1474 flex-grow: 0;
1475 max-width: 25%;
1476 -ms-flex-preferred-size: 25%;
1477 flex-basis: 25%; }
1478 .eps-grid-item-xl-4 {
1479 -webkit-box-flex: 0;
1480 -ms-flex-positive: 0;
1481 flex-grow: 0;
1482 max-width: 33.3333333333%;
1483 -ms-flex-preferred-size: 33.3333333333%;
1484 flex-basis: 33.3333333333%; }
1485 .eps-grid-item-xl-5 {
1486 -webkit-box-flex: 0;
1487 -ms-flex-positive: 0;
1488 flex-grow: 0;
1489 max-width: 41.6666666667%;
1490 -ms-flex-preferred-size: 41.6666666667%;
1491 flex-basis: 41.6666666667%; }
1492 .eps-grid-item-xl-6 {
1493 -webkit-box-flex: 0;
1494 -ms-flex-positive: 0;
1495 flex-grow: 0;
1496 max-width: 50%;
1497 -ms-flex-preferred-size: 50%;
1498 flex-basis: 50%; }
1499 .eps-grid-item-xl-7 {
1500 -webkit-box-flex: 0;
1501 -ms-flex-positive: 0;
1502 flex-grow: 0;
1503 max-width: 58.3333333333%;
1504 -ms-flex-preferred-size: 58.3333333333%;
1505 flex-basis: 58.3333333333%; }
1506 .eps-grid-item-xl-8 {
1507 -webkit-box-flex: 0;
1508 -ms-flex-positive: 0;
1509 flex-grow: 0;
1510 max-width: 66.6666666667%;
1511 -ms-flex-preferred-size: 66.6666666667%;
1512 flex-basis: 66.6666666667%; }
1513 .eps-grid-item-xl-9 {
1514 -webkit-box-flex: 0;
1515 -ms-flex-positive: 0;
1516 flex-grow: 0;
1517 max-width: 75%;
1518 -ms-flex-preferred-size: 75%;
1519 flex-basis: 75%; }
1520 .eps-grid-item-xl-10 {
1521 -webkit-box-flex: 0;
1522 -ms-flex-positive: 0;
1523 flex-grow: 0;
1524 max-width: 83.3333333333%;
1525 -ms-flex-preferred-size: 83.3333333333%;
1526 flex-basis: 83.3333333333%; }
1527 .eps-grid-item-xl-11 {
1528 -webkit-box-flex: 0;
1529 -ms-flex-positive: 0;
1530 flex-grow: 0;
1531 max-width: 91.6666666667%;
1532 -ms-flex-preferred-size: 91.6666666667%;
1533 flex-basis: 91.6666666667%; }
1534 .eps-grid-item-xl-12 {
1535 -webkit-box-flex: 0;
1536 -ms-flex-positive: 0;
1537 flex-grow: 0;
1538 max-width: 100%;
1539 -ms-flex-preferred-size: 100%;
1540 flex-basis: 100%; } }
1541
1542 @media screen and (min-width: 1600px) {
1543 .eps-grid-item-xxl-1 {
1544 -webkit-box-flex: 0;
1545 -ms-flex-positive: 0;
1546 flex-grow: 0;
1547 max-width: 8.3333333333%;
1548 -ms-flex-preferred-size: 8.3333333333%;
1549 flex-basis: 8.3333333333%; }
1550 .eps-grid-item-xxl-2 {
1551 -webkit-box-flex: 0;
1552 -ms-flex-positive: 0;
1553 flex-grow: 0;
1554 max-width: 16.6666666667%;
1555 -ms-flex-preferred-size: 16.6666666667%;
1556 flex-basis: 16.6666666667%; }
1557 .eps-grid-item-xxl-3 {
1558 -webkit-box-flex: 0;
1559 -ms-flex-positive: 0;
1560 flex-grow: 0;
1561 max-width: 25%;
1562 -ms-flex-preferred-size: 25%;
1563 flex-basis: 25%; }
1564 .eps-grid-item-xxl-4 {
1565 -webkit-box-flex: 0;
1566 -ms-flex-positive: 0;
1567 flex-grow: 0;
1568 max-width: 33.3333333333%;
1569 -ms-flex-preferred-size: 33.3333333333%;
1570 flex-basis: 33.3333333333%; }
1571 .eps-grid-item-xxl-5 {
1572 -webkit-box-flex: 0;
1573 -ms-flex-positive: 0;
1574 flex-grow: 0;
1575 max-width: 41.6666666667%;
1576 -ms-flex-preferred-size: 41.6666666667%;
1577 flex-basis: 41.6666666667%; }
1578 .eps-grid-item-xxl-6 {
1579 -webkit-box-flex: 0;
1580 -ms-flex-positive: 0;
1581 flex-grow: 0;
1582 max-width: 50%;
1583 -ms-flex-preferred-size: 50%;
1584 flex-basis: 50%; }
1585 .eps-grid-item-xxl-7 {
1586 -webkit-box-flex: 0;
1587 -ms-flex-positive: 0;
1588 flex-grow: 0;
1589 max-width: 58.3333333333%;
1590 -ms-flex-preferred-size: 58.3333333333%;
1591 flex-basis: 58.3333333333%; }
1592 .eps-grid-item-xxl-8 {
1593 -webkit-box-flex: 0;
1594 -ms-flex-positive: 0;
1595 flex-grow: 0;
1596 max-width: 66.6666666667%;
1597 -ms-flex-preferred-size: 66.6666666667%;
1598 flex-basis: 66.6666666667%; }
1599 .eps-grid-item-xxl-9 {
1600 -webkit-box-flex: 0;
1601 -ms-flex-positive: 0;
1602 flex-grow: 0;
1603 max-width: 75%;
1604 -ms-flex-preferred-size: 75%;
1605 flex-basis: 75%; }
1606 .eps-grid-item-xxl-10 {
1607 -webkit-box-flex: 0;
1608 -ms-flex-positive: 0;
1609 flex-grow: 0;
1610 max-width: 83.3333333333%;
1611 -ms-flex-preferred-size: 83.3333333333%;
1612 flex-basis: 83.3333333333%; }
1613 .eps-grid-item-xxl-11 {
1614 -webkit-box-flex: 0;
1615 -ms-flex-positive: 0;
1616 flex-grow: 0;
1617 max-width: 91.6666666667%;
1618 -ms-flex-preferred-size: 91.6666666667%;
1619 flex-basis: 91.6666666667%; }
1620 .eps-grid-item-xxl-12 {
1621 -webkit-box-flex: 0;
1622 -ms-flex-positive: 0;
1623 flex-grow: 0;
1624 max-width: 100%;
1625 -ms-flex-preferred-size: 100%;
1626 flex-basis: 100%; } }
1627
1628 :root {
1629 --color-box-shadow-color: rgba(0, 0, 0, 0.05); }
1630
1631 .eps-theme-dark {
1632 --color-box-shadow-color: rgba(0, 0, 0, 0.1); }
1633
1634 :root {
1635 --card-background-color: rgba(255, 255, 255, 0.5);
1636 --card-background-color-hover: #fff;
1637 --card-box-shadow: 0 4px 10px var(--color-box-shadow-color);
1638 --card-header-footer-border: 1px solid #f1f3f5;
1639 --card-headline-color: #6d7882;
1640 --card-figure-background-color: #f1f3f5;
1641 --card-image-overlay-background-color: rgba(0, 0, 0, 0.2); }
1642
1643 .eps-theme-dark {
1644 --card-background-color: rgba(64, 67, 73, 0.5);
1645 --card-background-color-hover: #404349;
1646 --card-box-shadow: 0 3px 6px var(--color-box-shadow-color);
1647 --card-header-footer-border: 1px solid #34383c;
1648 --card-headline-color: #e0e1e3;
1649 --card-figure-background-color: #34383c;
1650 --card-image-overlay-background-color: rgba(52, 56, 60, 0.5); }
1651
1652 .eps-card {
1653 background-color: var(--card-background-color);
1654 -webkit-box-shadow: 0 4px 10px var(--color-box-shadow-color);
1655 box-shadow: 0 4px 10px var(--color-box-shadow-color);
1656 -webkit-border-radius: 0.1875rem;
1657 border-radius: 0.1875rem;
1658 -webkit-transition: 0.3s;
1659 -o-transition: 0.3s;
1660 transition: 0.3s;
1661 font-size: 0.75rem;
1662 /*
1663 todo: TBD: Optionally remove headline styling in favor of a global atom depending on variation needs
1664 */ }
1665 .eps-card__header {
1666 padding: 0.625rem;
1667 border-bottom: var(--card-header-footer-border);
1668 min-height: 2.5rem;
1669 display: -webkit-box;
1670 display: -ms-flexbox;
1671 display: flex;
1672 -webkit-box-align: center;
1673 -ms-flex-align: center;
1674 align-items: center; }
1675 .eps-card__headline {
1676 color: var(--card-headline-color);
1677 margin-bottom: 0;
1678 font-weight: 500;
1679 -webkit-box-flex: 1;
1680 -ms-flex-positive: 1;
1681 flex-grow: 1;
1682 overflow: hidden;
1683 -o-text-overflow: ellipsis;
1684 text-overflow: ellipsis;
1685 white-space: nowrap; }
1686 .eps-card__body {
1687 padding: 0.625rem 0.625rem; }
1688 .eps-card__figure {
1689 background-color: var(--card-figure-background-color);
1690 position: relative;
1691 padding-bottom: var(--card-image-aspect-ratio, 95.6%);
1692 overflow: hidden;
1693 height: 0; }
1694 .eps-card__image {
1695 width: 100%;
1696 -o-object-fit: contain;
1697 object-fit: contain;
1698 -o-object-position: top;
1699 object-position: top;
1700 position: absolute;
1701 top: 0;
1702 left: 0; }
1703 .eps-card__image-overlay {
1704 position: absolute;
1705 top: 0;
1706 background-color: var(--card-image-overlay-background-color);
1707 z-index: 1;
1708 width: 100%;
1709 height: 100%;
1710 opacity: 0;
1711 -webkit-transition: 0.3s;
1712 -o-transition: 0.3s;
1713 transition: 0.3s; }
1714 .eps-card__image-overlay:hover {
1715 opacity: 1; }
1716 .eps-card__footer {
1717 padding: 0.625rem;
1718 border-top: var(--card-header-footer-border);
1719 font-size: 0.6875rem; }
1720 .eps-card:hover {
1721 background-color: var(--card-background-color-hover); }
1722
1723 .eps-dialog {
1724 -webkit-border-radius: 3px;
1725 border-radius: 3px;
1726 width: 375px; }
1727 .eps-dialog__close-button {
1728 position: absolute;
1729 top: 0;
1730 right: 0;
1731 margin-top: 0.625rem;
1732 margin-right: 0.625rem;
1733 z-index: 1040;
1734 font-size: 1.25rem;
1735 color: #fff; }
1736 .eps-dialog__content {
1737 padding: 1.5rem 1.875rem 1rem;
1738 font-size: 0.75rem; }
1739 .eps-dialog__title, .eps-dialog__text {
1740 text-align: center; }
1741 .eps-dialog__buttons {
1742 display: -webkit-box;
1743 display: -ms-flexbox;
1744 display: flex; }
1745 .eps-dialog__button {
1746 -webkit-box-flex: 1;
1747 -ms-flex: 1;
1748 flex: 1;
1749 border-top: 1px solid var(--hr-color);
1750 line-height: 2.75rem;
1751 text-align: center;
1752 -webkit-box-pack: center;
1753 -ms-flex-pack: center;
1754 justify-content: center; }
1755 .eps-dialog__button:last-child:not(:first-child) {
1756 -webkit-border-start: 1px solid var(--hr-color);
1757 border-inline-start: 1px solid var(--hr-color); }
1758
1759 :root {
1760 --info-toggle-color: #d5dadf;
1761 --info-toggle-hover-color: #a4afb7; }
1762
1763 .eps-theme-dark {
1764 --placeholder-filter: invert(0.8) sepia(1) saturate(0.2) hue-rotate(180deg) contrast(1.25) brightness(1.2);
1765 --info-toggle-color: #64666a;
1766 --info-toggle-hover-color: #b4b5b7; }
1767
1768 .e-site-part .eps-card__image {
1769 -webkit-filter: var(--placeholder-filter, none);
1770 filter: var(--placeholder-filter, none); }
1771
1772 .e-site-part__info-toggle {
1773 color: var(--info-toggle-color); }
1774 .e-site-part__info-toggle:hover {
1775 --info-toggle-color: var(--info-toggle-hover-color); }
1776
1777 .e-site-editor__promotion-overlay__link {
1778 display: -webkit-box;
1779 display: -ms-flexbox;
1780 display: flex;
1781 width: 100%;
1782 height: 100%;
1783 -webkit-box-align: center;
1784 -ms-flex-align: center;
1785 align-items: center;
1786 -webkit-box-pack: center;
1787 -ms-flex-pack: center;
1788 justify-content: center;
1789 -webkit-box-orient: vertical;
1790 -webkit-box-direction: normal;
1791 -ms-flex-direction: column;
1792 flex-direction: column;
1793 text-decoration: none; }
1794
1795 .e-site-editor__promotion-overlay__icon {
1796 font-size: 1.25rem;
1797 color: #fff;
1798 margin-bottom: 1rem; }
1799
1800 .eps-menu__title {
1801 margin-top: 2.75rem;
1802 margin-bottom: 1rem; }
1803
1804 .e-site-editor__promotion-overlay__link {
1805 display: -webkit-box;
1806 display: -ms-flexbox;
1807 display: flex;
1808 width: 100%;
1809 height: 100%;
1810 -webkit-box-align: center;
1811 -ms-flex-align: center;
1812 align-items: center;
1813 -webkit-box-pack: center;
1814 -ms-flex-pack: center;
1815 justify-content: center;
1816 -webkit-box-orient: vertical;
1817 -webkit-box-direction: normal;
1818 -ms-flex-direction: column;
1819 flex-direction: column;
1820 text-decoration: none; }
1821
1822 .e-site-editor__promotion-overlay__icon {
1823 font-size: 1.25rem;
1824 color: #fff;
1825 margin-bottom: 1rem; }
1826
1827 .e-site-editor__header {
1828 margin-bottom: 2.75rem;
1829 border-bottom: 1px solid var(--hr-color); }
1830
1831 :root {
1832 --e-elementor-loader-container-background-color: #f1f3f5;
1833 --e-elementor-loader-background-color: rgba(255, 255, 255, 0.9); }
1834
1835 .eps-theme-dark {
1836 --e-elementor-loader-container-background-color: #34383c;
1837 --e-elementor-loader-background-color: #4c4f56; }
1838
1839 .elementor-loading {
1840 background-color: var(--e-elementor-loader-container-background-color);
1841 height: 100vh; }
1842
1843 .elementor-loader-wrapper {
1844 position: absolute;
1845 top: 50%;
1846 left: 50%;
1847 -webkit-transform: translate(-50%, -50%);
1848 -ms-transform: translate(-50%, -50%);
1849 transform: translate(-50%, -50%);
1850 width: 300px;
1851 display: -webkit-box;
1852 display: -ms-flexbox;
1853 display: flex;
1854 -ms-flex-wrap: wrap;
1855 flex-wrap: wrap;
1856 -webkit-box-pack: center;
1857 -ms-flex-pack: center;
1858 justify-content: center; }
1859
1860 .elementor-loader {
1861 -webkit-border-radius: 50%;
1862 border-radius: 50%;
1863 padding: 40px;
1864 height: 150px;
1865 width: 150px;
1866 background-color: var(--e-elementor-loader-background-color);
1867 -webkit-box-sizing: border-box;
1868 box-sizing: border-box;
1869 -webkit-box-shadow: 2px 2px 20px 4px rgba(0, 0, 0, 0.02);
1870 box-shadow: 2px 2px 20px 4px rgba(0, 0, 0, 0.02); }
1871
1872 .elementor-loader-boxes {
1873 height: 100%;
1874 width: 100%;
1875 position: relative; }
1876
1877 .elementor-loader-box {
1878 position: absolute;
1879 background-color: #d5dadf;
1880 -webkit-animation: load 1.8s linear infinite;
1881 animation: load 1.8s linear infinite; }
1882 .elementor-loader-box:nth-of-type(1) {
1883 width: 20%;
1884 height: 100%;
1885 left: 0;
1886 top: 0; }
1887 .elementor-loader-box:not(:nth-of-type(1)) {
1888 right: 0;
1889 height: 20%;
1890 width: 60%; }
1891 .elementor-loader-box:nth-of-type(2) {
1892 top: 0;
1893 -webkit-animation-delay: -0.45s;
1894 animation-delay: -0.45s; }
1895 .elementor-loader-box:nth-of-type(3) {
1896 top: 40%;
1897 -webkit-animation-delay: -0.9s;
1898 animation-delay: -0.9s; }
1899 .elementor-loader-box:nth-of-type(4) {
1900 bottom: 0;
1901 -webkit-animation-delay: -1.35s;
1902 animation-delay: -1.35s; }
1903
1904 .elementor-loading-title {
1905 color: #a4afb7;
1906 text-align: center;
1907 text-transform: uppercase;
1908 margin-top: 30px;
1909 letter-spacing: 7px;
1910 text-indent: 7px;
1911 font-size: 10px;
1912 width: 100%; }
1913
1914 @-webkit-keyframes load {
1915 0% {
1916 opacity: .3; }
1917 50% {
1918 opacity: 1; }
1919 100% {
1920 opacity: .3; } }
1921
1922 @keyframes load {
1923 0% {
1924 opacity: .3; }
1925 50% {
1926 opacity: 1; }
1927 100% {
1928 opacity: .3; } }
1929
1930 :root {
1931 --e-app-drag-drop-background-color: #fff;
1932 --e-app-drag-drop-outline-color: #d5dadf; }
1933
1934 .eps-theme-dark {
1935 --e-app-drag-drop-background-color: #404349;
1936 --e-app-drag-drop-outline-color: #7d7e82; }
1937
1938 .e-app-drag-drop {
1939 background-color: var(--e-app-drag-drop-background-color);
1940 outline: 2px dashed var(--e-app-drag-drop-outline-color);
1941 outline-offset: -0.75rem;
1942 margin-bottom: 1.5rem;
1943 padding: 4.125rem;
1944 text-align: center; }
1945 .e-app-drag-drop--drag-over {
1946 outline-color: #58d0f5; }
1947
1948 .e-app-upload-file__input {
1949 display: none; }
1950
1951 .e-app-drop-zone__icon {
1952 margin-bottom: 2.75rem;
1953 color: #c2cbd2;
1954 font-size: 60px; }
1955
1956 :root {
1957 --select2-selection-background-color: #fff;
1958 --select2-selection-color: #6d7882;
1959 --select2-selection-border-color: #d5dadf;
1960 --select2-selection-opened-focused-border-color: #f1f3f5;
1961 --select2-single-selection-rendered-color: #6d7882;
1962 --select2-default-single-selection-background-color: #fff;
1963 --select2-default-single-selection-border-color: #d5dadf;
1964 --select2-default-multiple-selection-background-color: #fff;
1965 --select2-default-multiple-selection-choice-background-color: #f1f3f5;
1966 --select2-default-multiple-selection-choice-color: #6d7882;
1967 --select2-default-multiple-selection-choice-border-color: #f1f3f5;
1968 --select2-default-multiple-selection-choice-remove-color: #a4afb7;
1969 --select2-default-multiple-selection-choice-remove-hover-color: #6d7882;
1970 --select2-default-results-selected-option-background-color: #fff;
1971 --select2-default-results-selected-option-color: #6d7882;
1972 --select2-default-results-highlighted-option-background-color: #5897fb;
1973 --select2-default-results-highlighted-option-color: #fff;
1974 --select2-results-selected-option-background-color: #5897fb;
1975 --select2-results-selected-option-color: #fff;
1976 --select2-dropdown-background-color: #fff;
1977 --select2-dropdown-border-color: #d5dadf; }
1978
1979 .eps-theme-dark {
1980 --select2-selection-background-color: #34383c;
1981 --select2-selection-color: #e0e1e3;
1982 --select2-selection-border-color: #64666a;
1983 --select2-selection-opened-focused-border-color: #7d7e82;
1984 --select2-single-selection-rendered-color: #e0e1e3;
1985 --select2-default-single-selection-background-color: #34383c;
1986 --select2-default-single-selection-border-color: #4c4f56;
1987 --select2-default-multiple-selection-background-color: #34383c;
1988 --select2-default-multiple-selection-choice-background-color: #4c4f56;
1989 --select2-default-multiple-selection-choice-color: #e0e1e3;
1990 --select2-default-multiple-selection-choice-border-color: #4c4f56;
1991 --select2-default-multiple-selection-choice-remove-color: #b4b5b7;
1992 --select2-default-multiple-selection-choice-remove-hover-color: #e0e1e3;
1993 --select2-default-results-selected-option-background-color: #34383c;
1994 --select2-default-results-selected-option-color: #e0e1e3;
1995 --select2-default-results-highlighted-option-background-color: #4c4f56;
1996 --select2-default-results-highlighted-option-color: #e0e1e3;
1997 --select2-results-selected-option-background-color: #4c4f56;
1998 --select2-results-selected-option-color: #e0e1e3;
1999 --select2-dropdown-background-color: #34383c;
2000 --select2-dropdown-border-color: #64666a; }
2001
2002 .select2-container:not(.select2-container--open):not(.select2-container--focus) .select2-selection--single,
2003 .select2-container:not(.select2-container--open):not(.select2-container--focus) .select2-selection--multiple {
2004 background-color: var(--select2-selection-background-color);
2005 color: var(--select2-selection-color);
2006 border-color: var(--select2-selection-border-color); }
2007
2008 .select2-container.select2-container--open .select2-selection--single,
2009 .select2-container.select2-container--open .select2-selection--multiple, .select2-container.select2-container--focus .select2-selection--single,
2010 .select2-container.select2-container--focus .select2-selection--multiple {
2011 border-color: var(--select2-selection-opened-focused-border-color); }
2012
2013 .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
2014 color: var(--select2-single-selection-rendered-color); }
2015
2016 .select2-container--default .select2-selection--single {
2017 background-color: var(--select2-default-single-selection-background-color);
2018 border-color: var(--select2-default-single-selection-border-color); }
2019
2020 .select2-container--default .select2-selection--multiple {
2021 background-color: var(--select2-default-multiple-selection-background-color); }
2022 .select2-container--default .select2-selection--multiple .select2-selection__choice {
2023 background-color: var(--select2-default-multiple-selection-choice-background-color);
2024 color: var(--select2-default-multiple-selection-choice-color);
2025 border-color: var(--select2-default-multiple-selection-choice-border-color); }
2026 .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
2027 color: var(--select2-default-multiple-selection-choice-remove-color); }
2028 .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
2029 color: var(--select2-default-multiple-selection-choice-remove-hover-color); }
2030
2031 .select2-container--default .select2-results__option[aria-selected] {
2032 background-color: var(--select2-default-results-selected-option-background-color);
2033 color: var(--select2-default-results-selected-option-color); }
2034
2035 .select2-container--default .select2-results__option--highlighted[aria-selected] {
2036 background-color: var(--select2-default-results-highlighted-option-background-color);
2037 color: var(--select2-default-results-highlighted-option-color); }
2038
2039 .select2-container .select2-results__option[aria-selected=true] {
2040 background-color: var(--select2-results-selected-option-background-color);
2041 color: var(--select2-results-selected-option-color); }
2042
2043 .select2-container .select2-dropdown {
2044 background-color: var(--select2-dropdown-background-color);
2045 border-color: var(--select2-dropdown-border-color); }
2046 /*# sourceMappingURL=app.css.map */