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