PluginProbe
Elementor Website Builder – more than just a page builder / 3.9.0
Elementor Website Builder – more than just a page builder v3.9.0
4.3.0-beta3 4.3.0-beta2 4.3.0-beta1 4.2.4 4.2.3 4.2.2 4.2.1 4.2.0 4.1.5 4.2.0-beta2 4.2.0-dev2 4.2.0-beta1 4.1.4 4.1.3 4.1.2 4.1.1 4.1.0 4.1.0-beta3 4.1.0-dev3 4.0.9 4.1.0-beta2 4.1.0-dev2 4.0.8 4.1.0-beta1 4.1.0-dev1 All 452 releases
← All changes | assets/css/app.css +312 -966 3.8.1 → 3.9.0 View file →
@@ -1,5 +1,5 @@
1 -/*! elementor - v3.8.1 - 13-11-2022 */
1 +/*! elementor - v3.9.0 - 06-12-2022 */
2 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 3 @import "//fonts.googleapis.com/css2?family=DM%20Sans&display=swap";
4 4 @import "//fonts.googleapis.com/css2?family=Source%20Serif%20Pro&display=swap";
5 5 :root {
@@ -96,29 +96,15 @@
96 96 .text-end-xxl {
97 97 text-align: end;
98 98 }
99 99 }
100 -@-webkit-keyframes eps-animation-pop {
101 - from {
102 - -webkit-transform: scale(0.75);
103 - transform: scale(0.75);
104 - opacity: 0;
105 - }
106 - to {
107 - -webkit-transform: scale(1);
108 - transform: scale(1);
109 - opacity: 1;
110 - }
111 -}
112 100 @keyframes eps-animation-pop {
113 101 from {
114 - -webkit-transform: scale(0.75);
115 - transform: scale(0.75);
102 + transform: scale(0.75);
116 103 opacity: 0;
117 104 }
118 105 to {
119 - -webkit-transform: scale(1);
120 - transform: scale(1);
106 + transform: scale(1);
121 107 opacity: 1;
122 108 }
123 109 }
124 110 /**
@@ -126,10 +112,8 @@
126 112 EG: '../../../app/assets/styles/generic'.
127 113 Auto-import is designed for CSS that not dependent on the loading order.
128 114 */
129 115 .eps-button {
130 - display: -webkit-inline-box;
131 - display: -ms-inline-flexbox;
132 116 display: inline-flex;
133 117 --button-line-height: 16px;
134 118 --button-padding-y: 0.5em;
135 119 --button-padding-x: 1.5em;
@@ -365,10 +349,9 @@
365 349
366 350 *,
367 351 *::before,
368 352 *::after {
369 - -webkit-box-sizing: border-box;
370 - box-sizing: border-box;
353 + box-sizing: border-box;
371 354 }
372 355
373 356 html {
374 357 font-family: sans-serif;
@@ -393,13 +376,15 @@
393 376 background-color: var(--body-bg);
394 377 }
395 378
396 379 ::-moz-selection {
397 - background-color: rgba(147, 0, 63, 0.5);
380 + background-color: #58d0f5;
381 + color: #fff;
398 382 }
399 383
400 384 ::selection {
401 - background-color: rgba(147, 0, 63, 0.5);
385 + background-color: #58d0f5;
386 + color: #fff;
402 387 }
403 388
404 389 [tabindex="-1"]:focus:not(:focus-visible) {
405 390 outline: 0 !important;
@@ -512,8 +497,10 @@
512 497 [type=button],
513 498 [type=reset],
514 499 [type=submit] {
515 500 -webkit-appearance: button;
501 + -moz-appearance: button;
502 + appearance: button;
516 503 }
517 504
518 505 button:not(:disabled),
519 506 [type=button]:not(:disabled),
@@ -531,10 +518,9 @@
531 518 }
532 519
533 520 input[type=radio],
534 521 input[type=checkbox] {
535 - -webkit-box-sizing: border-box;
536 - box-sizing: border-box;
522 + box-sizing: border-box;
537 523 padding: 0;
538 524 }
539 525
540 526 textarea {
@@ -721,22 +707,16 @@
721 707 width: 100%;
722 708 }
723 709
724 710 .eps-app {
725 - display: -webkit-box;
726 - display: -ms-flexbox;
727 711 display: flex;
728 712 height: 100vh;
729 - -webkit-box-orient: vertical;
730 - -webkit-box-direction: normal;
731 - -ms-flex-direction: column;
732 - flex-direction: column;
713 + flex-direction: column;
733 714 color: var(--body-color);
734 715 background-color: var(--app-background-color);
735 716 position: absolute;
736 717 border-radius: 0;
737 - -webkit-box-shadow: 2px 8px 23px 3px var(--color-box-shadow-color);
738 - box-shadow: 2px 8px 23px 3px var(--color-box-shadow-color);
718 + box-shadow: 2px 8px 23px 3px var(--color-box-shadow-color);
739 719 overflow: hidden;
740 720 font-family: Roboto, Arial, Helvetica, Verdana, sans-serif;
741 721 width: 100%;
742 722 max-width: 100%;
@@ -741,17 +721,11 @@
741 721 width: 100%;
742 722 max-width: 100%;
743 723 }
744 724 .eps-app__lightbox {
745 - display: -webkit-box;
746 - display: -ms-flexbox;
747 725 display: flex;
748 - -webkit-box-align: center;
749 - -ms-flex-align: center;
750 - align-items: center;
751 - -webkit-box-pack: center;
752 - -ms-flex-pack: center;
753 - justify-content: center;
726 + align-items: center;
727 + justify-content: center;
754 728 position: fixed;
755 729 height: 100%;
756 730 width: 100%;
757 731 background-color: var(--app-lightbox-background-color);
@@ -759,15 +733,13 @@
759 733 bottom: 0;
760 734 left: 0;
761 735 }
762 736 .eps-app__header {
763 - -ms-flex-negative: 0;
764 - flex-shrink: 0;
737 + flex-shrink: 0;
765 738 font-size: 0.9375rem;
766 739 color: var(--app-header-color);
767 740 background-color: var(--app-header-background-color);
768 - -webkit-box-shadow: 0 4px 10px var(--color-box-shadow-color);
769 - box-shadow: 0 4px 10px var(--color-box-shadow-color);
741 + box-shadow: 0 4px 10px var(--color-box-shadow-color);
770 742 position: relative;
771 743 z-index: 3;
772 744 height: 3.125rem;
773 745 padding: 0 1rem;
@@ -772,18 +744,11 @@
772 744 height: 3.125rem;
773 745 padding: 0 1rem;
774 746 }
775 747 .eps-app__header-buttons {
776 - display: -webkit-box;
777 - display: -ms-flexbox;
778 748 display: flex;
779 - -webkit-box-align: center;
780 - -ms-flex-align: center;
781 - align-items: center;
782 - -webkit-box-orient: horizontal;
783 - -webkit-box-direction: reverse;
784 - -ms-flex-direction: row-reverse;
785 - flex-direction: row-reverse;
749 + align-items: center;
750 + flex-direction: row-reverse;
786 751 font-size: 1.125rem;
787 752 }
788 753 .eps-app__header-btn {
789 754 --button-background-color: var(--app-header-buttons-color);
@@ -800,14 +765,10 @@
800 765 -webkit-padding-end: 1rem;
801 766 padding-inline-end: 1rem;
802 767 }
803 768 .eps-app__logo-title-wrapper {
804 - display: -webkit-box;
805 - display: -ms-flexbox;
806 769 display: flex;
807 - -webkit-box-align: center;
808 - -ms-flex-align: center;
809 - align-items: center;
770 + align-items: center;
810 771 }
811 772 .eps-app__logo {
812 773 display: block;
813 774 width: 1.75rem;
@@ -829,15 +790,11 @@
829 790 text-transform: uppercase;
830 791 margin-bottom: 0;
831 792 }
832 793 .eps-app__main {
833 - display: -webkit-box;
834 - display: -ms-flexbox;
835 794 display: flex;
836 795 overflow: hidden;
837 - -webkit-box-flex: 1;
838 - -ms-flex-positive: 1;
839 - flex-grow: 1;
796 + flex-grow: 1;
840 797 }
841 798 .eps-app__sidebar {
842 799 background-color: var(--app-sidebar-background-color);
843 800 padding-top: 1.25rem;
@@ -842,20 +799,15 @@
842 799 background-color: var(--app-sidebar-background-color);
843 800 padding-top: 1.25rem;
844 801 width: 30%;
845 802 max-width: 17.1875rem;
846 - -webkit-box-flex: 0;
847 - -ms-flex-positive: 0;
848 - flex-grow: 0;
803 + flex-grow: 0;
849 804 overflow-y: auto;
850 - -webkit-box-shadow: 2px 8px 23px 3px var(--color-box-shadow-color);
851 - box-shadow: 2px 8px 23px 3px var(--color-box-shadow-color);
805 + box-shadow: 2px 8px 23px 3px var(--color-box-shadow-color);
852 806 z-index: 4;
853 807 }
854 808 .eps-app__content {
855 - -webkit-box-flex: 1;
856 - -ms-flex-positive: 1;
857 - flex-grow: 1;
809 + flex-grow: 1;
858 810 position: relative;
859 811 padding: 2.75rem;
860 812 height: 100%;
861 813 overflow-y: auto;
@@ -899,10 +851,9 @@
899 851 --info-toggle-hover-color: #b4b5b7;
900 852 }
901 853
902 854 .e-site-part .eps-card__image {
903 - -webkit-filter: var(--placeholder-filter, none);
904 - filter: var(--placeholder-filter, none);
855 + filter: var(--placeholder-filter, none);
905 856 }
906 857 .e-site-part__info-toggle {
907 858 color: var(--info-toggle-color);
908 859 }
@@ -933,20 +884,13 @@
933 884 .elementor-loader-wrapper {
934 885 position: absolute;
935 886 top: 50%;
936 887 left: 50%;
937 - -webkit-transform: translate(-50%, -50%);
938 - -ms-transform: translate(-50%, -50%);
939 - transform: translate(-50%, -50%);
888 + transform: translate(-50%, -50%);
940 889 width: 300px;
941 - display: -webkit-box;
942 - display: -ms-flexbox;
943 890 display: flex;
944 - -ms-flex-wrap: wrap;
945 - flex-wrap: wrap;
946 - -webkit-box-pack: center;
947 - -ms-flex-pack: center;
948 - justify-content: center;
891 + flex-wrap: wrap;
892 + justify-content: center;
949 893 }
950 894
951 895 .elementor-loader {
952 896 border-radius: 50%;
@@ -953,12 +897,10 @@
953 897 padding: 40px;
954 898 height: 150px;
955 899 width: 150px;
956 900 background-color: var(--e-elementor-loader-background-color);
957 - -webkit-box-sizing: border-box;
958 - box-sizing: border-box;
959 - -webkit-box-shadow: 2px 2px 20px 4px rgba(0, 0, 0, 0.02);
960 - box-shadow: 2px 2px 20px 4px rgba(0, 0, 0, 0.02);
901 + box-sizing: border-box;
902 + box-shadow: 2px 2px 20px 4px rgba(0, 0, 0, 0.02);
961 903 }
962 904
963 905 .elementor-loader-boxes {
964 906 height: 100%;
@@ -968,10 +910,9 @@
968 910
969 911 .elementor-loader-box {
970 912 position: absolute;
971 913 background-color: #d5dadf;
972 - -webkit-animation: load 1.8s linear infinite;
973 - animation: load 1.8s linear infinite;
914 + animation: load 1.8s linear infinite;
974 915 }
975 916 .elementor-loader-box:nth-of-type(1) {
976 917 width: 20%;
977 918 height: 100%;
@@ -984,20 +925,17 @@
984 925 width: 60%;
985 926 }
986 927 .elementor-loader-box:nth-of-type(2) {
987 928 top: 0;
988 - -webkit-animation-delay: calc( 1.8s / 4 * -1 );
989 - animation-delay: calc( 1.8s / 4 * -1 );
929 + animation-delay: calc( 1.8s / 4 * -1 );
990 930 }
991 931 .elementor-loader-box:nth-of-type(3) {
992 932 top: 40%;
993 - -webkit-animation-delay: calc( 1.8s / 4 * -2 );
994 - animation-delay: calc( 1.8s / 4 * -2 );
933 + animation-delay: calc( 1.8s / 4 * -2 );
995 934 }
996 935 .elementor-loader-box:nth-of-type(4) {
997 936 bottom: 0;
998 - -webkit-animation-delay: calc( 1.8s / 4 * -3 );
999 - animation-delay: calc( 1.8s / 4 * -3 );
937 + animation-delay: calc( 1.8s / 4 * -3 );
1000 938 }
1001 939
1002 940 .elementor-loading-title {
1003 941 color: #a4afb7;
@@ -1009,20 +947,8 @@
1009 947 font-size: 10px;
1010 948 width: 100%;
1011 949 }
1012 950
1013 -@-webkit-keyframes load {
1014 - 0% {
1015 - opacity: 0.3;
1016 - }
1017 - 50% {
1018 - opacity: 1;
1019 - }
1020 - 100% {
1021 - opacity: 0.3;
1022 - }
1023 -}
1024 -
1025 951 @keyframes load {
1026 952 0% {
1027 953 opacity: 0.3;
1028 954 }
@@ -1058,23 +984,14 @@
1058 984 --e-app-import-back-to-library-color: #b4b5b7;
1059 985 }
1060 986
1061 987 .e-site-editor__promotion-overlay__link {
1062 - display: -webkit-box;
1063 - display: -ms-flexbox;
1064 988 display: flex;
1065 989 width: 100%;
1066 990 height: 100%;
1067 - -webkit-box-align: center;
1068 - -ms-flex-align: center;
1069 - align-items: center;
1070 - -webkit-box-pack: center;
1071 - -ms-flex-pack: center;
1072 - justify-content: center;
1073 - -webkit-box-orient: vertical;
1074 - -webkit-box-direction: normal;
1075 - -ms-flex-direction: column;
1076 - flex-direction: column;
991 + align-items: center;
992 + justify-content: center;
993 + flex-direction: column;
1077 994 text-decoration: none;
1078 995 }
1079 996 .e-site-editor__promotion-overlay__icon {
1080 997 font-size: 1.25rem;
@@ -1157,10 +1074,9 @@
1157 1074 --e-app-export-kit-content-title-color: #556068;
1158 1075 --e-app-export-kit-content-description-color: #6d7882;
1159 1076 }
1160 1077 .e-app-export-kit-content__checkbox {
1161 - -ms-flex-negative: 0;
1162 - flex-shrink: 0;
1078 + flex-shrink: 0;
1163 1079 -webkit-margin-end: 0.75rem;
1164 1080 margin-inline-end: 0.75rem;
1165 1081 }
1166 1082 .e-app-export-kit-content__title {
@@ -1236,13 +1152,10 @@
1236 1152 }
1237 1153
1238 1154 .eps-card {
1239 1155 background-color: var(--card-background-color);
1240 - -webkit-box-shadow: 0 4px 10px var(--color-box-shadow-color);
1241 - box-shadow: 0 4px 10px var(--color-box-shadow-color);
1156 + box-shadow: 0 4px 10px var(--color-box-shadow-color);
1242 1157 border-radius: 0.1875rem;
1243 - -webkit-transition: 0.3s;
1244 - -o-transition: 0.3s;
1245 1158 transition: 0.3s;
1246 1159 font-size: 0.75rem;
1247 1160 /*
1248 1161 todo: TBD: Optionally remove headline styling in favor of a global atom depending on variation needs
@@ -1251,14 +1164,10 @@
1251 1164 .eps-card__header {
1252 1165 padding: 0.625rem;
1253 1166 border-bottom: var(--card-header-footer-border);
1254 1167 min-height: 2.5rem;
1255 - display: -webkit-box;
1256 - display: -ms-flexbox;
1257 1168 display: flex;
1258 - -webkit-box-align: center;
1259 - -ms-flex-align: center;
1260 - align-items: center;
1169 + align-items: center;
1261 1170 }
1262 1171 .eps-card__header--padding {
1263 1172 padding: var(--eps-card-header-padding);
1264 1173 }
@@ -1265,14 +1174,11 @@
1265 1174 .eps-card__headline {
1266 1175 color: var(--card-headline-color);
1267 1176 margin-bottom: 0;
1268 1177 font-weight: 500;
1269 - -webkit-box-flex: 1;
1270 - -ms-flex-positive: 1;
1271 - flex-grow: 1;
1178 + flex-grow: 1;
1272 1179 overflow: hidden;
1273 - -o-text-overflow: ellipsis;
1274 - text-overflow: ellipsis;
1180 + text-overflow: ellipsis;
1275 1181 white-space: nowrap;
1276 1182 }
1277 1183 .eps-card__body {
1278 1184 padding: 0.625rem 0.625rem;
@@ -1304,10 +1210,8 @@
1304 1210 z-index: 1;
1305 1211 width: 100%;
1306 1212 height: 100%;
1307 1213 opacity: 0;
1308 - -webkit-transition: 0.3s;
1309 - -o-transition: 0.3s;
1310 1214 transition: 0.3s;
1311 1215 }
1312 1216 .eps-card__image-overlay:hover {
1313 1217 opacity: 1;
@@ -1340,17 +1244,11 @@
1340 1244 --menu-item-action-button-color: #64666a;
1341 1245 }
1342 1246
1343 1247 .eps-menu-item {
1344 - display: -webkit-box;
1345 - display: -ms-flexbox;
1346 1248 display: flex;
1347 - -webkit-box-align: center;
1348 - -ms-flex-align: center;
1349 - align-items: center;
1249 + align-items: center;
1350 1250 position: relative;
1351 - -webkit-transition: 0.3s;
1352 - -o-transition: 0.3s;
1353 1251 transition: 0.3s;
1354 1252 --action-button-opacity: 0;
1355 1253 }
1356 1254 .eps-menu-item::before {
@@ -1378,17 +1276,11 @@
1378 1276 padding: 0.5rem 1.875rem;
1379 1277 min-height: 2.75rem;
1380 1278 font-size: 0.75rem;
1381 1279 line-height: 1.2;
1382 - -webkit-box-flex: 1;
1383 - -ms-flex-positive: 1;
1384 - flex-grow: 1;
1385 - display: -webkit-box;
1386 - display: -ms-flexbox;
1280 + flex-grow: 1;
1387 1281 display: flex;
1388 - -webkit-box-align: center;
1389 - -ms-flex-align: center;
1390 - align-items: center;
1282 + align-items: center;
1391 1283 color: var(--menu-item-color);
1392 1284 --eps-link-color: var(--menu-item-color);
1393 1285 }
1394 1286 .eps-menu-item__link:not(:last-child) {
@@ -1404,10 +1296,8 @@
1404 1296 .eps-menu-item__action-button {
1405 1297 color: var(--menu-item-action-button-color);
1406 1298 opacity: var(--action-button-opacity);
1407 1299 padding: 0.625rem;
1408 - -webkit-transition: 0.3s;
1409 - -o-transition: 0.3s;
1410 1300 transition: 0.3s;
1411 1301 -webkit-margin-end: 1.25rem;
1412 1302 margin-inline-end: 1.25rem;
1413 1303 }
@@ -1412,10 +1302,9 @@
1412 1302 margin-inline-end: 1.25rem;
1413 1303 }
1414 1304 .eps-menu-item--active {
1415 1305 --menu-item-pointer-width: 0.3125rem;
1416 - -webkit-box-shadow: 0 3px 6px var(--color-box-shadow-color);
1417 - box-shadow: 0 3px 6px var(--color-box-shadow-color);
1306 + box-shadow: 0 3px 6px var(--color-box-shadow-color);
1418 1307 }
1419 1308 .eps-menu-item--active .eps-menu-item__link .eps-icon {
1420 1309 color: #58d0f5;
1421 1310 }
@@ -1420,22 +1309,17 @@
1420 1309 color: #58d0f5;
1421 1310 }
1422 1311
1423 1312 .eps-grid-container {
1424 - display: -webkit-box;
1425 - display: -ms-flexbox;
1426 1313 display: flex;
1427 - -ms-flex-wrap: wrap;
1428 - flex-wrap: wrap;
1314 + flex-wrap: wrap;
1429 1315 width: 100%;
1430 1316 }
1431 1317 .eps-grid-container--no-wrap {
1432 - -ms-flex-wrap: nowrap;
1433 - flex-wrap: nowrap;
1318 + flex-wrap: nowrap;
1434 1319 }
1435 1320 .eps-grid-container--wrap-reverse {
1436 - -ms-flex-wrap: wrap-reverse;
1437 - flex-wrap: wrap-reverse;
1321 + flex-wrap: wrap-reverse;
1438 1322 }
1439 1323 .eps-grid-container--spacing {
1440 1324 --grid-row-gutter: calc(-1 * calc(var(--grid-spacing-gutter) * (0.625rem / 10)));
1441 1325 width: var(--grid-spacing-width);
@@ -1444,109 +1328,69 @@
1444 1328 .eps-grid-container--spacing > .eps-grid-item {
1445 1329 padding: var(--grid-spacing-gutter);
1446 1330 }
1447 1331 .eps-grid--direction-row {
1448 - -webkit-box-orient: horizontal;
1449 - -webkit-box-direction: normal;
1450 - -ms-flex-direction: row;
1451 - flex-direction: row;
1332 + flex-direction: row;
1452 1333 }
1453 1334 .eps-grid--direction-row-reverse {
1454 - -webkit-box-orient: horizontal;
1455 - -webkit-box-direction: reverse;
1456 - -ms-flex-direction: row-reverse;
1457 - flex-direction: row-reverse;
1335 + flex-direction: row-reverse;
1458 1336 }
1459 1337 .eps-grid--direction-column {
1460 - -webkit-box-orient: vertical;
1461 - -webkit-box-direction: normal;
1462 - -ms-flex-direction: column;
1463 - flex-direction: column;
1338 + flex-direction: column;
1464 1339 }
1465 1340 .eps-grid--direction-column-reverse {
1466 - -webkit-box-orient: vertical;
1467 - -webkit-box-direction: reverse;
1468 - -ms-flex-direction: column-reverse;
1469 - flex-direction: column-reverse;
1341 + flex-direction: column-reverse;
1470 1342 }
1471 1343 .eps-grid--justify-stretch {
1472 - -webkit-box-pack: stretch;
1473 - -ms-flex-pack: stretch;
1474 - justify-content: stretch;
1344 + justify-content: stretch;
1475 1345 }
1476 1346 .eps-grid--justify-start {
1477 - -webkit-box-pack: start;
1478 - -ms-flex-pack: start;
1479 - justify-content: flex-start;
1347 + justify-content: flex-start;
1480 1348 }
1481 1349 .eps-grid--justify-center {
1482 - -webkit-box-pack: center;
1483 - -ms-flex-pack: center;
1484 - justify-content: center;
1350 + justify-content: center;
1485 1351 }
1486 1352 .eps-grid--justify-end {
1487 - -webkit-box-pack: end;
1488 - -ms-flex-pack: end;
1489 - justify-content: flex-end;
1353 + justify-content: flex-end;
1490 1354 }
1491 1355 .eps-grid--justify-space-between {
1492 - -webkit-box-pack: justify;
1493 - -ms-flex-pack: justify;
1494 - justify-content: space-between;
1356 + justify-content: space-between;
1495 1357 }
1496 1358 .eps-grid--justify-space-around {
1497 - -ms-flex-pack: distribute;
1498 - justify-content: space-around;
1359 + justify-content: space-around;
1499 1360 }
1500 1361 .eps-grid--justify-space-evenly {
1501 - -webkit-box-pack: space-evenly;
1502 - -ms-flex-pack: space-evenly;
1503 - justify-content: space-evenly;
1362 + justify-content: space-evenly;
1504 1363 }
1505 1364 .eps-grid--align-content-stretch {
1506 - -ms-flex-line-pack: stretch;
1507 - align-content: stretch;
1365 + align-content: stretch;
1508 1366 }
1509 1367 .eps-grid--align-content-start {
1510 - -ms-flex-line-pack: start;
1511 - align-content: flex-start;
1368 + align-content: flex-start;
1512 1369 }
1513 1370 .eps-grid--align-content-center {
1514 - -ms-flex-line-pack: center;
1515 - align-content: center;
1371 + align-content: center;
1516 1372 }
1517 1373 .eps-grid--align-content-end {
1518 - -ms-flex-line-pack: end;
1519 - align-content: flex-end;
1374 + align-content: flex-end;
1520 1375 }
1521 1376 .eps-grid--align-content-space-between {
1522 - -ms-flex-line-pack: justify;
1523 - align-content: space-between;
1377 + align-content: space-between;
1524 1378 }
1525 1379 .eps-grid--align-items-start {
1526 - -webkit-box-align: start;
1527 - -ms-flex-align: start;
1528 - align-items: flex-start;
1380 + align-items: flex-start;
1529 1381 }
1530 1382 .eps-grid--align-items-center {
1531 - -webkit-box-align: center;
1532 - -ms-flex-align: center;
1533 - align-items: center;
1383 + align-items: center;
1534 1384 }
1535 1385 .eps-grid--align-items-end {
1536 - -webkit-box-align: end;
1537 - -ms-flex-align: end;
1538 - align-items: flex-end;
1386 + align-items: flex-end;
1539 1387 }
1540 1388 .eps-grid--align-items-baseline {
1541 - -webkit-box-align: baseline;
1542 - -ms-flex-align: baseline;
1543 - align-items: baseline;
1389 + align-items: baseline;
1544 1390 }
1545 1391 .eps-grid--align-items-stretch {
1546 - -webkit-box-align: stretch;
1547 - -ms-flex-align: stretch;
1548 - align-items: stretch;
1392 + align-items: stretch;
1549 1393 }
1550 1394
1551 1395 .eps-grid-item--zero-min-width {
1552 1396 min-width: 0;
@@ -1553,652 +1397,421 @@
1553 1397 }
1554 1398
1555 1399 @media screen and (min-width: 480px) {
1556 1400 .eps-grid-item-sm {
1557 - -webkit-box-flex: 1;
1558 - -ms-flex-positive: 1;
1559 - flex-grow: 1;
1401 + flex-grow: 1;
1560 1402 max-width: 100%;
1561 - -ms-flex-preferred-size: 0;
1562 - flex-basis: 0;
1403 + flex-basis: 0;
1563 1404 }
1564 1405 }
1565 1406 @media screen and (min-width: 768px) {
1566 1407 .eps-grid-item-md {
1567 - -webkit-box-flex: 1;
1568 - -ms-flex-positive: 1;
1569 - flex-grow: 1;
1408 + flex-grow: 1;
1570 1409 max-width: 100%;
1571 - -ms-flex-preferred-size: 0;
1572 - flex-basis: 0;
1410 + flex-basis: 0;
1573 1411 }
1574 1412 }
1575 1413 @media screen and (min-width: 1025px) {
1576 1414 .eps-grid-item-lg {
1577 - -webkit-box-flex: 1;
1578 - -ms-flex-positive: 1;
1579 - flex-grow: 1;
1415 + flex-grow: 1;
1580 1416 max-width: 100%;
1581 - -ms-flex-preferred-size: 0;
1582 - flex-basis: 0;
1417 + flex-basis: 0;
1583 1418 }
1584 1419 }
1585 1420 @media screen and (min-width: 1440px) {
1586 1421 .eps-grid-item-xl {
1587 - -webkit-box-flex: 1;
1588 - -ms-flex-positive: 1;
1589 - flex-grow: 1;
1422 + flex-grow: 1;
1590 1423 max-width: 100%;
1591 - -ms-flex-preferred-size: 0;
1592 - flex-basis: 0;
1424 + flex-basis: 0;
1593 1425 }
1594 1426 }
1595 1427 @media screen and (min-width: 1600px) {
1596 1428 .eps-grid-item-xxl {
1597 - -webkit-box-flex: 1;
1598 - -ms-flex-positive: 1;
1599 - flex-grow: 1;
1429 + flex-grow: 1;
1600 1430 max-width: 100%;
1601 - -ms-flex-preferred-size: 0;
1602 - flex-basis: 0;
1431 + flex-basis: 0;
1603 1432 }
1604 1433 }
1605 1434 .eps-grid-item-xs-1 {
1606 - -webkit-box-flex: 0;
1607 - -ms-flex-positive: 0;
1608 - flex-grow: 0;
1435 + flex-grow: 0;
1609 1436 max-width: calc( 1 / 12 * 100% );
1610 - -ms-flex-preferred-size: calc( 1 / 12 * 100% );
1611 - flex-basis: calc( 1 / 12 * 100% );
1437 + flex-basis: calc( 1 / 12 * 100% );
1612 1438 }
1613 1439
1614 1440 .eps-grid-item-xs-2 {
1615 - -webkit-box-flex: 0;
1616 - -ms-flex-positive: 0;
1617 - flex-grow: 0;
1441 + flex-grow: 0;
1618 1442 max-width: calc( 2 / 12 * 100% );
1619 - -ms-flex-preferred-size: calc( 2 / 12 * 100% );
1620 - flex-basis: calc( 2 / 12 * 100% );
1443 + flex-basis: calc( 2 / 12 * 100% );
1621 1444 }
1622 1445
1623 1446 .eps-grid-item-xs-3 {
1624 - -webkit-box-flex: 0;
1625 - -ms-flex-positive: 0;
1626 - flex-grow: 0;
1447 + flex-grow: 0;
1627 1448 max-width: calc( 3 / 12 * 100% );
1628 - -ms-flex-preferred-size: calc( 3 / 12 * 100% );
1629 - flex-basis: calc( 3 / 12 * 100% );
1449 + flex-basis: calc( 3 / 12 * 100% );
1630 1450 }
1631 1451
1632 1452 .eps-grid-item-xs-4 {
1633 - -webkit-box-flex: 0;
1634 - -ms-flex-positive: 0;
1635 - flex-grow: 0;
1453 + flex-grow: 0;
1636 1454 max-width: calc( 4 / 12 * 100% );
1637 - -ms-flex-preferred-size: calc( 4 / 12 * 100% );
1638 - flex-basis: calc( 4 / 12 * 100% );
1455 + flex-basis: calc( 4 / 12 * 100% );
1639 1456 }
1640 1457
1641 1458 .eps-grid-item-xs-5 {
1642 - -webkit-box-flex: 0;
1643 - -ms-flex-positive: 0;
1644 - flex-grow: 0;
1459 + flex-grow: 0;
1645 1460 max-width: calc( 5 / 12 * 100% );
1646 - -ms-flex-preferred-size: calc( 5 / 12 * 100% );
1647 - flex-basis: calc( 5 / 12 * 100% );
1461 + flex-basis: calc( 5 / 12 * 100% );
1648 1462 }
1649 1463
1650 1464 .eps-grid-item-xs-6 {
1651 - -webkit-box-flex: 0;
1652 - -ms-flex-positive: 0;
1653 - flex-grow: 0;
1465 + flex-grow: 0;
1654 1466 max-width: calc( 6 / 12 * 100% );
1655 - -ms-flex-preferred-size: calc( 6 / 12 * 100% );
1656 - flex-basis: calc( 6 / 12 * 100% );
1467 + flex-basis: calc( 6 / 12 * 100% );
1657 1468 }
1658 1469
1659 1470 .eps-grid-item-xs-7 {
1660 - -webkit-box-flex: 0;
1661 - -ms-flex-positive: 0;
1662 - flex-grow: 0;
1471 + flex-grow: 0;
1663 1472 max-width: calc( 7 / 12 * 100% );
1664 - -ms-flex-preferred-size: calc( 7 / 12 * 100% );
1665 - flex-basis: calc( 7 / 12 * 100% );
1473 + flex-basis: calc( 7 / 12 * 100% );
1666 1474 }
1667 1475
1668 1476 .eps-grid-item-xs-8 {
1669 - -webkit-box-flex: 0;
1670 - -ms-flex-positive: 0;
1671 - flex-grow: 0;
1477 + flex-grow: 0;
1672 1478 max-width: calc( 8 / 12 * 100% );
1673 - -ms-flex-preferred-size: calc( 8 / 12 * 100% );
1674 - flex-basis: calc( 8 / 12 * 100% );
1479 + flex-basis: calc( 8 / 12 * 100% );
1675 1480 }
1676 1481
1677 1482 .eps-grid-item-xs-9 {
1678 - -webkit-box-flex: 0;
1679 - -ms-flex-positive: 0;
1680 - flex-grow: 0;
1483 + flex-grow: 0;
1681 1484 max-width: calc( 9 / 12 * 100% );
1682 - -ms-flex-preferred-size: calc( 9 / 12 * 100% );
1683 - flex-basis: calc( 9 / 12 * 100% );
1485 + flex-basis: calc( 9 / 12 * 100% );
1684 1486 }
1685 1487
1686 1488 .eps-grid-item-xs-10 {
1687 - -webkit-box-flex: 0;
1688 - -ms-flex-positive: 0;
1689 - flex-grow: 0;
1489 + flex-grow: 0;
1690 1490 max-width: calc( 10 / 12 * 100% );
1691 - -ms-flex-preferred-size: calc( 10 / 12 * 100% );
1692 - flex-basis: calc( 10 / 12 * 100% );
1491 + flex-basis: calc( 10 / 12 * 100% );
1693 1492 }
1694 1493
1695 1494 .eps-grid-item-xs-11 {
1696 - -webkit-box-flex: 0;
1697 - -ms-flex-positive: 0;
1698 - flex-grow: 0;
1495 + flex-grow: 0;
1699 1496 max-width: calc( 11 / 12 * 100% );
1700 - -ms-flex-preferred-size: calc( 11 / 12 * 100% );
1701 - flex-basis: calc( 11 / 12 * 100% );
1497 + flex-basis: calc( 11 / 12 * 100% );
1702 1498 }
1703 1499
1704 1500 .eps-grid-item-xs-12 {
1705 - -webkit-box-flex: 0;
1706 - -ms-flex-positive: 0;
1707 - flex-grow: 0;
1501 + flex-grow: 0;
1708 1502 max-width: calc( 12 / 12 * 100% );
1709 - -ms-flex-preferred-size: calc( 12 / 12 * 100% );
1710 - flex-basis: calc( 12 / 12 * 100% );
1503 + flex-basis: calc( 12 / 12 * 100% );
1711 1504 }
1712 1505
1713 1506 @media screen and (min-width: 480px) {
1714 1507 .eps-grid-item-sm-1 {
1715 - -webkit-box-flex: 0;
1716 - -ms-flex-positive: 0;
1717 - flex-grow: 0;
1508 + flex-grow: 0;
1718 1509 max-width: calc( 1 / 12 * 100% );
1719 - -ms-flex-preferred-size: calc( 1 / 12 * 100% );
1720 - flex-basis: calc( 1 / 12 * 100% );
1510 + flex-basis: calc( 1 / 12 * 100% );
1721 1511 }
1722 1512 .eps-grid-item-sm-2 {
1723 - -webkit-box-flex: 0;
1724 - -ms-flex-positive: 0;
1725 - flex-grow: 0;
1513 + flex-grow: 0;
1726 1514 max-width: calc( 2 / 12 * 100% );
1727 - -ms-flex-preferred-size: calc( 2 / 12 * 100% );
1728 - flex-basis: calc( 2 / 12 * 100% );
1515 + flex-basis: calc( 2 / 12 * 100% );
1729 1516 }
1730 1517 .eps-grid-item-sm-3 {
1731 - -webkit-box-flex: 0;
1732 - -ms-flex-positive: 0;
1733 - flex-grow: 0;
1518 + flex-grow: 0;
1734 1519 max-width: calc( 3 / 12 * 100% );
1735 - -ms-flex-preferred-size: calc( 3 / 12 * 100% );
1736 - flex-basis: calc( 3 / 12 * 100% );
1520 + flex-basis: calc( 3 / 12 * 100% );
1737 1521 }
1738 1522 .eps-grid-item-sm-4 {
1739 - -webkit-box-flex: 0;
1740 - -ms-flex-positive: 0;
1741 - flex-grow: 0;
1523 + flex-grow: 0;
1742 1524 max-width: calc( 4 / 12 * 100% );
1743 - -ms-flex-preferred-size: calc( 4 / 12 * 100% );
1744 - flex-basis: calc( 4 / 12 * 100% );
1525 + flex-basis: calc( 4 / 12 * 100% );
1745 1526 }
1746 1527 .eps-grid-item-sm-5 {
1747 - -webkit-box-flex: 0;
1748 - -ms-flex-positive: 0;
1749 - flex-grow: 0;
1528 + flex-grow: 0;
1750 1529 max-width: calc( 5 / 12 * 100% );
1751 - -ms-flex-preferred-size: calc( 5 / 12 * 100% );
1752 - flex-basis: calc( 5 / 12 * 100% );
1530 + flex-basis: calc( 5 / 12 * 100% );
1753 1531 }
1754 1532 .eps-grid-item-sm-6 {
1755 - -webkit-box-flex: 0;
1756 - -ms-flex-positive: 0;
1757 - flex-grow: 0;
1533 + flex-grow: 0;
1758 1534 max-width: calc( 6 / 12 * 100% );
1759 - -ms-flex-preferred-size: calc( 6 / 12 * 100% );
1760 - flex-basis: calc( 6 / 12 * 100% );
1535 + flex-basis: calc( 6 / 12 * 100% );
1761 1536 }
1762 1537 .eps-grid-item-sm-7 {
1763 - -webkit-box-flex: 0;
1764 - -ms-flex-positive: 0;
1765 - flex-grow: 0;
1538 + flex-grow: 0;
1766 1539 max-width: calc( 7 / 12 * 100% );
1767 - -ms-flex-preferred-size: calc( 7 / 12 * 100% );
1768 - flex-basis: calc( 7 / 12 * 100% );
1540 + flex-basis: calc( 7 / 12 * 100% );
1769 1541 }
1770 1542 .eps-grid-item-sm-8 {
1771 - -webkit-box-flex: 0;
1772 - -ms-flex-positive: 0;
1773 - flex-grow: 0;
1543 + flex-grow: 0;
1774 1544 max-width: calc( 8 / 12 * 100% );
1775 - -ms-flex-preferred-size: calc( 8 / 12 * 100% );
1776 - flex-basis: calc( 8 / 12 * 100% );
1545 + flex-basis: calc( 8 / 12 * 100% );
1777 1546 }
1778 1547 .eps-grid-item-sm-9 {
1779 - -webkit-box-flex: 0;
1780 - -ms-flex-positive: 0;
1781 - flex-grow: 0;
1548 + flex-grow: 0;
1782 1549 max-width: calc( 9 / 12 * 100% );
1783 - -ms-flex-preferred-size: calc( 9 / 12 * 100% );
1784 - flex-basis: calc( 9 / 12 * 100% );
1550 + flex-basis: calc( 9 / 12 * 100% );
1785 1551 }
1786 1552 .eps-grid-item-sm-10 {
1787 - -webkit-box-flex: 0;
1788 - -ms-flex-positive: 0;
1789 - flex-grow: 0;
1553 + flex-grow: 0;
1790 1554 max-width: calc( 10 / 12 * 100% );
1791 - -ms-flex-preferred-size: calc( 10 / 12 * 100% );
1792 - flex-basis: calc( 10 / 12 * 100% );
1555 + flex-basis: calc( 10 / 12 * 100% );
1793 1556 }
1794 1557 .eps-grid-item-sm-11 {
1795 - -webkit-box-flex: 0;
1796 - -ms-flex-positive: 0;
1797 - flex-grow: 0;
1558 + flex-grow: 0;
1798 1559 max-width: calc( 11 / 12 * 100% );
1799 - -ms-flex-preferred-size: calc( 11 / 12 * 100% );
1800 - flex-basis: calc( 11 / 12 * 100% );
1560 + flex-basis: calc( 11 / 12 * 100% );
1801 1561 }
1802 1562 .eps-grid-item-sm-12 {
1803 - -webkit-box-flex: 0;
1804 - -ms-flex-positive: 0;
1805 - flex-grow: 0;
1563 + flex-grow: 0;
1806 1564 max-width: calc( 12 / 12 * 100% );
1807 - -ms-flex-preferred-size: calc( 12 / 12 * 100% );
1808 - flex-basis: calc( 12 / 12 * 100% );
1565 + flex-basis: calc( 12 / 12 * 100% );
1809 1566 }
1810 1567 }
1811 1568 @media screen and (min-width: 768px) {
1812 1569 .eps-grid-item-md-1 {
1813 - -webkit-box-flex: 0;
1814 - -ms-flex-positive: 0;
1815 - flex-grow: 0;
1570 + flex-grow: 0;
1816 1571 max-width: calc( 1 / 12 * 100% );
1817 - -ms-flex-preferred-size: calc( 1 / 12 * 100% );
1818 - flex-basis: calc( 1 / 12 * 100% );
1572 + flex-basis: calc( 1 / 12 * 100% );
1819 1573 }
1820 1574 .eps-grid-item-md-2 {
1821 - -webkit-box-flex: 0;
1822 - -ms-flex-positive: 0;
1823 - flex-grow: 0;
1575 + flex-grow: 0;
1824 1576 max-width: calc( 2 / 12 * 100% );
1825 - -ms-flex-preferred-size: calc( 2 / 12 * 100% );
1826 - flex-basis: calc( 2 / 12 * 100% );
1577 + flex-basis: calc( 2 / 12 * 100% );
1827 1578 }
1828 1579 .eps-grid-item-md-3 {
1829 - -webkit-box-flex: 0;
1830 - -ms-flex-positive: 0;
1831 - flex-grow: 0;
1580 + flex-grow: 0;
1832 1581 max-width: calc( 3 / 12 * 100% );
1833 - -ms-flex-preferred-size: calc( 3 / 12 * 100% );
1834 - flex-basis: calc( 3 / 12 * 100% );
1582 + flex-basis: calc( 3 / 12 * 100% );
1835 1583 }
1836 1584 .eps-grid-item-md-4 {
1837 - -webkit-box-flex: 0;
1838 - -ms-flex-positive: 0;
1839 - flex-grow: 0;
1585 + flex-grow: 0;
1840 1586 max-width: calc( 4 / 12 * 100% );
1841 - -ms-flex-preferred-size: calc( 4 / 12 * 100% );
1842 - flex-basis: calc( 4 / 12 * 100% );
1587 + flex-basis: calc( 4 / 12 * 100% );
1843 1588 }
1844 1589 .eps-grid-item-md-5 {
1845 - -webkit-box-flex: 0;
1846 - -ms-flex-positive: 0;
1847 - flex-grow: 0;
1590 + flex-grow: 0;
1848 1591 max-width: calc( 5 / 12 * 100% );
1849 - -ms-flex-preferred-size: calc( 5 / 12 * 100% );
1850 - flex-basis: calc( 5 / 12 * 100% );
1592 + flex-basis: calc( 5 / 12 * 100% );
1851 1593 }
1852 1594 .eps-grid-item-md-6 {
1853 - -webkit-box-flex: 0;
1854 - -ms-flex-positive: 0;
1855 - flex-grow: 0;
1595 + flex-grow: 0;
1856 1596 max-width: calc( 6 / 12 * 100% );
1857 - -ms-flex-preferred-size: calc( 6 / 12 * 100% );
1858 - flex-basis: calc( 6 / 12 * 100% );
1597 + flex-basis: calc( 6 / 12 * 100% );
1859 1598 }
1860 1599 .eps-grid-item-md-7 {
1861 - -webkit-box-flex: 0;
1862 - -ms-flex-positive: 0;
1863 - flex-grow: 0;
1600 + flex-grow: 0;
1864 1601 max-width: calc( 7 / 12 * 100% );
1865 - -ms-flex-preferred-size: calc( 7 / 12 * 100% );
1866 - flex-basis: calc( 7 / 12 * 100% );
1602 + flex-basis: calc( 7 / 12 * 100% );
1867 1603 }
1868 1604 .eps-grid-item-md-8 {
1869 - -webkit-box-flex: 0;
1870 - -ms-flex-positive: 0;
1871 - flex-grow: 0;
1605 + flex-grow: 0;
1872 1606 max-width: calc( 8 / 12 * 100% );
1873 - -ms-flex-preferred-size: calc( 8 / 12 * 100% );
1874 - flex-basis: calc( 8 / 12 * 100% );
1607 + flex-basis: calc( 8 / 12 * 100% );
1875 1608 }
1876 1609 .eps-grid-item-md-9 {
1877 - -webkit-box-flex: 0;
1878 - -ms-flex-positive: 0;
1879 - flex-grow: 0;
1610 + flex-grow: 0;
1880 1611 max-width: calc( 9 / 12 * 100% );
1881 - -ms-flex-preferred-size: calc( 9 / 12 * 100% );
1882 - flex-basis: calc( 9 / 12 * 100% );
1612 + flex-basis: calc( 9 / 12 * 100% );
1883 1613 }
1884 1614 .eps-grid-item-md-10 {
1885 - -webkit-box-flex: 0;
1886 - -ms-flex-positive: 0;
1887 - flex-grow: 0;
1615 + flex-grow: 0;
1888 1616 max-width: calc( 10 / 12 * 100% );
1889 - -ms-flex-preferred-size: calc( 10 / 12 * 100% );
1890 - flex-basis: calc( 10 / 12 * 100% );
1617 + flex-basis: calc( 10 / 12 * 100% );
1891 1618 }
1892 1619 .eps-grid-item-md-11 {
1893 - -webkit-box-flex: 0;
1894 - -ms-flex-positive: 0;
1895 - flex-grow: 0;
1620 + flex-grow: 0;
1896 1621 max-width: calc( 11 / 12 * 100% );
1897 - -ms-flex-preferred-size: calc( 11 / 12 * 100% );
1898 - flex-basis: calc( 11 / 12 * 100% );
1622 + flex-basis: calc( 11 / 12 * 100% );
1899 1623 }
1900 1624 .eps-grid-item-md-12 {
1901 - -webkit-box-flex: 0;
1902 - -ms-flex-positive: 0;
1903 - flex-grow: 0;
1625 + flex-grow: 0;
1904 1626 max-width: calc( 12 / 12 * 100% );
1905 - -ms-flex-preferred-size: calc( 12 / 12 * 100% );
1906 - flex-basis: calc( 12 / 12 * 100% );
1627 + flex-basis: calc( 12 / 12 * 100% );
1907 1628 }
1908 1629 }
1909 1630 @media screen and (min-width: 1025px) {
1910 1631 .eps-grid-item-lg-1 {
1911 - -webkit-box-flex: 0;
1912 - -ms-flex-positive: 0;
1913 - flex-grow: 0;
1632 + flex-grow: 0;
1914 1633 max-width: calc( 1 / 12 * 100% );
1915 - -ms-flex-preferred-size: calc( 1 / 12 * 100% );
1916 - flex-basis: calc( 1 / 12 * 100% );
1634 + flex-basis: calc( 1 / 12 * 100% );
1917 1635 }
1918 1636 .eps-grid-item-lg-2 {
1919 - -webkit-box-flex: 0;
1920 - -ms-flex-positive: 0;
1921 - flex-grow: 0;
1637 + flex-grow: 0;
1922 1638 max-width: calc( 2 / 12 * 100% );
1923 - -ms-flex-preferred-size: calc( 2 / 12 * 100% );
1924 - flex-basis: calc( 2 / 12 * 100% );
1639 + flex-basis: calc( 2 / 12 * 100% );
1925 1640 }
1926 1641 .eps-grid-item-lg-3 {
1927 - -webkit-box-flex: 0;
1928 - -ms-flex-positive: 0;
1929 - flex-grow: 0;
1642 + flex-grow: 0;
1930 1643 max-width: calc( 3 / 12 * 100% );
1931 - -ms-flex-preferred-size: calc( 3 / 12 * 100% );
1932 - flex-basis: calc( 3 / 12 * 100% );
1644 + flex-basis: calc( 3 / 12 * 100% );
1933 1645 }
1934 1646 .eps-grid-item-lg-4 {
1935 - -webkit-box-flex: 0;
1936 - -ms-flex-positive: 0;
1937 - flex-grow: 0;
1647 + flex-grow: 0;
1938 1648 max-width: calc( 4 / 12 * 100% );
1939 - -ms-flex-preferred-size: calc( 4 / 12 * 100% );
1940 - flex-basis: calc( 4 / 12 * 100% );
1649 + flex-basis: calc( 4 / 12 * 100% );
1941 1650 }
1942 1651 .eps-grid-item-lg-5 {
1943 - -webkit-box-flex: 0;
1944 - -ms-flex-positive: 0;
1945 - flex-grow: 0;
1652 + flex-grow: 0;
1946 1653 max-width: calc( 5 / 12 * 100% );
1947 - -ms-flex-preferred-size: calc( 5 / 12 * 100% );
1948 - flex-basis: calc( 5 / 12 * 100% );
1654 + flex-basis: calc( 5 / 12 * 100% );
1949 1655 }
1950 1656 .eps-grid-item-lg-6 {
1951 - -webkit-box-flex: 0;
1952 - -ms-flex-positive: 0;
1953 - flex-grow: 0;
1657 + flex-grow: 0;
1954 1658 max-width: calc( 6 / 12 * 100% );
1955 - -ms-flex-preferred-size: calc( 6 / 12 * 100% );
1956 - flex-basis: calc( 6 / 12 * 100% );
1659 + flex-basis: calc( 6 / 12 * 100% );
1957 1660 }
1958 1661 .eps-grid-item-lg-7 {
1959 - -webkit-box-flex: 0;
1960 - -ms-flex-positive: 0;
1961 - flex-grow: 0;
1662 + flex-grow: 0;
1962 1663 max-width: calc( 7 / 12 * 100% );
1963 - -ms-flex-preferred-size: calc( 7 / 12 * 100% );
1964 - flex-basis: calc( 7 / 12 * 100% );
1664 + flex-basis: calc( 7 / 12 * 100% );
1965 1665 }
1966 1666 .eps-grid-item-lg-8 {
1967 - -webkit-box-flex: 0;
1968 - -ms-flex-positive: 0;
1969 - flex-grow: 0;
1667 + flex-grow: 0;
1970 1668 max-width: calc( 8 / 12 * 100% );
1971 - -ms-flex-preferred-size: calc( 8 / 12 * 100% );
1972 - flex-basis: calc( 8 / 12 * 100% );
1669 + flex-basis: calc( 8 / 12 * 100% );
1973 1670 }
1974 1671 .eps-grid-item-lg-9 {
1975 - -webkit-box-flex: 0;
1976 - -ms-flex-positive: 0;
1977 - flex-grow: 0;
1672 + flex-grow: 0;
1978 1673 max-width: calc( 9 / 12 * 100% );
1979 - -ms-flex-preferred-size: calc( 9 / 12 * 100% );
1980 - flex-basis: calc( 9 / 12 * 100% );
1674 + flex-basis: calc( 9 / 12 * 100% );
1981 1675 }
1982 1676 .eps-grid-item-lg-10 {
1983 - -webkit-box-flex: 0;
1984 - -ms-flex-positive: 0;
1985 - flex-grow: 0;
1677 + flex-grow: 0;
1986 1678 max-width: calc( 10 / 12 * 100% );
1987 - -ms-flex-preferred-size: calc( 10 / 12 * 100% );
1988 - flex-basis: calc( 10 / 12 * 100% );
1679 + flex-basis: calc( 10 / 12 * 100% );
1989 1680 }
1990 1681 .eps-grid-item-lg-11 {
1991 - -webkit-box-flex: 0;
1992 - -ms-flex-positive: 0;
1993 - flex-grow: 0;
1682 + flex-grow: 0;
1994 1683 max-width: calc( 11 / 12 * 100% );
1995 - -ms-flex-preferred-size: calc( 11 / 12 * 100% );
1996 - flex-basis: calc( 11 / 12 * 100% );
1684 + flex-basis: calc( 11 / 12 * 100% );
1997 1685 }
1998 1686 .eps-grid-item-lg-12 {
1999 - -webkit-box-flex: 0;
2000 - -ms-flex-positive: 0;
2001 - flex-grow: 0;
1687 + flex-grow: 0;
2002 1688 max-width: calc( 12 / 12 * 100% );
2003 - -ms-flex-preferred-size: calc( 12 / 12 * 100% );
2004 - flex-basis: calc( 12 / 12 * 100% );
1689 + flex-basis: calc( 12 / 12 * 100% );
2005 1690 }
2006 1691 }
2007 1692 @media screen and (min-width: 1440px) {
2008 1693 .eps-grid-item-xl-1 {
2009 - -webkit-box-flex: 0;
2010 - -ms-flex-positive: 0;
2011 - flex-grow: 0;
1694 + flex-grow: 0;
2012 1695 max-width: calc( 1 / 12 * 100% );
2013 - -ms-flex-preferred-size: calc( 1 / 12 * 100% );
2014 - flex-basis: calc( 1 / 12 * 100% );
1696 + flex-basis: calc( 1 / 12 * 100% );
2015 1697 }
2016 1698 .eps-grid-item-xl-2 {
2017 - -webkit-box-flex: 0;
2018 - -ms-flex-positive: 0;
2019 - flex-grow: 0;
1699 + flex-grow: 0;
2020 1700 max-width: calc( 2 / 12 * 100% );
2021 - -ms-flex-preferred-size: calc( 2 / 12 * 100% );
2022 - flex-basis: calc( 2 / 12 * 100% );
1701 + flex-basis: calc( 2 / 12 * 100% );
2023 1702 }
2024 1703 .eps-grid-item-xl-3 {
2025 - -webkit-box-flex: 0;
2026 - -ms-flex-positive: 0;
2027 - flex-grow: 0;
1704 + flex-grow: 0;
2028 1705 max-width: calc( 3 / 12 * 100% );
2029 - -ms-flex-preferred-size: calc( 3 / 12 * 100% );
2030 - flex-basis: calc( 3 / 12 * 100% );
1706 + flex-basis: calc( 3 / 12 * 100% );
2031 1707 }
2032 1708 .eps-grid-item-xl-4 {
2033 - -webkit-box-flex: 0;
2034 - -ms-flex-positive: 0;
2035 - flex-grow: 0;
1709 + flex-grow: 0;
2036 1710 max-width: calc( 4 / 12 * 100% );
2037 - -ms-flex-preferred-size: calc( 4 / 12 * 100% );
2038 - flex-basis: calc( 4 / 12 * 100% );
1711 + flex-basis: calc( 4 / 12 * 100% );
2039 1712 }
2040 1713 .eps-grid-item-xl-5 {
2041 - -webkit-box-flex: 0;
2042 - -ms-flex-positive: 0;
2043 - flex-grow: 0;
1714 + flex-grow: 0;
2044 1715 max-width: calc( 5 / 12 * 100% );
2045 - -ms-flex-preferred-size: calc( 5 / 12 * 100% );
2046 - flex-basis: calc( 5 / 12 * 100% );
1716 + flex-basis: calc( 5 / 12 * 100% );
2047 1717 }
2048 1718 .eps-grid-item-xl-6 {
2049 - -webkit-box-flex: 0;
2050 - -ms-flex-positive: 0;
2051 - flex-grow: 0;
1719 + flex-grow: 0;
2052 1720 max-width: calc( 6 / 12 * 100% );
2053 - -ms-flex-preferred-size: calc( 6 / 12 * 100% );
2054 - flex-basis: calc( 6 / 12 * 100% );
1721 + flex-basis: calc( 6 / 12 * 100% );
2055 1722 }
2056 1723 .eps-grid-item-xl-7 {
2057 - -webkit-box-flex: 0;
2058 - -ms-flex-positive: 0;
2059 - flex-grow: 0;
1724 + flex-grow: 0;
2060 1725 max-width: calc( 7 / 12 * 100% );
2061 - -ms-flex-preferred-size: calc( 7 / 12 * 100% );
2062 - flex-basis: calc( 7 / 12 * 100% );
1726 + flex-basis: calc( 7 / 12 * 100% );
2063 1727 }
2064 1728 .eps-grid-item-xl-8 {
2065 - -webkit-box-flex: 0;
2066 - -ms-flex-positive: 0;
2067 - flex-grow: 0;
1729 + flex-grow: 0;
2068 1730 max-width: calc( 8 / 12 * 100% );
2069 - -ms-flex-preferred-size: calc( 8 / 12 * 100% );
2070 - flex-basis: calc( 8 / 12 * 100% );
1731 + flex-basis: calc( 8 / 12 * 100% );
2071 1732 }
2072 1733 .eps-grid-item-xl-9 {
2073 - -webkit-box-flex: 0;
2074 - -ms-flex-positive: 0;
2075 - flex-grow: 0;
1734 + flex-grow: 0;
2076 1735 max-width: calc( 9 / 12 * 100% );
2077 - -ms-flex-preferred-size: calc( 9 / 12 * 100% );
2078 - flex-basis: calc( 9 / 12 * 100% );
1736 + flex-basis: calc( 9 / 12 * 100% );
2079 1737 }
2080 1738 .eps-grid-item-xl-10 {
2081 - -webkit-box-flex: 0;
2082 - -ms-flex-positive: 0;
2083 - flex-grow: 0;
1739 + flex-grow: 0;
2084 1740 max-width: calc( 10 / 12 * 100% );
2085 - -ms-flex-preferred-size: calc( 10 / 12 * 100% );
2086 - flex-basis: calc( 10 / 12 * 100% );
1741 + flex-basis: calc( 10 / 12 * 100% );
2087 1742 }
2088 1743 .eps-grid-item-xl-11 {
2089 - -webkit-box-flex: 0;
2090 - -ms-flex-positive: 0;
2091 - flex-grow: 0;
1744 + flex-grow: 0;
2092 1745 max-width: calc( 11 / 12 * 100% );
2093 - -ms-flex-preferred-size: calc( 11 / 12 * 100% );
2094 - flex-basis: calc( 11 / 12 * 100% );
1746 + flex-basis: calc( 11 / 12 * 100% );
2095 1747 }
2096 1748 .eps-grid-item-xl-12 {
2097 - -webkit-box-flex: 0;
2098 - -ms-flex-positive: 0;
2099 - flex-grow: 0;
1749 + flex-grow: 0;
2100 1750 max-width: calc( 12 / 12 * 100% );
2101 - -ms-flex-preferred-size: calc( 12 / 12 * 100% );
2102 - flex-basis: calc( 12 / 12 * 100% );
1751 + flex-basis: calc( 12 / 12 * 100% );
2103 1752 }
2104 1753 }
2105 1754 @media screen and (min-width: 1600px) {
2106 1755 .eps-grid-item-xxl-1 {
2107 - -webkit-box-flex: 0;
2108 - -ms-flex-positive: 0;
2109 - flex-grow: 0;
1756 + flex-grow: 0;
2110 1757 max-width: calc( 1 / 12 * 100% );
2111 - -ms-flex-preferred-size: calc( 1 / 12 * 100% );
2112 - flex-basis: calc( 1 / 12 * 100% );
1758 + flex-basis: calc( 1 / 12 * 100% );
2113 1759 }
2114 1760 .eps-grid-item-xxl-2 {
2115 - -webkit-box-flex: 0;
2116 - -ms-flex-positive: 0;
2117 - flex-grow: 0;
1761 + flex-grow: 0;
2118 1762 max-width: calc( 2 / 12 * 100% );
2119 - -ms-flex-preferred-size: calc( 2 / 12 * 100% );
2120 - flex-basis: calc( 2 / 12 * 100% );
1763 + flex-basis: calc( 2 / 12 * 100% );
2121 1764 }
2122 1765 .eps-grid-item-xxl-3 {
2123 - -webkit-box-flex: 0;
2124 - -ms-flex-positive: 0;
2125 - flex-grow: 0;
1766 + flex-grow: 0;
2126 1767 max-width: calc( 3 / 12 * 100% );
2127 - -ms-flex-preferred-size: calc( 3 / 12 * 100% );
2128 - flex-basis: calc( 3 / 12 * 100% );
1768 + flex-basis: calc( 3 / 12 * 100% );
2129 1769 }
2130 1770 .eps-grid-item-xxl-4 {
2131 - -webkit-box-flex: 0;
2132 - -ms-flex-positive: 0;
2133 - flex-grow: 0;
1771 + flex-grow: 0;
2134 1772 max-width: calc( 4 / 12 * 100% );
2135 - -ms-flex-preferred-size: calc( 4 / 12 * 100% );
2136 - flex-basis: calc( 4 / 12 * 100% );
1773 + flex-basis: calc( 4 / 12 * 100% );
2137 1774 }
2138 1775 .eps-grid-item-xxl-5 {
2139 - -webkit-box-flex: 0;
2140 - -ms-flex-positive: 0;
2141 - flex-grow: 0;
1776 + flex-grow: 0;
2142 1777 max-width: calc( 5 / 12 * 100% );
2143 - -ms-flex-preferred-size: calc( 5 / 12 * 100% );
2144 - flex-basis: calc( 5 / 12 * 100% );
1778 + flex-basis: calc( 5 / 12 * 100% );
2145 1779 }
2146 1780 .eps-grid-item-xxl-6 {
2147 - -webkit-box-flex: 0;
2148 - -ms-flex-positive: 0;
2149 - flex-grow: 0;
1781 + flex-grow: 0;
2150 1782 max-width: calc( 6 / 12 * 100% );
2151 - -ms-flex-preferred-size: calc( 6 / 12 * 100% );
2152 - flex-basis: calc( 6 / 12 * 100% );
1783 + flex-basis: calc( 6 / 12 * 100% );
2153 1784 }
2154 1785 .eps-grid-item-xxl-7 {
2155 - -webkit-box-flex: 0;
2156 - -ms-flex-positive: 0;
2157 - flex-grow: 0;
1786 + flex-grow: 0;
2158 1787 max-width: calc( 7 / 12 * 100% );
2159 - -ms-flex-preferred-size: calc( 7 / 12 * 100% );
2160 - flex-basis: calc( 7 / 12 * 100% );
1788 + flex-basis: calc( 7 / 12 * 100% );
2161 1789 }
2162 1790 .eps-grid-item-xxl-8 {
2163 - -webkit-box-flex: 0;
2164 - -ms-flex-positive: 0;
2165 - flex-grow: 0;
1791 + flex-grow: 0;
2166 1792 max-width: calc( 8 / 12 * 100% );
2167 - -ms-flex-preferred-size: calc( 8 / 12 * 100% );
2168 - flex-basis: calc( 8 / 12 * 100% );
1793 + flex-basis: calc( 8 / 12 * 100% );
2169 1794 }
2170 1795 .eps-grid-item-xxl-9 {
2171 - -webkit-box-flex: 0;
2172 - -ms-flex-positive: 0;
2173 - flex-grow: 0;
1796 + flex-grow: 0;
2174 1797 max-width: calc( 9 / 12 * 100% );
2175 - -ms-flex-preferred-size: calc( 9 / 12 * 100% );
2176 - flex-basis: calc( 9 / 12 * 100% );
1798 + flex-basis: calc( 9 / 12 * 100% );
2177 1799 }
2178 1800 .eps-grid-item-xxl-10 {
2179 - -webkit-box-flex: 0;
2180 - -ms-flex-positive: 0;
2181 - flex-grow: 0;
1801 + flex-grow: 0;
2182 1802 max-width: calc( 10 / 12 * 100% );
2183 - -ms-flex-preferred-size: calc( 10 / 12 * 100% );
2184 - flex-basis: calc( 10 / 12 * 100% );
1803 + flex-basis: calc( 10 / 12 * 100% );
2185 1804 }
2186 1805 .eps-grid-item-xxl-11 {
2187 - -webkit-box-flex: 0;
2188 - -ms-flex-positive: 0;
2189 - flex-grow: 0;
1806 + flex-grow: 0;
2190 1807 max-width: calc( 11 / 12 * 100% );
2191 - -ms-flex-preferred-size: calc( 11 / 12 * 100% );
2192 - flex-basis: calc( 11 / 12 * 100% );
1808 + flex-basis: calc( 11 / 12 * 100% );
2193 1809 }
2194 1810 .eps-grid-item-xxl-12 {
2195 - -webkit-box-flex: 0;
2196 - -ms-flex-positive: 0;
2197 - flex-grow: 0;
1811 + flex-grow: 0;
2198 1812 max-width: calc( 12 / 12 * 100% );
2199 - -ms-flex-preferred-size: calc( 12 / 12 * 100% );
2200 - flex-basis: calc( 12 / 12 * 100% );
1813 + flex-basis: calc( 12 / 12 * 100% );
2201 1814 }
2202 1815 }
2203 1816 :root {
2204 1817 --menu-title-color: #6d7882;
@@ -2213,10 +1826,8 @@
2213 1826 padding: 0;
2214 1827 margin: 0;
2215 1828 }
2216 1829 .eps-menu ul li {
2217 - display: -webkit-box;
2218 - display: -ms-flexbox;
2219 1830 display: flex;
2220 1831 }
2221 1832 .eps-menu__title {
2222 1833 padding: 0.5rem 1.875rem;
@@ -2243,27 +1854,20 @@
2243 1854 .eps-modal {
2244 1855 max-width: 43.75rem;
2245 1856 background: var(--eps-modal-background-color);
2246 1857 border-radius: 0.1875rem;
2247 - -webkit-animation: eps-animation-pop 0.15s cubic-bezier(0.57, 0.53, 0.71, 1.47) forwards;
2248 - animation: eps-animation-pop 0.15s cubic-bezier(0.57, 0.53, 0.71, 1.47) forwards;
1858 + animation: eps-animation-pop 0.15s cubic-bezier(0.57, 0.53, 0.71, 1.47) forwards;
2249 1859 }
2250 1860 .eps-modal__overlay {
2251 1861 background: rgba(0, 0, 0, 0.5);
2252 1862 position: fixed;
2253 - display: -webkit-box;
2254 - display: -ms-flexbox;
2255 1863 display: flex;
2256 1864 top: 0;
2257 1865 left: 0;
2258 1866 width: 100%;
2259 1867 height: 100%;
2260 - -webkit-box-align: center;
2261 - -ms-flex-align: center;
2262 - align-items: center;
2263 - -webkit-box-pack: center;
2264 - -ms-flex-pack: center;
2265 - justify-content: center;
1868 + align-items: center;
1869 + justify-content: center;
2266 1870 z-index: 1030;
2267 1871 }
2268 1872 .eps-modal__header {
2269 1873 font-size: 0.875rem;
@@ -2304,10 +1908,8 @@
2304 1908 border-inline-start: solid 1px #fff;
2305 1909 }
2306 1910
2307 1911 .eps-add-new-button {
2308 - display: -webkit-inline-box;
2309 - display: -ms-inline-flexbox;
2310 1912 display: inline-flex;
2311 1913 --eps-add-new-button-size: 1.5rem;
2312 1914 line-height: var(--eps-add-new-button-size);
2313 1915 cursor: pointer;
@@ -2431,10 +2033,9 @@
2431 2033 .eps-notice {
2432 2034 --eps-box-notice-color: #a4afb7;
2433 2035 --eps-box-notice-background-color: #fcfcfc;
2434 2036 padding: 0.625rem 1rem;
2435 - -webkit-box-shadow: 0 2px 3px 1px var(--color-box-shadow-color);
2436 - box-shadow: 0 2px 3px 1px var(--color-box-shadow-color);
2037 + box-shadow: 0 2px 3px 1px var(--color-box-shadow-color);
2437 2038 background-color: var(--eps-box-notice-background-color);
2438 2039 }
2439 2040 .eps-notice-semantic {
2440 2041 -webkit-border-start: 3px solid var(--eps-notice-semantic-color);
@@ -2461,10 +2062,9 @@
2461 2062 color: var(--eps-box-notice-color);
2462 2063 font-style: italic;
2463 2064 }
2464 2065 .eps-notice__button-container {
2465 - -ms-flex-negative: 0;
2466 - flex-shrink: 0;
2066 + flex-shrink: 0;
2467 2067 margin-left: 1.25rem;
2468 2068 width: auto;
2469 2069 }
2470 2070
@@ -2520,26 +2120,18 @@
2520 2120
2521 2121 .eps-popover {
2522 2122 padding: 10px 0;
2523 2123 background-color: var(--popover-background-color);
2524 - -webkit-box-shadow: var(--popover-box-shadow-size) var(--popover-box-shadow-color);
2525 - box-shadow: var(--popover-box-shadow-size) var(--popover-box-shadow-color);
2124 + box-shadow: var(--popover-box-shadow-size) var(--popover-box-shadow-color);
2526 2125 list-style: none;
2527 - display: -webkit-box;
2528 - display: -ms-flexbox;
2529 2126 display: flex;
2530 - -webkit-box-orient: vertical;
2531 - -webkit-box-direction: normal;
2532 - -ms-flex-direction: column;
2533 - flex-direction: column;
2127 + flex-direction: column;
2534 2128 min-width: 120px;
2535 2129 border-radius: 0.1875rem;
2536 2130 position: absolute;
2537 2131 z-index: 1050;
2538 2132 margin-top: 9px;
2539 - -webkit-transform: translateX(-50%);
2540 - -ms-transform: translateX(-50%);
2541 - transform: translateX(-50%);
2133 + transform: translateX(-50%);
2542 2134 left: 0.25rem;
2543 2135 }
2544 2136 .eps-popover__background {
2545 2137 position: fixed;
@@ -2560,11 +2152,9 @@
2560 2152 height: 9px;
2561 2153 margin: 0 0.1875rem 9px;
2562 2154 top: -9px;
2563 2155 left: 50%;
2564 - -webkit-transform: translateX(-50%);
2565 - -ms-transform: translateX(-50%);
2566 - transform: translateX(-50%);
2156 + transform: translateX(-50%);
2567 2157 border-color: transparent;
2568 2158 border-style: solid;
2569 2159 border-width: 0 calc(16px / 2) 9px calc(16px / 2);
2570 2160 border-bottom-color: var(--popover-arrow-color);
@@ -2576,11 +2166,9 @@
2576 2166 font-size: 0.6875rem;
2577 2167 font-weight: 500;
2578 2168 line-height: 0.8125rem;
2579 2169 width: 100%;
2580 - -webkit-box-align: center;
2581 - -ms-flex-align: center;
2582 - align-items: center;
2170 + align-items: center;
2583 2171 cursor: pointer;
2584 2172 }
2585 2173 .eps-popover__item:hover {
2586 2174 color: var(--popover-item-hover-color);
@@ -2644,22 +2232,18 @@
2644 2232 }
2645 2233
2646 2234 .eps-checkbox {
2647 2235 -webkit-appearance: none;
2236 + -moz-appearance: none;
2237 + appearance: none;
2648 2238 border-radius: 0.1875rem;
2649 2239 width: 15px;
2650 2240 height: 15px;
2651 2241 outline: 0;
2652 2242 background-color: var(--checkbox-background-color);
2653 - display: -webkit-inline-box;
2654 - display: -ms-inline-flexbox;
2655 2243 display: inline-flex;
2656 - -webkit-box-pack: center;
2657 - -ms-flex-pack: center;
2658 - justify-content: center;
2659 - -webkit-box-align: center;
2660 - -ms-flex-align: center;
2661 - align-items: center;
2244 + justify-content: center;
2245 + align-items: center;
2662 2246 border: 1px solid var(--checkbox-border-color);
2663 2247 }
2664 2248 .eps-checkbox::after {
2665 2249 display: inline-block;
@@ -2666,11 +2250,9 @@
2666 2250 margin-bottom: calc(0.25 / 2 * 100%);
2667 2251 content: " ";
2668 2252 width: 3px;
2669 2253 height: 6px;
2670 - -webkit-transform: rotate(45deg);
2671 - -ms-transform: rotate(45deg);
2672 - transform: rotate(45deg);
2254 + transform: rotate(45deg);
2673 2255 }
2674 2256 .eps-checkbox:hover {
2675 2257 --checkbox-border-color: var(--checkbox-hover-border-color);
2676 2258 }
@@ -2709,11 +2291,9 @@
2709 2291 margin-bottom: 0;
2710 2292 content: " ";
2711 2293 width: 7px;
2712 2294 height: 0;
2713 - -webkit-transform: rotate(0deg);
2714 - -ms-transform: rotate(0deg);
2715 - transform: rotate(0deg);
2295 + transform: rotate(0deg);
2716 2296 border-top: 1px solid #fff;
2717 2297 }
2718 2298 .eps-checkbox--error::before, .eps-checkbox--error::after, .eps-checkbox--error:checked::before, .eps-checkbox--error:checked::after {
2719 2299 display: inline-block;
@@ -2725,16 +2305,12 @@
2725 2305 border-width: 1px 0 0 0;
2726 2306 position: absolute;
2727 2307 }
2728 2308 .eps-checkbox--error::before, .eps-checkbox--error:checked::before {
2729 - -webkit-transform: rotate(45deg);
2730 - -ms-transform: rotate(45deg);
2731 - transform: rotate(45deg);
2309 + transform: rotate(45deg);
2732 2310 }
2733 2311 .eps-checkbox--error::after, .eps-checkbox--error:checked::after {
2734 - -webkit-transform: rotate(-45deg);
2735 - -ms-transform: rotate(-45deg);
2736 - transform: rotate(-45deg);
2312 + transform: rotate(-45deg);
2737 2313 }
2738 2314 .eps-checkbox--error, .eps-checkbox--error:hover, .eps-checkbox--error:checked, .eps-checkbox--error:checked:hover {
2739 2315 --checkbox-background-color: var(--checkbox-error-background-color);
2740 2316 --checkbox-border-color: var(--checkbox-error-background-color);
@@ -2783,22 +2359,16 @@
2783 2359 .eps-dialog__title, .eps-dialog__text {
2784 2360 text-align: center;
2785 2361 }
2786 2362 .eps-dialog__buttons {
2787 - display: -webkit-box;
2788 - display: -ms-flexbox;
2789 2363 display: flex;
2790 2364 }
2791 2365 .eps-dialog__button {
2792 - -webkit-box-flex: 1;
2793 - -ms-flex: 1;
2794 - flex: 1;
2366 + flex: 1;
2795 2367 border-top: 1px solid var(--hr-color);
2796 2368 line-height: 2.75rem;
2797 2369 text-align: center;
2798 - -webkit-box-pack: center;
2799 - -ms-flex-pack: center;
2800 - justify-content: center;
2370 + justify-content: center;
2801 2371 }
2802 2372 .eps-dialog__button:last-child:not(:first-child) {
2803 2373 -webkit-border-start: 1px solid var(--hr-color);
2804 2374 border-inline-start: 1px solid var(--hr-color);
@@ -2806,13 +2376,11 @@
2806 2376
2807 2377 .e-app__popover {
2808 2378 display: none;
2809 2379 position: absolute;
2810 - -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3);
2811 - box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3);
2380 + box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3);
2812 2381 border-radius: 6px;
2813 2382 padding: 20px;
2814 - width: -webkit-fit-content;
2815 2383 width: -moz-fit-content;
2816 2384 width: fit-content;
2817 2385 z-index: 999;
2818 2386 background-color: #ffffff;
@@ -2885,17 +2453,8 @@
2885 2453 }
2886 2454 .eps-text-field--outlined:focus {
2887 2455 border-color: var(--eps-text-field-outlined-focus-border-color);
2888 2456 }
2889 -.eps-text-field::-webkit-input-placeholder {
2890 - color: var(--eps-text-field-placeholder-color);
2891 - font-family: Roboto, Arial, Helvetica, Verdana, sans-serif;
2892 - font-size: 0.875rem;
2893 - font-weight: 400;
2894 - line-height: 1.5;
2895 - -webkit-font-smoothing: antialiased;
2896 - -moz-osx-font-smoothing: grayscale;
2897 -}
2898 2457 .eps-text-field::-moz-placeholder {
2899 2458 color: var(--eps-text-field-placeholder-color);
2900 2459 font-family: Roboto, Arial, Helvetica, Verdana, sans-serif;
2901 2460 font-size: 0.875rem;
@@ -2903,17 +2462,8 @@
2903 2462 line-height: 1.5;
2904 2463 -webkit-font-smoothing: antialiased;
2905 2464 -moz-osx-font-smoothing: grayscale;
2906 2465 }
2907 -.eps-text-field::-ms-input-placeholder {
2908 - color: var(--eps-text-field-placeholder-color);
2909 - font-family: Roboto, Arial, Helvetica, Verdana, sans-serif;
2910 - font-size: 0.875rem;
2911 - font-weight: 400;
2912 - line-height: 1.5;
2913 - -webkit-font-smoothing: antialiased;
2914 - -moz-osx-font-smoothing: grayscale;
2915 -}
2916 2466 .eps-text-field::placeholder {
2917 2467 color: var(--eps-text-field-placeholder-color);
2918 2468 font-family: Roboto, Arial, Helvetica, Verdana, sans-serif;
2919 2469 font-size: 0.875rem;
@@ -2931,19 +2481,14 @@
2931 2481 --eps-text-field-outlined-focus-border-color: #7d7e82;
2932 2482 }
2933 2483
2934 2484 .e-app-import-export-content-layout {
2935 - display: -webkit-box;
2936 - display: -ms-flexbox;
2937 2485 display: flex;
2938 - -webkit-box-pack: center;
2939 - -ms-flex-pack: center;
2940 - justify-content: center;
2486 + justify-content: center;
2941 2487 height: 100%;
2942 2488 }
2943 2489 .e-app-import-export-content-layout__container {
2944 - -ms-flex-preferred-size: 1075px;
2945 - flex-basis: 1075px;
2490 + flex-basis: 1075px;
2946 2491 }
2947 2492
2948 2493 .e-app-export-complete__kit-content-title {
2949 2494 margin: 2.75rem 0 0.625rem;
@@ -2953,10 +2498,9 @@
2953 2498 --e-app-export-kit-content-title-color: #556068;
2954 2499 --e-app-export-kit-content-description-color: #6d7882;
2955 2500 }
2956 2501 .e-app-export-kit-content__checkbox {
2957 - -ms-flex-negative: 0;
2958 - flex-shrink: 0;
2502 + flex-shrink: 0;
2959 2503 -webkit-margin-end: 0.75rem;
2960 2504 margin-inline-end: 0.75rem;
2961 2505 }
2962 2506 .e-app-export-kit-content__title {
@@ -3019,14 +2563,12 @@
3019 2563 .e-app-import-resolver__panel-body {
3020 2564 background-color: var(--e-app-import-resolver-panel-body-background-color);
3021 2565 }
3022 2566 .e-app-import-resolver-conflicts__container {
3023 - -webkit-box-shadow: 0 2px 3px 1px var(--color-box-shadow-color);
3024 - box-shadow: 0 2px 3px 1px var(--color-box-shadow-color);
2567 + box-shadow: 0 2px 3px 1px var(--color-box-shadow-color);
3025 2568 }
3026 2569 .e-app-import-resolver-conflicts__checkbox {
3027 - -ms-flex-negative: 0;
3028 - flex-shrink: 0;
2570 + flex-shrink: 0;
3029 2571 -webkit-margin-end: 0.75rem;
3030 2572 margin-inline-end: 0.75rem;
3031 2573 }
3032 2574 .e-app-import-resolver-conflicts__title {
@@ -3119,10 +2661,9 @@
3119 2661 display: inline-block;
3120 2662 background: var(--eps-badge-background-color);
3121 2663 padding: 0 0.5rem;
3122 2664 line-height: 1.8;
3123 - -webkit-box-shadow: 0 3px 6px var(--color-box-shadow-color);
3124 - box-shadow: 0 3px 6px var(--color-box-shadow-color);
2665 + box-shadow: 0 3px 6px var(--color-box-shadow-color);
3125 2666 border-radius: 4px;
3126 2667 font-size: 0.75rem;
3127 2668 }
3128 2669 .eps-badge--sm {
@@ -3134,17 +2675,11 @@
3134 2675
3135 2676 .eps-collapse__title {
3136 2677 cursor: pointer;
3137 2678 padding: 0.3125rem 0;
3138 - display: -webkit-box;
3139 - display: -ms-flexbox;
3140 2679 display: flex;
3141 - -webkit-box-align: center;
3142 - -ms-flex-align: center;
3143 - align-items: center;
3144 - -webkit-box-pack: justify;
3145 - -ms-flex-pack: justify;
3146 - justify-content: space-between;
2680 + align-items: center;
2681 + justify-content: space-between;
3147 2682 width: 100%;
3148 2683 background: transparent;
3149 2684 border: none;
3150 2685 color: inherit;
@@ -3152,14 +2687,10 @@
3152 2687 .eps-collapse__title:focus {
3153 2688 outline: none;
3154 2689 }
3155 2690 .eps-collapse__icon {
3156 - -webkit-transition: all 150ms;
3157 - -o-transition: all 150ms;
3158 2691 transition: all 150ms;
3159 - -webkit-transform: rotate(0deg);
3160 - -ms-transform: rotate(0deg);
3161 - transform: rotate(0deg);
2692 + transform: rotate(0deg);
3162 2693 }
3163 2694 .eps-collapse__content {
3164 2695 margin-top: 0.625rem;
3165 2696 display: none;
@@ -3167,11 +2698,9 @@
3167 2698 .eps-collapse[data-open] .eps-collapse__content {
3168 2699 display: block;
3169 2700 }
3170 2701 .eps-collapse[data-open] .eps-collapse__icon {
3171 - -webkit-transform: rotate(90deg);
3172 - -ms-transform: rotate(90deg);
3173 - transform: rotate(90deg);
2702 + transform: rotate(90deg);
3174 2703 }
3175 2704
3176 2705 .e-kit-library-bottom-promotion {
3177 2706 --e-kit-library-bottom-promotion-color: tints(600);
@@ -3203,10 +2732,8 @@
3203 2732 }
3204 2733
3205 2734 .e-kit-library__kit-favorite-actions {
3206 2735 padding: 0.3125rem;
3207 - -webkit-transition: 0.3s all;
3208 - -o-transition: 0.3s all;
3209 2736 transition: 0.3s all;
3210 2737 border-radius: 4px;
3211 2738 }
3212 2739 .e-kit-library__kit-favorite-actions--active {
@@ -3221,32 +2748,20 @@
3221 2748 }
3222 2749
3223 2750 .e-kit-library__filter-indication {
3224 2751 margin-top: 1.5rem;
3225 - display: -webkit-box;
3226 - display: -ms-flexbox;
3227 2752 display: flex;
3228 - -webkit-box-align: center;
3229 - -ms-flex-align: center;
3230 - align-items: center;
2753 + align-items: center;
3231 2754 }
3232 2755 .e-kit-library__filter-indication-text {
3233 2756 margin-bottom: 0;
3234 - display: -webkit-box;
3235 - display: -ms-flexbox;
3236 2757 display: flex;
3237 - -webkit-box-align: center;
3238 - -ms-flex-align: center;
3239 - align-items: center;
2758 + align-items: center;
3240 2759 }
3241 2760 .e-kit-library__filter-indication-badge {
3242 2761 margin-left: 0.3125rem;
3243 - display: -webkit-box;
3244 - display: -ms-flexbox;
3245 2762 display: flex;
3246 - -webkit-box-align: center;
3247 - -ms-flex-align: center;
3248 - align-items: center;
2763 + align-items: center;
3249 2764 }
3250 2765 .e-kit-library__filter-indication-badge-remove {
3251 2766 margin-left: 0.3125rem;
3252 2767 font-size: 0.875rem;
@@ -3262,17 +2777,11 @@
3262 2777 margin-right: 0.625rem;
3263 2778 }
3264 2779
3265 2780 .e-kit-library__apply-button {
3266 - display: -webkit-box;
3267 - display: -ms-flexbox;
3268 2781 display: flex;
3269 - -webkit-box-align: center;
3270 - -ms-flex-align: center;
3271 - align-items: center;
3272 - -webkit-box-pack: center;
3273 - -ms-flex-pack: center;
3274 - justify-content: center;
2782 + align-items: center;
2783 + justify-content: center;
3275 2784 gap: 0.3125rem;
3276 2785 }
3277 2786
3278 2787 .e-kit-library__kit-item {
@@ -3286,26 +2795,15 @@
3286 2795 .e-kit-library__kit-item-overlay {
3287 2796 height: 100%;
3288 2797 }
3289 2798 .e-kit-library__kit-item-overlay > *:first-child {
3290 - -webkit-box-flex: 1;
3291 - -ms-flex: 1;
3292 - flex: 1;
2799 + flex: 1;
3293 2800 }
3294 2801 .e-kit-library__kit-item-overlay-overview-button {
3295 - display: -webkit-box;
3296 - display: -ms-flexbox;
3297 2802 display: flex;
3298 - -webkit-box-orient: vertical;
3299 - -webkit-box-direction: normal;
3300 - -ms-flex-direction: column;
3301 - flex-direction: column;
3302 - -webkit-box-align: center;
3303 - -ms-flex-align: center;
3304 - align-items: center;
3305 - -webkit-box-pack: center;
3306 - -ms-flex-pack: center;
3307 - justify-content: center;
2803 + flex-direction: column;
2804 + align-items: center;
2805 + justify-content: center;
3308 2806 color: white;
3309 2807 height: 100%;
3310 2808 width: 100%;
3311 2809 }
@@ -3316,19 +2814,13 @@
3316 2814 .e-kit-library__kit-item-overlay-overview-button > span {
3317 2815 font-size: 0.9rem;
3318 2816 }
3319 2817 .e-kit-library__kit-item-overlay-promotion-button {
3320 - display: -webkit-box;
3321 - display: -ms-flexbox;
3322 2818 display: flex;
3323 2819 width: 100%;
3324 2820 background: white;
3325 - -webkit-box-align: center;
3326 - -ms-flex-align: center;
3327 - align-items: center;
3328 - -webkit-box-pack: center;
3329 - -ms-flex-pack: center;
3330 - justify-content: center;
2821 + align-items: center;
2822 + justify-content: center;
3331 2823 padding: 10px;
3332 2824 font-size: 13px;
3333 2825 color: #93003F;
3334 2826 background: var(--e-kit-library-kit-item-overlay-promotion-button-background-color);
@@ -3358,30 +2850,20 @@
3358 2850 .e-kit-library__header-back {
3359 2851 color: var(--e-kit-library-header-back-color);
3360 2852 padding-right: 1.25rem;
3361 2853 padding-left: 0.3125rem;
3362 - display: -webkit-inline-box;
3363 - display: -ms-inline-flexbox;
3364 2854 display: inline-flex;
3365 - -webkit-box-pack: center;
3366 - -ms-flex-pack: center;
3367 - justify-content: center;
3368 - -webkit-box-align: center;
3369 - -ms-flex-align: center;
3370 - align-items: center;
2855 + justify-content: center;
2856 + align-items: center;
3371 2857 height: 100%;
3372 2858 border-right: var(--e-kit-library-header-back-border);
3373 2859 }
3374 2860 .e-kit-library__header-back-container {
3375 - -webkit-box-flex: 1;
3376 - -ms-flex: 1;
3377 - flex: 1;
2861 + flex: 1;
3378 2862 height: 100%;
3379 2863 }
3380 2864 .e-kit-library__header-back .eps-icon {
3381 - -webkit-transform: rotate(0deg);
3382 - -ms-transform: rotate(0deg);
3383 - transform: rotate(0deg);
2865 + transform: rotate(0deg);
3384 2866 }
3385 2867
3386 2868 .e-kit-library__page-loader {
3387 2869 width: 100%;
@@ -3423,20 +2905,12 @@
3423 2905 }
3424 2906 .eps-search-input:focus {
3425 2907 background: var(--eps-search-input-background-color-focus);
3426 2908 }
3427 -.eps-search-input::-webkit-input-placeholder {
3428 - color: var(--eps-search-input-placeholder-color);
3429 - font-style: italic;
3430 -}
3431 2909 .eps-search-input::-moz-placeholder {
3432 2910 color: var(--eps-search-input-placeholder-color);
3433 2911 font-style: italic;
3434 2912 }
3435 -.eps-search-input::-ms-input-placeholder {
3436 - color: var(--eps-search-input-placeholder-color);
3437 - font-style: italic;
3438 -}
3439 2913 .eps-search-input::placeholder {
3440 2914 color: var(--eps-search-input-placeholder-color);
3441 2915 font-style: italic;
3442 2916 }
@@ -3450,17 +2924,11 @@
3450 2924 position: absolute;
3451 2925 top: 0;
3452 2926 inset-inline-start: 0;
3453 2927 height: 100%;
3454 - display: -webkit-box;
3455 - display: -ms-flexbox;
3456 2928 display: flex;
3457 - -webkit-box-align: center;
3458 - -ms-flex-align: center;
3459 - align-items: center;
3460 - -webkit-box-pack: center;
3461 - -ms-flex-pack: center;
3462 - justify-content: center;
2929 + align-items: center;
2930 + justify-content: center;
3463 2931 }
3464 2932 .eps-search-input__icon--sm {
3465 2933 font-size: 0.75rem;
3466 2934 }
@@ -3471,17 +2939,11 @@
3471 2939 position: absolute;
3472 2940 top: 0;
3473 2941 right: 0;
3474 2942 height: 100%;
3475 - display: -webkit-box;
3476 - display: -ms-flexbox;
3477 2943 display: flex;
3478 - -webkit-box-align: center;
3479 - -ms-flex-align: center;
3480 - align-items: center;
3481 - -webkit-box-pack: center;
3482 - -ms-flex-pack: center;
3483 - justify-content: center;
2944 + align-items: center;
2945 + justify-content: center;
3484 2946 }
3485 2947 .eps-search-input__clear-icon--sm {
3486 2948 font-size: 0.6875rem;
3487 2949 }
@@ -3502,16 +2964,12 @@
3502 2964
3503 2965 .eps-sort-select {
3504 2966 width: 100%;
3505 2967 font-size: 0.9375rem;
3506 - display: -webkit-box;
3507 - display: -ms-flexbox;
3508 2968 display: flex;
3509 2969 }
3510 2970 .eps-sort-select__select-wrapper {
3511 - -webkit-box-flex: 1;
3512 - -ms-flex: 1;
3513 - flex: 1;
2971 + flex: 1;
3514 2972 position: relative;
3515 2973 }
3516 2974 .eps-sort-select__select-wrapper::after {
3517 2975 content: "\e8ad";
@@ -3520,17 +2978,11 @@
3520 2978 right: 0.625rem;
3521 2979 top: 0;
3522 2980 bottom: 0;
3523 2981 color: #a4afb7;
3524 - display: -webkit-box;
3525 - display: -ms-flexbox;
3526 2982 display: flex;
3527 - -webkit-box-align: center;
3528 - -ms-flex-align: center;
3529 - align-items: center;
3530 - -webkit-box-pack: center;
3531 - -ms-flex-pack: center;
3532 - justify-content: center;
2983 + align-items: center;
2984 + justify-content: center;
3533 2985 pointer-events: none;
3534 2986 }
3535 2987 .eps-sort-select__select {
3536 2988 width: 100%;
@@ -3588,14 +3040,10 @@
3588 3040 background: var(--e-kit-library-tags-filter-list-search-background-color);
3589 3041 }
3590 3042 .e-kit-library__tags-filter-list-item {
3591 3043 padding: 0.625rem 0;
3592 - display: -webkit-box;
3593 - display: -ms-flexbox;
3594 3044 display: flex;
3595 - -webkit-box-align: center;
3596 - -ms-flex-align: center;
3597 - align-items: center;
3045 + align-items: center;
3598 3046 font-weight: 500;
3599 3047 }
3600 3048 .e-kit-library__tags-filter-list-item input {
3601 3049 margin-right: 0.3125rem;
@@ -3619,19 +3067,12 @@
3619 3067 border-bottom-color: #26292C;
3620 3068 }
3621 3069
3622 3070 .e-kit-library__index-layout-container {
3623 - -webkit-box-flex: 1;
3624 - -ms-flex-positive: 1;
3625 - flex-grow: 1;
3071 + flex-grow: 1;
3626 3072 overflow-y: auto;
3627 - display: -webkit-box;
3628 - display: -ms-flexbox;
3629 3073 display: flex;
3630 - -webkit-box-orient: vertical;
3631 - -webkit-box-direction: normal;
3632 - -ms-flex-direction: column;
3633 - flex-direction: column;
3074 + flex-direction: column;
3634 3075 }
3635 3076 .e-kit-library__index-layout-top-area {
3636 3077 padding: 1.875rem 2.75rem;
3637 3078 position: sticky;
@@ -3644,11 +3085,9 @@
3644 3085 .e-kit-library__index-layout-top-area-search, .e-kit-library__index-layout-top-area-sort {
3645 3086 min-width: 265px;
3646 3087 }
3647 3088 .e-kit-library__index-layout-top-area-search {
3648 - -webkit-box-flex: 1;
3649 - -ms-flex: 1;
3650 - flex: 1;
3089 + flex: 1;
3651 3090 }
3652 3091 .e-kit-library__index-layout-main {
3653 3092 padding-top: 0;
3654 3093 padding-bottom: 1.5rem;
@@ -3653,21 +3092,12 @@
3653 3092 padding-top: 0;
3654 3093 padding-bottom: 1.5rem;
3655 3094 overflow-y: hidden;
3656 3095 height: auto;
3657 - -webkit-box-flex: 1;
3658 - -ms-flex: 1 0 auto;
3659 - flex: 1 0 auto;
3660 - display: -webkit-box;
3661 - display: -ms-flexbox;
3096 + flex: 1 0 auto;
3662 3097 display: flex;
3663 - -webkit-box-orient: vertical;
3664 - -webkit-box-direction: normal;
3665 - -ms-flex-direction: column;
3666 - flex-direction: column;
3667 - -webkit-box-pack: justify;
3668 - -ms-flex-pack: justify;
3669 - justify-content: space-between;
3098 + flex-direction: column;
3099 + justify-content: space-between;
3670 3100 }
3671 3101
3672 3102 .e-kit-library__tags-filter {
3673 3103 --e-kit-library-item-sidebar-header-title-color: #6d7882;
@@ -3684,17 +3114,11 @@
3684 3114 .e-kit-library__item-sidebar {
3685 3115 padding: 1.5rem 1.875rem;
3686 3116 }
3687 3117 .e-kit-library__item-sidebar-header {
3688 - display: -webkit-box;
3689 - display: -ms-flexbox;
3690 3118 display: flex;
3691 - -webkit-box-align: center;
3692 - -ms-flex-align: center;
3693 - align-items: center;
3694 - -webkit-box-pack: justify;
3695 - -ms-flex-pack: justify;
3696 - justify-content: space-between;
3119 + align-items: center;
3120 + justify-content: space-between;
3697 3121 }
3698 3122 .e-kit-library__item-sidebar-header-title {
3699 3123 color: var(--e-kit-library-item-sidebar-header-title-color);
3700 3124 margin-bottom: 0;
@@ -3700,10 +3124,9 @@
3700 3124 margin-bottom: 0;
3701 3125 }
3702 3126 .e-kit-library__item-sidebar-thumbnail {
3703 3127 margin-top: 1.5rem;
3704 - -webkit-box-shadow: 0 4px 10px var(--color-box-shadow-color);
3705 - box-shadow: 0 4px 10px var(--color-box-shadow-color);
3128 + box-shadow: 0 4px 10px var(--color-box-shadow-color);
3706 3129 }
3707 3130 .e-kit-library__item-sidebar-description {
3708 3131 margin-top: 1.5rem;
3709 3132 color: var(--e-kit-library-item-sidebar-description-color);
@@ -3749,10 +3172,8 @@
3749 3172 }
3750 3173 .e-kit-library__preview-responsive-controls-item:hover {
3751 3174 background: rgba(88, 208, 245, 0.1);
3752 3175 border-radius: 3px;
3753 - -webkit-transition: all 0.3s;
3754 - -o-transition: all 0.3s;
3755 3176 transition: all 0.3s;
3756 3177 }
3757 3178 .e-kit-library__preview-responsive-controls-item--active {
3758 3179 color: #58d0f5;
@@ -3765,13 +3186,10 @@
3765 3186 z-index: 0;
3766 3187 }
3767 3188 .e-kit-library__preview-iframe {
3768 3189 border: none;
3769 - -webkit-transition: all 0.3s;
3770 - -o-transition: all 0.3s;
3771 3190 transition: all 0.3s;
3772 - -webkit-box-shadow: 0 4px 10px var(--color-box-shadow-color);
3773 - box-shadow: 0 4px 10px var(--color-box-shadow-color);
3191 + box-shadow: 0 4px 10px var(--color-box-shadow-color);
3774 3192 }
3775 3193 .e-kit-library__preview-iframe-container {
3776 3194 overflow-y: auto;
3777 3195 position: relative;
@@ -3788,28 +3206,18 @@
3788 3206 cursor: pointer;
3789 3207 }
3790 3208 .e-app-collapse-toggle__icon {
3791 3209 color: var(--e-app-collapse-icon-color);
3792 - display: -webkit-box;
3793 - display: -ms-flexbox;
3794 3210 display: flex;
3795 - -webkit-box-align: center;
3796 - -ms-flex-align: center;
3797 - align-items: center;
3798 - -webkit-box-pack: center;
3799 - -ms-flex-pack: center;
3800 - justify-content: center;
3211 + align-items: center;
3212 + justify-content: center;
3801 3213 font-size: 0.875rem;
3802 3214 position: absolute;
3803 3215 top: 50%;
3804 3216 right: var(--e-app-collapse-toggle-icon-spacing);
3805 - -webkit-transform: translateY(-50%);
3806 - -ms-transform: translateY(-50%);
3807 - transform: translateY(-50%);
3217 + transform: translateY(-50%);
3808 3218 }
3809 3219 .e-app-collapse-toggle__icon:before {
3810 - -webkit-transition: all 0.2s linear;
3811 - -o-transition: all 0.2s linear;
3812 3220 transition: all 0.2s linear;
3813 3221 }
3814 3222 .e-app-collapse-content {
3815 3223 display: none;
@@ -3814,11 +3222,9 @@
3814 3222 .e-app-collapse-content {
3815 3223 display: none;
3816 3224 }
3817 3225 .e-app-collapse--opened .e-app-collapse-toggle__icon:before {
3818 - -webkit-transform: rotate(-180deg);
3819 - -ms-transform: rotate(-180deg);
3820 - transform: rotate(-180deg);
3226 + transform: rotate(-180deg);
3821 3227 }
3822 3228 .e-app-collapse--opened .e-app-collapse-content {
3823 3229 display: block;
3824 3230 }
@@ -3861,13 +3267,10 @@
3861 3267 .eps-table__checkboxes-column {
3862 3268 width: 1.875rem;
3863 3269 }
3864 3270 .eps-table__checkbox {
3865 - display: -webkit-box;
3866 - display: -ms-flexbox;
3867 3271 display: flex;
3868 - -ms-flex-negative: 0;
3869 - flex-shrink: 0;
3272 + flex-shrink: 0;
3870 3273 }
3871 3274 .eps-table__cell {
3872 3275 padding: 1rem;
3873 3276 }
@@ -3957,11 +3360,9 @@
3957 3360 .e-app-import-export-loader--absolute-center {
3958 3361 position: absolute;
3959 3362 top: 50%;
3960 3363 left: 50%;
3961 - -webkit-transform: translateX(-50%) translateY(-50%);
3962 - -ms-transform: translateX(-50%) translateY(-50%);
3963 - transform: translateX(-50%) translateY(-50%);
3364 + transform: translateX(-50%) translateY(-50%);
3964 3365 }
3965 3366
3966 3367 .eps-theme-dark .e-app-import-export-loader {
3967 3368 --e-app-import-export-loader-color: #64666a;
@@ -3997,11 +3398,9 @@
3997 3398 .e-onboarding {
3998 3399 font-family: "DM Sans", "Roboto", sans-serif;
3999 3400 }
4000 3401 .e-onboarding .eps-app__main {
4001 - -webkit-box-pack: center;
4002 - -ms-flex-pack: center;
4003 - justify-content: center;
3402 + justify-content: center;
4004 3403 overflow-y: auto;
4005 3404 }
4006 3405 .e-onboarding__content {
4007 3406 max-width: 1135px;
@@ -4009,10 +3408,8 @@
4009 3408 margin: 2.75rem;
4010 3409 overflow-y: initial;
4011 3410 }
4012 3411 .e-onboarding__checkbox-label {
4013 - display: -webkit-box;
4014 - display: -ms-flexbox;
4015 3412 display: flex;
4016 3413 line-height: 18px;
4017 3414 margin-bottom: 27px;
4018 3415 }
@@ -4046,17 +3443,11 @@
4046 3443 .e-onboarding__text-input:focus-visible {
4047 3444 outline: initial;
4048 3445 border: 1px solid #3A3F45;
4049 3446 }
4050 -.e-onboarding__text-input::-webkit-input-placeholder {
4051 - color: #C2C7CC;
4052 -}
4053 3447 .e-onboarding__text-input::-moz-placeholder {
4054 3448 color: #C2C7CC;
4055 3449 }
4056 -.e-onboarding__text-input::-ms-input-placeholder {
4057 - color: #C2C7CC;
4058 -}
4059 3450 .e-onboarding__text-input::placeholder {
4060 3451 color: #C2C7CC;
4061 3452 }
4062 3453 .e-onboarding__footnote {
@@ -4080,12 +3471,10 @@
4080 3471 }
4081 3472 .e-onboarding__page-content-start {
4082 3473 max-width: 675px;
4083 3474 text-align: start;
4084 - -ms-flex-preferred-size: 555px;
4085 - flex-basis: 555px;
4086 - -ms-flex-item-align: start;
4087 - align-self: start;
3475 + flex-basis: 555px;
3476 + align-self: start;
4088 3477 }
4089 3478 .e-onboarding__page-content-end {
4090 3479 min-width: 440px;
4091 3480 max-width: 540px;
@@ -4119,14 +3508,10 @@
4119 3508 .e-onboarding__header-logo img {
4120 3509 width: 104px;
4121 3510 }
4122 3511 .e-onboarding__header .eps-app__header-btn {
4123 - display: -webkit-box;
4124 - display: -ms-flexbox;
4125 3512 display: flex;
4126 - -webkit-box-align: center;
4127 - -ms-flex-align: center;
4128 - align-items: center;
3513 + align-items: center;
4129 3514 font-size: 13px;
4130 3515 }
4131 3516 .e-onboarding__header .eps-app__header-btn .eps-icon:not(:last-child) {
4132 3517 -webkit-margin-end: 7px;
@@ -4141,10 +3526,8 @@
4141 3526 padding: 4px 8px;
4142 3527 border-radius: 4px;
4143 3528 font-weight: 700;
4144 3529 font-size: 12px;
4145 - -webkit-transition: 0.5s;
4146 - -o-transition: 0.5s;
4147 3530 transition: 0.5s;
4148 3531 }
4149 3532 .e-onboarding__header .eps-button__go-pro-btn:hover {
4150 3533 background: #b22254;
@@ -4175,23 +3558,15 @@
4175 3558 text-decoration: underline;
4176 3559 }
4177 3560
4178 3561 .e-onboarding__progress-bar {
4179 - display: -webkit-box;
4180 - display: -ms-flexbox;
4181 3562 display: flex;
4182 - -webkit-box-pack: center;
4183 - -ms-flex-pack: center;
4184 - justify-content: center;
3563 + justify-content: center;
4185 3564 margin-bottom: 125px;
4186 3565 }
4187 3566 .e-onboarding__progress-bar-item {
4188 - display: -webkit-box;
4189 - display: -ms-flexbox;
4190 3567 display: flex;
4191 - -webkit-box-align: center;
4192 - -ms-flex-align: center;
4193 - align-items: center;
3568 + align-items: center;
4194 3569 color: #69727D;
4195 3570 font-size: 0.75rem;
4196 3571 }
4197 3572 .e-onboarding__progress-bar-item-icon {
@@ -4206,10 +3581,9 @@
4206 3581 border-radius: 50%;
4207 3582 border: 1px solid #69727D;
4208 3583 -webkit-margin-end: 8px;
4209 3584 margin-inline-end: 8px;
4210 - -ms-flex-negative: 0;
4211 - flex-shrink: 0;
3585 + flex-shrink: 0;
4212 3586 }
4213 3587 .e-onboarding__progress-bar-item:not(:last-child) {
4214 3588 -webkit-margin-end: 22px;
4215 3589 margin-inline-end: 22px;
@@ -4260,10 +3634,9 @@
4260 3634 cursor: progress;
4261 3635 }
4262 3636 .e-onboarding__button--processing {
4263 3637 pointer-events: none;
4264 - -webkit-filter: brightness(90%);
4265 - filter: brightness(90%);
3638 + filter: brightness(90%);
4266 3639 }
4267 3640
4268 3641 .e-onboarding__card {
4269 3642 border: 1px solid #3A3F45;
@@ -4270,21 +3643,12 @@
4270 3643 border-radius: 8px;
4271 3644 padding: 40px 40px;
4272 3645 background-color: #ffffff;
4273 3646 cursor: pointer;
4274 - -webkit-box-flex: 1;
4275 - -ms-flex-positive: 1;
4276 - flex-grow: 1;
4277 - display: -webkit-box;
4278 - display: -ms-flexbox;
3647 + flex-grow: 1;
4279 3648 display: flex;
4280 - -webkit-box-orient: vertical;
4281 - -webkit-box-direction: normal;
4282 - -ms-flex-direction: column;
4283 - flex-direction: column;
4284 - -webkit-box-align: center;
4285 - -ms-flex-align: center;
4286 - align-items: center;
3649 + flex-direction: column;
3650 + align-items: center;
4287 3651 }
4288 3652 .e-onboarding__card-image, .e-onboarding__card-text {
4289 3653 width: 345px;
4290 3654 }
@@ -4297,14 +3661,12 @@
4297 3661 text-align: center;
4298 3662 color: #0C0D0E;
4299 3663 }
4300 3664 .e-onboarding__card:hover {
4301 - -webkit-box-shadow: 4px 4px 0 0 #000000;
4302 - box-shadow: 4px 4px 0 0 #000000;
3665 + box-shadow: 4px 4px 0 0 #000000;
4303 3666 }
4304 3667 .e-onboarding__card:active {
4305 - -webkit-box-shadow: initial;
4306 - box-shadow: initial;
3668 + box-shadow: initial;
4307 3669 }
4308 3670
4309 3671 .e-onboarding__checklist {
4310 3672 -webkit-padding-start: 0;
@@ -4310,14 +3672,10 @@
4310 3672 -webkit-padding-start: 0;
4311 3673 padding-inline-start: 0;
4312 3674 }
4313 3675 .e-onboarding__checklist-item {
4314 - display: -webkit-box;
4315 - display: -ms-flexbox;
4316 3676 display: flex;
4317 - -webkit-box-align: center;
4318 - -ms-flex-align: center;
4319 - align-items: center;
3677 + align-items: center;
4320 3678 font-size: 12px;
4321 3679 margin-bottom: 12px;
4322 3680 }
4323 3681 .e-onboarding__checklist-item .eicon-check-circle {
@@ -4388,17 +3746,12 @@
4388 3746 .e-onboarding__logo-container {
4389 3747 position: relative;
4390 3748 margin-top: 3rem;
4391 3749 height: 220px;
4392 - width: -webkit-fit-content;
4393 3750 width: -moz-fit-content;
4394 3751 width: fit-content;
4395 - display: -webkit-box;
4396 - display: -ms-flexbox;
4397 3752 display: flex;
4398 - -webkit-box-align: center;
4399 - -ms-flex-align: center;
4400 - align-items: center;
3753 + align-items: center;
4401 3754 min-width: 220px;
4402 3755 }
4403 3756 .e-onboarding__logo-container img {
4404 3757 height: auto;
@@ -4436,21 +3789,14 @@
4436 3789 -webkit-margin-end: 20px;
4437 3790 margin-inline-end: 20px;
4438 3791 }
4439 3792 .e-onboarding__good-to-go-footer {
4440 - -webkit-box-pack: end;
4441 - -ms-flex-pack: end;
4442 - justify-content: end;
3793 + justify-content: end;
4443 3794 }
4444 3795
4445 3796 .e-onboarding__upload-pro {
4446 - -webkit-box-orient: horizontal;
4447 - -webkit-box-direction: normal;
4448 - -ms-flex-direction: row;
4449 - flex-direction: row;
4450 - -webkit-box-pack: center;
4451 - -ms-flex-pack: center;
4452 - justify-content: center;
3797 + flex-direction: row;
3798 + justify-content: center;
4453 3799 font-family: "DM Sans", "Roboto", sans-serif;
4454 3800 text-align: center;
4455 3801 }
4456 3802 .e-onboarding__upload-pro .eps-app__content {