PluginProbe
Elementor Website Builder – more than just a page builder / 3.14.0-beta5
Elementor Website Builder – more than just a page builder v3.14.0-beta5
4.3.3 4.3.2 4.3.1 4.3.0 4.3.0-beta3 4.3.0-beta2 4.3.0-beta1 4.2.4 4.2.3 4.2.2 4.2.1 4.2.0 4.1.5 4.2.0-beta2 4.2.0-dev2 4.2.0-beta1 4.1.4 4.1.3 4.1.2 4.1.1 4.1.0 4.1.0-beta3 4.1.0-dev3 4.0.9 4.1.0-beta2 All 456 releases
← All changes | assets/css/app-rtl.css +528 -1482 4.3.2 → 3.14.0-beta5 View file →
@@ -1,7 +1,8 @@
1 +/*! elementor - v3.14.0 - 14-06-2023 */
1 2 @import "//fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";
2 -@import "//fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap";
3 -@import "//fonts.googleapis.com/css2?family=Source%20Serif%20Pro:wght@700&display=swap";
3 +@import "//fonts.googleapis.com/css2?family=DM%20Sans&display=swap";
4 +@import "//fonts.googleapis.com/css2?family=Source%20Serif%20Pro&display=swap";
4 5 :root {
5 6 --color-box-shadow-color: rgba(0, 0, 0, 0.05);
6 7 }
7 8
@@ -120,30 +121,30 @@
120 121 --button-primary-hover-background-color: #F5D0FE;
121 122 --button-primary-active-background-color: #F3BAFD;
122 123 --button-primary-color: #0C0D0E;
123 124 --button-secondary-background-color: #69727D;
124 - --button-secondary-hover-background-color: rgb(81.7173913043, 88.7217391304, 97.2826086957);
125 - --button-secondary-active-background-color: rgb(58.4347826087, 63.4434782609, 69.5652173913);
125 + --button-secondary-hover-background-color: #525961;
126 + --button-secondary-active-background-color: #3a3f46;
126 127 --button-secondary-color: #ffffff;
127 128 --button-danger-background-color: #DC2626;
128 - --button-danger-hover-background-color: rgb(178.25, 28.75, 28.75);
129 - --button-danger-active-background-color: rgb(134.3333333333, 21.6666666667, 21.6666666667);
129 + --button-danger-hover-background-color: #b21d1d;
130 + --button-danger-active-background-color: #861616;
130 131 --button-danger-color: #ffffff;
131 - --button-cta-background-color: #93003f;
132 - --button-cta-hover-background-color: rgb(96, 0, 41.1428571429);
133 - --button-cta-active-background-color: rgb(45, 0, 19.2857142857);
132 + --button-cta-background-color: #524CFF;
133 + --button-cta-hover-background-color: #2119ff;
134 + --button-cta-active-background-color: #0800e5;
134 135 --button-cta-color: #ffffff;
135 - --button-brand-background-color: #93003f;
136 - --button-brand-hover-background-color: rgb(96, 0, 41.1428571429);
137 - --button-brand-active-background-color: rgb(45, 0, 19.2857142857);
136 + --button-brand-background-color: #524CFF;
137 + --button-brand-hover-background-color: #2119ff;
138 + --button-brand-active-background-color: #0800e5;
138 139 --button-brand-color: #ffffff;
139 140 --button-link-background-color: #515962;
140 - --button-link-hover-background-color: rgb(57.9217877095, 63.6424581006, 70.0782122905);
141 - --button-link-active-background-color: rgb(34.843575419, 38.2849162011, 42.156424581);
141 + --button-link-hover-background-color: #3a4046;
142 + --button-link-active-background-color: #23262a;
142 143 --button-link-color: #ffffff;
143 144 --button-disabled-background-color: #D5D8DC;
144 - --button-disabled-hover-background-color: rgb(185.1818181818, 190.1688311688, 196.8181818182);
145 - --button-disabled-active-background-color: rgb(157.3636363636, 164.3376623377, 173.6363636364);
145 + --button-disabled-hover-background-color: #b9bec5;
146 + --button-disabled-active-background-color: #9da4ae;
146 147 --button-disabled-color: #ffffff;
147 148 color: var(--button-background-color, currentColor);
148 149 font-size: var(--button-font-size, inherit);
149 150 font-weight: 500;
@@ -163,25 +164,25 @@
163 164 --button-primary-hover-background-color: #EB8EFB;
164 165 --button-primary-active-background-color: #F3BAFD;
165 166 --button-secondary-background-color: #BABFC5;
166 167 --button-secondary-color: #fff;
167 - --button-secondary-hover-background-color: rgb(158.2913385827, 165.2992125984, 173.7086614173);
168 - --button-secondary-active-background-color: rgb(130.5826771654, 139.5984251969, 150.4173228346);
169 - --button-cta-background-color: #93003f;
170 - --button-cta-hover-background-color: rgb(96, 0, 41.1428571429);
171 - --button-cta-active-background-color: rgb(45, 0, 19.2857142857);
168 + --button-secondary-hover-background-color: #9ea5ae;
169 + --button-secondary-active-background-color: #838c96;
170 + --button-cta-background-color: #524CFF;
171 + --button-cta-hover-background-color: #2119ff;
172 + --button-cta-active-background-color: #0800e5;
172 173 --button-cta-color: #fff;
173 - --button-brand-hover-background-color: rgb(96, 0, 41.1428571429);
174 - --button-brand-active-background-color: rgb(45, 0, 19.2857142857);
174 + --button-brand-hover-background-color: #2119ff;
175 + --button-brand-active-background-color: #0800e5;
175 176 --button-brand-color: #fff;
176 - --button-brand-background-color: #93003f;
177 + --button-brand-background-color: #524CFF;
177 178 --button-link-background-color: #515962;
178 - --button-link-hover-background-color: rgb(57.9217877095, 63.6424581006, 70.0782122905);
179 - --button-link-active-background-color: rgb(34.843575419, 38.2849162011, 42.156424581);
179 + --button-link-hover-background-color: #3a4046;
180 + --button-link-active-background-color: #23262a;
180 181 --button-link-color: #ffffff;
181 182 --button-disabled-background-color: #69727D;
182 - --button-disabled-hover-background-color: rgb(81.7173913043, 88.7217391304, 97.2826086957);
183 - --button-disabled-active-background-color: rgb(58.4347826087, 63.4434782609, 69.5652173913);
183 + --button-disabled-hover-background-color: #525961;
184 + --button-disabled-active-background-color: #3a3f46;
184 185 --button-disabled-color: #fff;
185 186 }
186 187 .eps-button--contained {
187 188 color: var(--button-color);
@@ -285,12 +286,12 @@
285 286 --text-muted: #BABFC5;
286 287 --disabled: #D5D8DC;
287 288 --light: #ffffff;
288 289 --dark: #000000;
289 - --cta: #93003f;
290 - --brand: #93003f;
290 + --cta: #524CFF;
291 + --brand: #524CFF;
291 292 --accent: #F3BAFD;
292 - --primary: #93003f;
293 + --primary: #524CFF;
293 294 --primary-bg: #FAE8FF;
294 295 --secondary: #515962;
295 296 --info: #2563EB;
296 297 --info-bg: #F0F7FF;
@@ -302,9 +303,9 @@
302 303 --warning-bg: #FFFBEB;
303 304 --body-color: #515962;
304 305 --body-bg: #ffffff;
305 306 --link-color: #515962;
306 - --link-hover-color: rgb(46.3826815642, 50.9636871508, 56.1173184358);
307 + --link-hover-color: #2e3338;
307 308 --hr-color: #E6E8EA;
308 309 --box-shadow-color: theme-colors(dark);
309 310 --display-1-color: #515962;
310 311 --display-2-color: #515962;
@@ -343,10 +344,10 @@
343 344 --disabled: #69727D;
344 345 --light: #fff;
345 346 --dark: #000;
346 347 --accent: #524CFF;
347 - --cta: #93003f;
348 - --brand: #93003f;
348 + --cta: #524CFF;
349 + --brand: #524CFF;
349 350 --success: #39b54a;
350 351 --success-bg: #032317;
351 352 --info: #0077CC;
352 353 --info-bg: #0A1A3D;
@@ -356,9 +357,9 @@
356 357 --danger-bg: #390A0A;
357 358 --body-color: #BABFC5;
358 359 --body-bg: #1f2124;
359 360 --link-color: #0077CC;
360 - --link-hover-color: rgb(46.3826815642, 50.9636871508, 56.1173184358);
361 + --link-hover-color: #2e3338;
361 362 --hr-color: #333438;
362 363 --box-shadow-color: rgba(0, 0, 0, 0.15);
363 364 --display-1-color: #BABFC5;
364 365 --display-2-color: #BABFC5;
@@ -431,9 +432,9 @@
431 432 font-weight: normal;
432 433 }
433 434
434 435 p {
435 - margin-block-start: 0;
436 + margin-top: 0;
436 437 }
437 438
438 439 b,
439 440 strong {
@@ -491,9 +492,9 @@
491 492 button {
492 493 border-radius: 0;
493 494 }
494 495
495 -button:focus:not(:where([data-module=onboarding] *)) {
496 +button:focus {
496 497 outline: 1px dotted;
497 498 outline: 5px auto -webkit-focus-ring-color;
498 499 }
499 500
@@ -558,37 +559,37 @@
558 559 }
559 560
560 561 hr {
561 562 border: 0 none;
562 - border-block-end: 1px solid var(--hr-color);
563 + border-bottom: 1px solid var(--hr-color);
563 564 }
564 565
565 566 .eps-display-1 {
566 567 font-size: 1.85rem;
567 568 color: var(--display-1-color);
568 - margin-block-start: 0.5rem;
569 - margin-block-end: 0.5rem;
569 + margin-top: 0.5rem;
570 + margin-bottom: 0.5rem;
570 571 }
571 572
572 573 .eps-display-2 {
573 574 font-size: 1.85rem;
574 575 color: var(--display-2-color);
575 - margin-block-start: 0.5rem;
576 - margin-block-end: 0.5rem;
576 + margin-top: 0.5rem;
577 + margin-bottom: 0.5rem;
577 578 }
578 579
579 580 .eps-display-3 {
580 581 font-size: 1.85rem;
581 582 color: var(--display-3-color);
582 - margin-block-start: 0;
583 - margin-block-end: 1.25rem;
583 + margin-top: 0;
584 + margin-bottom: 1.25rem;
584 585 }
585 586
586 587 .eps-display-4 {
587 588 font-size: 1.85rem;
588 589 color: var(--display-4-color);
589 - margin-block-start: 0.5rem;
590 - margin-block-end: 0.5rem;
590 + margin-top: 0.5rem;
591 + margin-bottom: 0.5rem;
591 592 }
592 593
593 594 h1,
594 595 .eps-h1 {
@@ -594,9 +595,9 @@
594 595 .eps-h1 {
595 596 font-size: 1.625rem;
596 597 line-height: 1;
597 598 color: var(--h1-color);
598 - margin-block-end: 1.25rem;
599 + margin-bottom: 1.25rem;
599 600 font-weight: 500;
600 601 }
601 602
602 603 h2,
@@ -603,10 +604,10 @@
603 604 .eps-h2 {
604 605 font-size: 1.25rem;
605 606 line-height: 1.2;
606 607 color: var(--h2-color);
607 - margin-block-start: 0;
608 - margin-block-end: 1.25rem;
608 + margin-top: 0;
609 + margin-bottom: 1.25rem;
609 610 font-weight: 500;
610 611 }
611 612
612 613 h3,
@@ -613,10 +614,10 @@
613 614 .eps-h3 {
614 615 font-size: 1rem;
615 616 line-height: 1.2;
616 617 color: var(--h3-color);
617 - margin-block-start: 0;
618 - margin-block-end: 0.5rem;
618 + margin-top: 0;
619 + margin-bottom: 0.5rem;
619 620 font-weight: 500;
620 621 }
621 622
622 623 h4,
@@ -622,10 +623,10 @@
622 623 h4,
623 624 .eps-h4 {
624 625 font-size: 0.9375rem;
625 626 color: var(--h4-color);
626 - margin-block-start: 0;
627 - margin-block-end: 0.5rem;
627 + margin-top: 0;
628 + margin-bottom: 0.5rem;
628 629 }
629 630
630 631 h5,
631 632 .eps-h5 {
@@ -630,10 +631,10 @@
630 631 h5,
631 632 .eps-h5 {
632 633 font-size: 0.875rem;
633 634 color: var(--h5-color);
634 - margin-block-start: 0;
635 - margin-block-end: 0.5rem;
635 + margin-top: 0;
636 + margin-bottom: 0.5rem;
636 637 }
637 638
638 639 h6,
639 640 .eps-h6 {
@@ -638,10 +639,10 @@
638 639 h6,
639 640 .eps-h6 {
640 641 font-size: 0.875rem;
641 642 color: var(--h-6-color);
642 - margin-block-start: 0;
643 - margin-block-end: 0.5rem;
643 + margin-top: 0;
644 + margin-bottom: 0.5rem;
644 645 font-weight: 700;
645 646 }
646 647
647 648 .eps-text-xxs {
@@ -687,21 +688,21 @@
687 688 }
688 689
689 690 .video-wrapper {
690 691 position: relative;
691 - padding-block-end: 56.25%;
692 + padding-bottom: 56.25%;
692 693 height: 0;
693 694 }
694 695 .video-wrapper iframe {
695 696 position: absolute;
696 - inset-block-start: 0;
697 - inset-inline-start: 0;
697 + top: 0;
698 + left: 0;
698 699 width: 100%;
699 700 height: 100%;
700 701 }
701 702
702 703 .eps-separator {
703 - margin-block-end: 2.75rem;
704 + margin-bottom: 2.75rem;
704 705 }
705 706
706 707 .eps-theme-dark {
707 708 --e-app-back-button-color: #BABFC5;
@@ -708,12 +709,13 @@
708 709 }
709 710
710 711 .back-button, .e-app-back-button {
711 712 --button-background-color: var(--e-app-back-button-color, #69727D);
712 - margin-block-end: 1.5rem;
713 + margin-bottom: 1.5rem;
713 714 }
714 715 .back-button .eps-icon, .e-app-back-button .eps-icon {
715 - margin-inline-end: 0.3125rem;
716 + -webkit-margin-end: 0.3125rem;
717 + margin-inline-end: 0.3125rem;
716 718 }
717 719
718 720 .eps-theme-dark {
719 721 --input-border-color: --hr-color;
@@ -751,22 +753,21 @@
751 753 justify-content: center;
752 754 position: fixed;
753 755 height: 100%;
754 756 width: 100%;
755 - inset-block-end: 0;
756 - inset-inline-start: 0;
757 757 background-color: var(--app-lightbox-background-color);
758 758 z-index: 1040;
759 + bottom: 0;
760 + left: 0;
759 761 }
760 762 .eps-app__header {
761 763 flex-shrink: 0;
762 764 font-size: 0.9375rem;
763 - border-block-end: var(--e-a-border);
765 + border-bottom: var(--e-a-border);
764 766 position: relative;
765 767 z-index: 3;
766 768 height: 3.125rem;
767 - padding-block: 0;
768 - padding-inline: 1rem;
769 + padding: 0 1rem;
769 770 }
770 771 .eps-app__header-buttons {
771 772 display: flex;
772 773 align-items: center;
@@ -773,9 +774,10 @@
773 774 flex-direction: row-reverse;
774 775 font-size: 1.125rem;
775 776 }
776 777 .eps-app__header-btn {
777 - padding-inline-start: 1rem;
778 + -webkit-padding-start: 1rem;
779 + padding-inline-start: 1rem;
778 780 font-size: 1.125rem;
779 781 line-height: 1.25rem;
780 782 }
781 783 .eps-app__header-btn:hover {
@@ -781,12 +783,14 @@
781 783 .eps-app__header-btn:hover {
782 784 color: var(--app-header-buttons-color-hover);
783 785 }
784 786 .eps-app__header-btn:first-child {
785 - border-inline-start: 1px solid var(--app-header-buttons-separator-color);
787 + -webkit-border-start: 1px solid var(--app-header-buttons-separator-color);
788 + border-inline-start: 1px solid var(--app-header-buttons-separator-color);
786 789 }
787 790 .eps-app__header-btn:not(:first-child) {
788 - padding-inline-end: 1rem;
791 + -webkit-padding-end: 1rem;
792 + padding-inline-end: 1rem;
789 793 }
790 794 .eps-app__logo-title-wrapper {
791 795 display: flex;
792 796 align-items: center;
@@ -796,14 +800,16 @@
796 800 width: 1.75rem;
797 801 height: 1.75rem;
798 802 line-height: 1.75rem;
799 803 text-align: center;
800 - font-size: 1.75rem;
804 + font-size: calc(0.4 * 1.75rem);
801 805 border-radius: 50%;
802 - color: var(--app-logo-background-color);
806 + color: var(--app-logo-color);
807 + background-color: var(--app-logo-background-color);
803 808 }
804 809 .eps-app__logo:not(:last-child) {
805 - margin-inline-end: 0.625rem;
810 + -webkit-margin-end: 0.625rem;
811 + margin-inline-end: 0.625rem;
806 812 }
807 813 .eps-app__title {
808 814 color: var(--app-title-color);
809 815 font-size: 0.9375rem;
@@ -808,9 +814,9 @@
808 814 color: var(--app-title-color);
809 815 font-size: 0.9375rem;
810 816 font-weight: 700;
811 817 text-transform: uppercase;
812 - margin-block-end: 0;
818 + margin-bottom: 0;
813 819 }
814 820 .eps-app__main {
815 821 display: flex;
816 822 overflow: hidden;
@@ -817,12 +823,13 @@
817 823 flex-grow: 1;
818 824 }
819 825 .eps-app__sidebar {
820 826 background-color: var(--app-sidebar-background-color);
821 - padding-block-start: 1.25rem;
827 + padding-top: 1.25rem;
822 828 width: 30%;
823 829 max-width: 17.1875rem;
824 - border-inline-end: var(--e-a-border);
830 + -webkit-border-end: var(--e-a-border);
831 + border-inline-end: var(--e-a-border);
825 832 flex-grow: 0;
826 833 overflow-y: auto;
827 834 z-index: 4;
828 835 }
@@ -842,9 +849,9 @@
842 849 --e-app-drop-zone-text-color: #69727D;
843 850 --e-app-drop-zone-secondary-text-color: #515962;
844 851 }
845 852 .e-app-drop-zone__icon {
846 - margin-block-end: 2.75rem;
853 + margin-bottom: 2.75rem;
847 854 font-size: 60px;
848 855 }
849 856 .e-app-drop-zone__text {
850 857 color: var(--e-app-drop-zone-text-color);
@@ -879,10 +886,10 @@
879 886 --info-toggle-color: var(--info-toggle-hover-color);
880 887 }
881 888
882 889 .e-site-editor__header {
883 - margin-block-end: 2.75rem;
884 - border-block-end: 1px solid var(--hr-color);
890 + margin-bottom: 2.75rem;
891 + border-bottom: 1px solid var(--hr-color);
885 892 }
886 893
887 894 :root {
888 895 --e-elementor-loader-color: #ffffff;
@@ -902,11 +909,11 @@
902 909 }
903 910
904 911 .elementor-loader-wrapper {
905 912 position: absolute;
906 - inset-block-start: 50%;
907 - inset-inline-start: 50%;
908 - transform: translate(calc(-50% * var(--direction-multiplier)), -50%);
913 + top: 50%;
914 + left: 50%;
915 + transform: translate(-50%, -50%);
909 916 width: 300px;
910 917 display: flex;
911 918 flex-direction: column;
912 919 align-items: center;
@@ -936,27 +943,27 @@
936 943 }
937 944 .elementor-loader-box:nth-of-type(1) {
938 945 width: 20%;
939 946 height: 100%;
940 - inset-block-start: 0;
941 - inset-inline-start: 0;
947 + left: 0;
948 + top: 0;
942 949 }
943 950 .elementor-loader-box:not(:nth-of-type(1)) {
944 - inset-inline-end: 0;
951 + right: 0;
945 952 height: 20%;
946 953 width: 60%;
947 954 }
948 955 .elementor-loader-box:nth-of-type(2) {
949 956 top: 0;
950 - animation-delay: calc(1.8s / 4 * -1);
957 + animation-delay: calc( 1.8s / 4 * -1 );
951 958 }
952 959 .elementor-loader-box:nth-of-type(3) {
953 960 top: 40%;
954 - animation-delay: calc(1.8s / 4 * -2);
961 + animation-delay: calc( 1.8s / 4 * -2 );
955 962 }
956 963 .elementor-loader-box:nth-of-type(4) {
957 964 bottom: 0;
958 - animation-delay: calc(1.8s / 4 * -3);
965 + animation-delay: calc( 1.8s / 4 * -3 );
959 966 }
960 967
961 968 .elementor-loading-title {
962 969 color: #9DA5AE;
@@ -979,25 +986,26 @@
979 986 opacity: 0.3;
980 987 }
981 988 }
982 989 .eps-menu__title {
983 - margin-block-start: 2.75rem;
984 - margin-block-end: 1rem;
990 + margin-top: 2.75rem;
991 + margin-bottom: 1rem;
985 992 }
986 993
987 994 .e-app-import {
988 995 --e-app-import-back-to-library-color: #69727D;
989 - padding-block-end: 1.25rem;
996 + padding-bottom: 1.25rem;
990 997 }
991 998 .e-app-import__drop-zone {
992 - margin-block-start: 1.25rem;
999 + margin-top: 1.25rem;
993 1000 }
994 1001 .e-app-import__back-to-library {
995 1002 color: var(--e-app-import-back-to-library-color);
996 - margin-block-end: 1.5rem;
1003 + margin-bottom: 1.5rem;
997 1004 }
998 1005 .e-app-import__back-to-library > i {
999 - margin-inline-end: 0.5rem;
1006 + -webkit-margin-end: 0.5rem;
1007 + margin-inline-end: 0.5rem;
1000 1008 }
1001 1009
1002 1010 .eps-theme-dark .e-app-import {
1003 1011 --e-app-import-back-to-library-color: #BABFC5;
@@ -1014,15 +1022,15 @@
1014 1022 }
1015 1023 .e-site-editor__promotion-overlay__icon {
1016 1024 font-size: 1.25rem;
1017 1025 color: #ffffff;
1018 - margin-block-end: 1rem;
1026 + margin-bottom: 1rem;
1019 1027 }
1020 1028
1021 1029 .e-app-import-export-wizard-step {
1022 1030 --e-app-import-export-wizard-step-icon-color: #818A96;
1023 1031 --e-app-import-export-wizard-step-text-color: #69727D;
1024 - --e-app-import-export-wizard-step-block-end-text-color: #69727D;
1032 + --e-app-import-export-wizard-step-bottom-text-color: #69727D;
1025 1033 height: 100%;
1026 1034 position: relative;
1027 1035 text-align: center;
1028 1036 }
@@ -1037,42 +1045,42 @@
1037 1045 .e-app-import-export-wizard-step__icon.eicon-loading {
1038 1046 font-size: 1.85rem;
1039 1047 }
1040 1048 .e-app-import-export-wizard-step__heading {
1041 - margin-block-end: 1.5rem;
1049 + margin-bottom: 1.5rem;
1042 1050 }
1043 1051 .e-app-import-export-wizard-step__description, .e-app-import-export-wizard-step__info {
1044 1052 color: var(--e-app-import-export-wizard-step-text-color);
1045 1053 }
1046 1054 .e-app-import-export-wizard-step__info {
1047 - margin-block-start: 1.5rem;
1055 + margin-top: 1.5rem;
1048 1056 }
1049 1057 .e-app-import-export-wizard-step__content {
1050 1058 text-align: initial;
1051 - margin-block-end: 1.25rem;
1059 + margin-bottom: 1.25rem;
1052 1060 }
1053 1061 .e-app-import-export-wizard-step__notice {
1054 1062 display: block;
1055 1063 position: sticky;
1056 - inset-block-start: 100%; /* Will prevent text overlapping when window height is too short. */
1057 - color: var(--e-app-import-export-wizard-step-block-end-text-color);
1064 + top: 100%; /* Will prevent text overlapping when window height is too short. */
1065 + color: var(--e-app-import-export-wizard-step-bottom-text-color);
1058 1066 font-style: italic;
1059 - margin-block-end: 0;
1067 + margin-bottom: 0;
1060 1068 }
1061 1069
1062 1070 .eps-theme-dark .e-app-import-export-wizard-step {
1063 1071 --e-app-import-export-wizard-step-icon-color: #818A96;
1064 1072 --e-app-import-export-wizard-step-text-color: #BABFC5;
1065 - --e-app-import-export-wizard-step-block-end-text-color: #BABFC5;
1073 + --e-app-import-export-wizard-step-bottom-text-color: #BABFC5;
1066 1074 }
1067 1075
1068 1076 .e-app-import-export-page-header {
1069 1077 --e-app-import-export-page-header-heading-color: #515962;
1070 1078 --e-app-import-export-page-header-description-color: #69727D;
1071 - margin-block-end: 2.75rem;
1079 + margin-bottom: 2.75rem;
1072 1080 }
1073 1081 .e-app-import-export-page-header__content-wrapper {
1074 - max-width: 655px;
1082 + max-width: 645px;
1075 1083 }
1076 1084 .e-app-import-export-page-header__heading {
1077 1085 color: var(--e-app-import-export-page-header-heading-color);
1078 1086 }
@@ -1077,9 +1085,9 @@
1077 1085 color: var(--e-app-import-export-page-header-heading-color);
1078 1086 }
1079 1087 .e-app-import-export-page-header__description {
1080 1088 color: var(--e-app-import-export-page-header-description-color);
1081 - margin-block-start: 1.25rem;
1089 + margin-top: 1.25rem;
1082 1090 }
1083 1091
1084 1092 .eps-theme-dark .e-app-import-export-page-header {
1085 1093 --e-app-import-export-page-header-heading-color: #D5D8DC;
@@ -1092,9 +1100,10 @@
1092 1100 --e-app-export-kit-content-sm-notice-color: #BABFC5;
1093 1101 }
1094 1102 .e-app-export-kit-content__checkbox {
1095 1103 flex-shrink: 0;
1096 - margin-inline-end: 0.75rem;
1104 + -webkit-margin-end: 0.75rem;
1105 + margin-inline-end: 0.75rem;
1097 1106 }
1098 1107 .e-app-export-kit-content__title {
1099 1108 color: var(--e-app-export-kit-content-title-color);
1100 1109 }
@@ -1099,12 +1108,13 @@
1099 1108 color: var(--e-app-export-kit-content-title-color);
1100 1109 }
1101 1110 .e-app-export-kit-content__description {
1102 1111 color: var(--e-app-export-kit-content-description-color);
1103 - margin-inline-end: 1.25rem;
1112 + -webkit-margin-end: 1.25rem;
1113 + margin-inline-end: 1.25rem;
1104 1114 }
1105 1115 .e-app-export-kit-content__notice {
1106 - margin-block-start: 1rem;
1116 + margin-top: 1rem;
1107 1117 }
1108 1118 .e-app-export-kit-content__small-notice {
1109 1119 font-style: italic;
1110 1120 color: var(--e-app-export-kit-content-sm-notice-color);
@@ -1120,9 +1130,9 @@
1120 1130 --e-app-wizard-footer-border-color: #E6E8EA;
1121 1131 padding: 0.5rem;
1122 1132 }
1123 1133 .e-app-wizard-footer__separator {
1124 - border-block-start: 1px solid var(--e-app-wizard-footer-border-color);
1134 + border-top: 1px solid var(--e-app-wizard-footer-border-color);
1125 1135 }
1126 1136
1127 1137 .eps-theme-dark .e-app-wizard-footer {
1128 1138 --e-app-wizard-footer-border-color: #333438;
@@ -1169,12 +1179,15 @@
1169 1179 border: var(--card-border);
1170 1180 border-radius: 0.1875rem;
1171 1181 transition: 0.3s;
1172 1182 font-size: 0.75rem;
1183 + /*
1184 + todo: TBD: Optionally remove headline styling in favor of a global atom depending on variation needs
1185 + */
1173 1186 }
1174 1187 .eps-card__header {
1175 1188 padding: 0.625rem;
1176 - border-block-end: var(--card-header-footer-border);
1189 + border-bottom: var(--card-header-footer-border);
1177 1190 min-height: 2.5rem;
1178 1191 display: flex;
1179 1192 align-items: center;
1180 1193 }
@@ -1180,16 +1193,11 @@
1180 1193 }
1181 1194 .eps-card__header--padding {
1182 1195 padding: var(--eps-card-header-padding);
1183 1196 }
1184 -.eps-card {
1185 - /*
1186 - todo: TBD: Optionally remove headline styling in favor of a global atom depending on variation needs
1187 - */
1188 -}
1189 1197 .eps-card__headline {
1190 1198 color: var(--card-headline-color);
1191 - margin-block-end: 0;
1199 + margin-bottom: 0;
1192 1200 font-weight: 500;
1193 1201 flex-grow: 1;
1194 1202 overflow: hidden;
1195 1203 text-overflow: ellipsis;
@@ -1203,9 +1211,9 @@
1203 1211 }
1204 1212 .eps-card__figure {
1205 1213 background-color: var(--card-figure-background-color);
1206 1214 position: relative;
1207 - padding-block-end: var(--card-image-aspect-ratio, 95.6%);
1215 + padding-bottom: var(--card-image-aspect-ratio, 95.6%);
1208 1216 overflow: hidden;
1209 1217 height: 0;
1210 1218 }
1211 1219 .eps-card__image {
@@ -1214,14 +1222,14 @@
1214 1222 object-fit: contain;
1215 1223 -o-object-position: top;
1216 1224 object-position: top;
1217 1225 position: absolute;
1218 - inset-block-start: 0;
1219 - inset-inline-start: 0;
1226 + top: 0;
1227 + left: 0;
1220 1228 }
1221 1229 .eps-card__image-overlay {
1222 1230 position: absolute;
1223 - inset-block-start: 0;
1231 + top: 0;
1224 1232 background-color: var(--card-image-overlay-background-color);
1225 1233 z-index: 1;
1226 1234 width: 100%;
1227 1235 height: 100%;
@@ -1232,9 +1240,9 @@
1232 1240 opacity: 1;
1233 1241 }
1234 1242 .eps-card__footer {
1235 1243 padding: 0.625rem;
1236 - border-block-start: var(--card-header-footer-border);
1244 + border-top: var(--card-header-footer-border);
1237 1245 font-size: 0.6875rem;
1238 1246 }
1239 1247 .eps-card__footer--padding {
1240 1248 padding: var(--eps-card-footer-padding);
@@ -1268,9 +1276,9 @@
1268 1276 .eps-menu-item::before {
1269 1277 content: "";
1270 1278 display: block;
1271 1279 position: absolute;
1272 - inset-block-start: 0;
1280 + top: 0;
1273 1281 inset-inline-start: 0;
1274 1282 height: 100%;
1275 1283 width: var(--menu-item-pointer-width);
1276 1284 background-color: #0C0D0E;
@@ -1297,19 +1305,22 @@
1297 1305 color: var(--menu-item-color);
1298 1306 --eps-link-color: var(--menu-item-color);
1299 1307 }
1300 1308 .eps-menu-item__link:not(:last-child) {
1301 - padding-inline-end: 0;
1309 + -webkit-padding-end: 0;
1310 + padding-inline-end: 0;
1302 1311 }
1303 1312 .eps-menu-item__link .eps-icon {
1304 1313 font-size: 1.125rem;
1305 - margin-inline-end: 0.75rem;
1314 + -webkit-margin-end: 0.75rem;
1315 + margin-inline-end: 0.75rem;
1306 1316 }
1307 1317 .eps-menu-item__action-button {
1308 1318 opacity: var(--action-button-opacity);
1309 1319 padding: 0.625rem;
1310 1320 transition: 0.3s;
1311 - margin-inline-end: 1.25rem;
1321 + -webkit-margin-end: 1.25rem;
1322 + margin-inline-end: 1.25rem;
1312 1323 }
1313 1324 .eps-menu-item--active {
1314 1325 --menu-item-pointer-width: 0.3125rem;
1315 1326 }
@@ -1325,9 +1336,9 @@
1325 1336 .eps-grid-container--wrap-reverse {
1326 1337 flex-wrap: wrap-reverse;
1327 1338 }
1328 1339 .eps-grid-container--spacing {
1329 - --grid-row-gutter: calc(-1 * calc(var(--grid-spacing-gutter) * 0.625rem / 10));
1340 + --grid-row-gutter: calc(-1 * calc(var(--grid-spacing-gutter) * (0.625rem / 10)));
1330 1341 width: var(--grid-spacing-width);
1331 1342 margin: var(--grid-row-gutter);
1332 1343 }
1333 1344 .eps-grid-container--spacing > .eps-grid-item {
@@ -1437,386 +1448,386 @@
1437 1448 }
1438 1449 }
1439 1450 .eps-grid-item-xs-1 {
1440 1451 flex-grow: 0;
1441 - max-width: calc(1 / 12 * 100%);
1442 - flex-basis: calc(1 / 12 * 100%);
1452 + max-width: calc( 1 / 12 * 100% );
1453 + flex-basis: calc( 1 / 12 * 100% );
1443 1454 }
1444 1455
1445 1456 .eps-grid-item-xs-2 {
1446 1457 flex-grow: 0;
1447 - max-width: calc(2 / 12 * 100%);
1448 - flex-basis: calc(2 / 12 * 100%);
1458 + max-width: calc( 2 / 12 * 100% );
1459 + flex-basis: calc( 2 / 12 * 100% );
1449 1460 }
1450 1461
1451 1462 .eps-grid-item-xs-3 {
1452 1463 flex-grow: 0;
1453 - max-width: calc(3 / 12 * 100%);
1454 - flex-basis: calc(3 / 12 * 100%);
1464 + max-width: calc( 3 / 12 * 100% );
1465 + flex-basis: calc( 3 / 12 * 100% );
1455 1466 }
1456 1467
1457 1468 .eps-grid-item-xs-4 {
1458 1469 flex-grow: 0;
1459 - max-width: calc(4 / 12 * 100%);
1460 - flex-basis: calc(4 / 12 * 100%);
1470 + max-width: calc( 4 / 12 * 100% );
1471 + flex-basis: calc( 4 / 12 * 100% );
1461 1472 }
1462 1473
1463 1474 .eps-grid-item-xs-5 {
1464 1475 flex-grow: 0;
1465 - max-width: calc(5 / 12 * 100%);
1466 - flex-basis: calc(5 / 12 * 100%);
1476 + max-width: calc( 5 / 12 * 100% );
1477 + flex-basis: calc( 5 / 12 * 100% );
1467 1478 }
1468 1479
1469 1480 .eps-grid-item-xs-6 {
1470 1481 flex-grow: 0;
1471 - max-width: calc(6 / 12 * 100%);
1472 - flex-basis: calc(6 / 12 * 100%);
1482 + max-width: calc( 6 / 12 * 100% );
1483 + flex-basis: calc( 6 / 12 * 100% );
1473 1484 }
1474 1485
1475 1486 .eps-grid-item-xs-7 {
1476 1487 flex-grow: 0;
1477 - max-width: calc(7 / 12 * 100%);
1478 - flex-basis: calc(7 / 12 * 100%);
1488 + max-width: calc( 7 / 12 * 100% );
1489 + flex-basis: calc( 7 / 12 * 100% );
1479 1490 }
1480 1491
1481 1492 .eps-grid-item-xs-8 {
1482 1493 flex-grow: 0;
1483 - max-width: calc(8 / 12 * 100%);
1484 - flex-basis: calc(8 / 12 * 100%);
1494 + max-width: calc( 8 / 12 * 100% );
1495 + flex-basis: calc( 8 / 12 * 100% );
1485 1496 }
1486 1497
1487 1498 .eps-grid-item-xs-9 {
1488 1499 flex-grow: 0;
1489 - max-width: calc(9 / 12 * 100%);
1490 - flex-basis: calc(9 / 12 * 100%);
1500 + max-width: calc( 9 / 12 * 100% );
1501 + flex-basis: calc( 9 / 12 * 100% );
1491 1502 }
1492 1503
1493 1504 .eps-grid-item-xs-10 {
1494 1505 flex-grow: 0;
1495 - max-width: calc(10 / 12 * 100%);
1496 - flex-basis: calc(10 / 12 * 100%);
1506 + max-width: calc( 10 / 12 * 100% );
1507 + flex-basis: calc( 10 / 12 * 100% );
1497 1508 }
1498 1509
1499 1510 .eps-grid-item-xs-11 {
1500 1511 flex-grow: 0;
1501 - max-width: calc(11 / 12 * 100%);
1502 - flex-basis: calc(11 / 12 * 100%);
1512 + max-width: calc( 11 / 12 * 100% );
1513 + flex-basis: calc( 11 / 12 * 100% );
1503 1514 }
1504 1515
1505 1516 .eps-grid-item-xs-12 {
1506 1517 flex-grow: 0;
1507 - max-width: calc(12 / 12 * 100%);
1508 - flex-basis: calc(12 / 12 * 100%);
1518 + max-width: calc( 12 / 12 * 100% );
1519 + flex-basis: calc( 12 / 12 * 100% );
1509 1520 }
1510 1521
1511 1522 @media screen and (min-width: 480px) {
1512 1523 .eps-grid-item-sm-1 {
1513 1524 flex-grow: 0;
1514 - max-width: calc(1 / 12 * 100%);
1515 - flex-basis: calc(1 / 12 * 100%);
1525 + max-width: calc( 1 / 12 * 100% );
1526 + flex-basis: calc( 1 / 12 * 100% );
1516 1527 }
1517 1528 .eps-grid-item-sm-2 {
1518 1529 flex-grow: 0;
1519 - max-width: calc(2 / 12 * 100%);
1520 - flex-basis: calc(2 / 12 * 100%);
1530 + max-width: calc( 2 / 12 * 100% );
1531 + flex-basis: calc( 2 / 12 * 100% );
1521 1532 }
1522 1533 .eps-grid-item-sm-3 {
1523 1534 flex-grow: 0;
1524 - max-width: calc(3 / 12 * 100%);
1525 - flex-basis: calc(3 / 12 * 100%);
1535 + max-width: calc( 3 / 12 * 100% );
1536 + flex-basis: calc( 3 / 12 * 100% );
1526 1537 }
1527 1538 .eps-grid-item-sm-4 {
1528 1539 flex-grow: 0;
1529 - max-width: calc(4 / 12 * 100%);
1530 - flex-basis: calc(4 / 12 * 100%);
1540 + max-width: calc( 4 / 12 * 100% );
1541 + flex-basis: calc( 4 / 12 * 100% );
1531 1542 }
1532 1543 .eps-grid-item-sm-5 {
1533 1544 flex-grow: 0;
1534 - max-width: calc(5 / 12 * 100%);
1535 - flex-basis: calc(5 / 12 * 100%);
1545 + max-width: calc( 5 / 12 * 100% );
1546 + flex-basis: calc( 5 / 12 * 100% );
1536 1547 }
1537 1548 .eps-grid-item-sm-6 {
1538 1549 flex-grow: 0;
1539 - max-width: calc(6 / 12 * 100%);
1540 - flex-basis: calc(6 / 12 * 100%);
1550 + max-width: calc( 6 / 12 * 100% );
1551 + flex-basis: calc( 6 / 12 * 100% );
1541 1552 }
1542 1553 .eps-grid-item-sm-7 {
1543 1554 flex-grow: 0;
1544 - max-width: calc(7 / 12 * 100%);
1545 - flex-basis: calc(7 / 12 * 100%);
1555 + max-width: calc( 7 / 12 * 100% );
1556 + flex-basis: calc( 7 / 12 * 100% );
1546 1557 }
1547 1558 .eps-grid-item-sm-8 {
1548 1559 flex-grow: 0;
1549 - max-width: calc(8 / 12 * 100%);
1550 - flex-basis: calc(8 / 12 * 100%);
1560 + max-width: calc( 8 / 12 * 100% );
1561 + flex-basis: calc( 8 / 12 * 100% );
1551 1562 }
1552 1563 .eps-grid-item-sm-9 {
1553 1564 flex-grow: 0;
1554 - max-width: calc(9 / 12 * 100%);
1555 - flex-basis: calc(9 / 12 * 100%);
1565 + max-width: calc( 9 / 12 * 100% );
1566 + flex-basis: calc( 9 / 12 * 100% );
1556 1567 }
1557 1568 .eps-grid-item-sm-10 {
1558 1569 flex-grow: 0;
1559 - max-width: calc(10 / 12 * 100%);
1560 - flex-basis: calc(10 / 12 * 100%);
1570 + max-width: calc( 10 / 12 * 100% );
1571 + flex-basis: calc( 10 / 12 * 100% );
1561 1572 }
1562 1573 .eps-grid-item-sm-11 {
1563 1574 flex-grow: 0;
1564 - max-width: calc(11 / 12 * 100%);
1565 - flex-basis: calc(11 / 12 * 100%);
1575 + max-width: calc( 11 / 12 * 100% );
1576 + flex-basis: calc( 11 / 12 * 100% );
1566 1577 }
1567 1578 .eps-grid-item-sm-12 {
1568 1579 flex-grow: 0;
1569 - max-width: calc(12 / 12 * 100%);
1570 - flex-basis: calc(12 / 12 * 100%);
1580 + max-width: calc( 12 / 12 * 100% );
1581 + flex-basis: calc( 12 / 12 * 100% );
1571 1582 }
1572 1583 }
1573 1584 @media screen and (min-width: 768px) {
1574 1585 .eps-grid-item-md-1 {
1575 1586 flex-grow: 0;
1576 - max-width: calc(1 / 12 * 100%);
1577 - flex-basis: calc(1 / 12 * 100%);
1587 + max-width: calc( 1 / 12 * 100% );
1588 + flex-basis: calc( 1 / 12 * 100% );
1578 1589 }
1579 1590 .eps-grid-item-md-2 {
1580 1591 flex-grow: 0;
1581 - max-width: calc(2 / 12 * 100%);
1582 - flex-basis: calc(2 / 12 * 100%);
1592 + max-width: calc( 2 / 12 * 100% );
1593 + flex-basis: calc( 2 / 12 * 100% );
1583 1594 }
1584 1595 .eps-grid-item-md-3 {
1585 1596 flex-grow: 0;
1586 - max-width: calc(3 / 12 * 100%);
1587 - flex-basis: calc(3 / 12 * 100%);
1597 + max-width: calc( 3 / 12 * 100% );
1598 + flex-basis: calc( 3 / 12 * 100% );
1588 1599 }
1589 1600 .eps-grid-item-md-4 {
1590 1601 flex-grow: 0;
1591 - max-width: calc(4 / 12 * 100%);
1592 - flex-basis: calc(4 / 12 * 100%);
1602 + max-width: calc( 4 / 12 * 100% );
1603 + flex-basis: calc( 4 / 12 * 100% );
1593 1604 }
1594 1605 .eps-grid-item-md-5 {
1595 1606 flex-grow: 0;
1596 - max-width: calc(5 / 12 * 100%);
1597 - flex-basis: calc(5 / 12 * 100%);
1607 + max-width: calc( 5 / 12 * 100% );
1608 + flex-basis: calc( 5 / 12 * 100% );
1598 1609 }
1599 1610 .eps-grid-item-md-6 {
1600 1611 flex-grow: 0;
1601 - max-width: calc(6 / 12 * 100%);
1602 - flex-basis: calc(6 / 12 * 100%);
1612 + max-width: calc( 6 / 12 * 100% );
1613 + flex-basis: calc( 6 / 12 * 100% );
1603 1614 }
1604 1615 .eps-grid-item-md-7 {
1605 1616 flex-grow: 0;
1606 - max-width: calc(7 / 12 * 100%);
1607 - flex-basis: calc(7 / 12 * 100%);
1617 + max-width: calc( 7 / 12 * 100% );
1618 + flex-basis: calc( 7 / 12 * 100% );
1608 1619 }
1609 1620 .eps-grid-item-md-8 {
1610 1621 flex-grow: 0;
1611 - max-width: calc(8 / 12 * 100%);
1612 - flex-basis: calc(8 / 12 * 100%);
1622 + max-width: calc( 8 / 12 * 100% );
1623 + flex-basis: calc( 8 / 12 * 100% );
1613 1624 }
1614 1625 .eps-grid-item-md-9 {
1615 1626 flex-grow: 0;
1616 - max-width: calc(9 / 12 * 100%);
1617 - flex-basis: calc(9 / 12 * 100%);
1627 + max-width: calc( 9 / 12 * 100% );
1628 + flex-basis: calc( 9 / 12 * 100% );
1618 1629 }
1619 1630 .eps-grid-item-md-10 {
1620 1631 flex-grow: 0;
1621 - max-width: calc(10 / 12 * 100%);
1622 - flex-basis: calc(10 / 12 * 100%);
1632 + max-width: calc( 10 / 12 * 100% );
1633 + flex-basis: calc( 10 / 12 * 100% );
1623 1634 }
1624 1635 .eps-grid-item-md-11 {
1625 1636 flex-grow: 0;
1626 - max-width: calc(11 / 12 * 100%);
1627 - flex-basis: calc(11 / 12 * 100%);
1637 + max-width: calc( 11 / 12 * 100% );
1638 + flex-basis: calc( 11 / 12 * 100% );
1628 1639 }
1629 1640 .eps-grid-item-md-12 {
1630 1641 flex-grow: 0;
1631 - max-width: calc(12 / 12 * 100%);
1632 - flex-basis: calc(12 / 12 * 100%);
1642 + max-width: calc( 12 / 12 * 100% );
1643 + flex-basis: calc( 12 / 12 * 100% );
1633 1644 }
1634 1645 }
1635 1646 @media screen and (min-width: 1025px) {
1636 1647 .eps-grid-item-lg-1 {
1637 1648 flex-grow: 0;
1638 - max-width: calc(1 / 12 * 100%);
1639 - flex-basis: calc(1 / 12 * 100%);
1649 + max-width: calc( 1 / 12 * 100% );
1650 + flex-basis: calc( 1 / 12 * 100% );
1640 1651 }
1641 1652 .eps-grid-item-lg-2 {
1642 1653 flex-grow: 0;
1643 - max-width: calc(2 / 12 * 100%);
1644 - flex-basis: calc(2 / 12 * 100%);
1654 + max-width: calc( 2 / 12 * 100% );
1655 + flex-basis: calc( 2 / 12 * 100% );
1645 1656 }
1646 1657 .eps-grid-item-lg-3 {
1647 1658 flex-grow: 0;
1648 - max-width: calc(3 / 12 * 100%);
1649 - flex-basis: calc(3 / 12 * 100%);
1659 + max-width: calc( 3 / 12 * 100% );
1660 + flex-basis: calc( 3 / 12 * 100% );
1650 1661 }
1651 1662 .eps-grid-item-lg-4 {
1652 1663 flex-grow: 0;
1653 - max-width: calc(4 / 12 * 100%);
1654 - flex-basis: calc(4 / 12 * 100%);
1664 + max-width: calc( 4 / 12 * 100% );
1665 + flex-basis: calc( 4 / 12 * 100% );
1655 1666 }
1656 1667 .eps-grid-item-lg-5 {
1657 1668 flex-grow: 0;
1658 - max-width: calc(5 / 12 * 100%);
1659 - flex-basis: calc(5 / 12 * 100%);
1669 + max-width: calc( 5 / 12 * 100% );
1670 + flex-basis: calc( 5 / 12 * 100% );
1660 1671 }
1661 1672 .eps-grid-item-lg-6 {
1662 1673 flex-grow: 0;
1663 - max-width: calc(6 / 12 * 100%);
1664 - flex-basis: calc(6 / 12 * 100%);
1674 + max-width: calc( 6 / 12 * 100% );
1675 + flex-basis: calc( 6 / 12 * 100% );
1665 1676 }
1666 1677 .eps-grid-item-lg-7 {
1667 1678 flex-grow: 0;
1668 - max-width: calc(7 / 12 * 100%);
1669 - flex-basis: calc(7 / 12 * 100%);
1679 + max-width: calc( 7 / 12 * 100% );
1680 + flex-basis: calc( 7 / 12 * 100% );
1670 1681 }
1671 1682 .eps-grid-item-lg-8 {
1672 1683 flex-grow: 0;
1673 - max-width: calc(8 / 12 * 100%);
1674 - flex-basis: calc(8 / 12 * 100%);
1684 + max-width: calc( 8 / 12 * 100% );
1685 + flex-basis: calc( 8 / 12 * 100% );
1675 1686 }
1676 1687 .eps-grid-item-lg-9 {
1677 1688 flex-grow: 0;
1678 - max-width: calc(9 / 12 * 100%);
1679 - flex-basis: calc(9 / 12 * 100%);
1689 + max-width: calc( 9 / 12 * 100% );
1690 + flex-basis: calc( 9 / 12 * 100% );
1680 1691 }
1681 1692 .eps-grid-item-lg-10 {
1682 1693 flex-grow: 0;
1683 - max-width: calc(10 / 12 * 100%);
1684 - flex-basis: calc(10 / 12 * 100%);
1694 + max-width: calc( 10 / 12 * 100% );
1695 + flex-basis: calc( 10 / 12 * 100% );
1685 1696 }
1686 1697 .eps-grid-item-lg-11 {
1687 1698 flex-grow: 0;
1688 - max-width: calc(11 / 12 * 100%);
1689 - flex-basis: calc(11 / 12 * 100%);
1699 + max-width: calc( 11 / 12 * 100% );
1700 + flex-basis: calc( 11 / 12 * 100% );
1690 1701 }
1691 1702 .eps-grid-item-lg-12 {
1692 1703 flex-grow: 0;
1693 - max-width: calc(12 / 12 * 100%);
1694 - flex-basis: calc(12 / 12 * 100%);
1704 + max-width: calc( 12 / 12 * 100% );
1705 + flex-basis: calc( 12 / 12 * 100% );
1695 1706 }
1696 1707 }
1697 1708 @media screen and (min-width: 1440px) {
1698 1709 .eps-grid-item-xl-1 {
1699 1710 flex-grow: 0;
1700 - max-width: calc(1 / 12 * 100%);
1701 - flex-basis: calc(1 / 12 * 100%);
1711 + max-width: calc( 1 / 12 * 100% );
1712 + flex-basis: calc( 1 / 12 * 100% );
1702 1713 }
1703 1714 .eps-grid-item-xl-2 {
1704 1715 flex-grow: 0;
1705 - max-width: calc(2 / 12 * 100%);
1706 - flex-basis: calc(2 / 12 * 100%);
1716 + max-width: calc( 2 / 12 * 100% );
1717 + flex-basis: calc( 2 / 12 * 100% );
1707 1718 }
1708 1719 .eps-grid-item-xl-3 {
1709 1720 flex-grow: 0;
1710 - max-width: calc(3 / 12 * 100%);
1711 - flex-basis: calc(3 / 12 * 100%);
1721 + max-width: calc( 3 / 12 * 100% );
1722 + flex-basis: calc( 3 / 12 * 100% );
1712 1723 }
1713 1724 .eps-grid-item-xl-4 {
1714 1725 flex-grow: 0;
1715 - max-width: calc(4 / 12 * 100%);
1716 - flex-basis: calc(4 / 12 * 100%);
1726 + max-width: calc( 4 / 12 * 100% );
1727 + flex-basis: calc( 4 / 12 * 100% );
1717 1728 }
1718 1729 .eps-grid-item-xl-5 {
1719 1730 flex-grow: 0;
1720 - max-width: calc(5 / 12 * 100%);
1721 - flex-basis: calc(5 / 12 * 100%);
1731 + max-width: calc( 5 / 12 * 100% );
1732 + flex-basis: calc( 5 / 12 * 100% );
1722 1733 }
1723 1734 .eps-grid-item-xl-6 {
1724 1735 flex-grow: 0;
1725 - max-width: calc(6 / 12 * 100%);
1726 - flex-basis: calc(6 / 12 * 100%);
1736 + max-width: calc( 6 / 12 * 100% );
1737 + flex-basis: calc( 6 / 12 * 100% );
1727 1738 }
1728 1739 .eps-grid-item-xl-7 {
1729 1740 flex-grow: 0;
1730 - max-width: calc(7 / 12 * 100%);
1731 - flex-basis: calc(7 / 12 * 100%);
1741 + max-width: calc( 7 / 12 * 100% );
1742 + flex-basis: calc( 7 / 12 * 100% );
1732 1743 }
1733 1744 .eps-grid-item-xl-8 {
1734 1745 flex-grow: 0;
1735 - max-width: calc(8 / 12 * 100%);
1736 - flex-basis: calc(8 / 12 * 100%);
1746 + max-width: calc( 8 / 12 * 100% );
1747 + flex-basis: calc( 8 / 12 * 100% );
1737 1748 }
1738 1749 .eps-grid-item-xl-9 {
1739 1750 flex-grow: 0;
1740 - max-width: calc(9 / 12 * 100%);
1741 - flex-basis: calc(9 / 12 * 100%);
1751 + max-width: calc( 9 / 12 * 100% );
1752 + flex-basis: calc( 9 / 12 * 100% );
1742 1753 }
1743 1754 .eps-grid-item-xl-10 {
1744 1755 flex-grow: 0;
1745 - max-width: calc(10 / 12 * 100%);
1746 - flex-basis: calc(10 / 12 * 100%);
1756 + max-width: calc( 10 / 12 * 100% );
1757 + flex-basis: calc( 10 / 12 * 100% );
1747 1758 }
1748 1759 .eps-grid-item-xl-11 {
1749 1760 flex-grow: 0;
1750 - max-width: calc(11 / 12 * 100%);
1751 - flex-basis: calc(11 / 12 * 100%);
1761 + max-width: calc( 11 / 12 * 100% );
1762 + flex-basis: calc( 11 / 12 * 100% );
1752 1763 }
1753 1764 .eps-grid-item-xl-12 {
1754 1765 flex-grow: 0;
1755 - max-width: calc(12 / 12 * 100%);
1756 - flex-basis: calc(12 / 12 * 100%);
1766 + max-width: calc( 12 / 12 * 100% );
1767 + flex-basis: calc( 12 / 12 * 100% );
1757 1768 }
1758 1769 }
1759 1770 @media screen and (min-width: 1600px) {
1760 1771 .eps-grid-item-xxl-1 {
1761 1772 flex-grow: 0;
1762 - max-width: calc(1 / 12 * 100%);
1763 - flex-basis: calc(1 / 12 * 100%);
1773 + max-width: calc( 1 / 12 * 100% );
1774 + flex-basis: calc( 1 / 12 * 100% );
1764 1775 }
1765 1776 .eps-grid-item-xxl-2 {
1766 1777 flex-grow: 0;
1767 - max-width: calc(2 / 12 * 100%);
1768 - flex-basis: calc(2 / 12 * 100%);
1778 + max-width: calc( 2 / 12 * 100% );
1779 + flex-basis: calc( 2 / 12 * 100% );
1769 1780 }
1770 1781 .eps-grid-item-xxl-3 {
1771 1782 flex-grow: 0;
1772 - max-width: calc(3 / 12 * 100%);
1773 - flex-basis: calc(3 / 12 * 100%);
1783 + max-width: calc( 3 / 12 * 100% );
1784 + flex-basis: calc( 3 / 12 * 100% );
1774 1785 }
1775 1786 .eps-grid-item-xxl-4 {
1776 1787 flex-grow: 0;
1777 - max-width: calc(4 / 12 * 100%);
1778 - flex-basis: calc(4 / 12 * 100%);
1788 + max-width: calc( 4 / 12 * 100% );
1789 + flex-basis: calc( 4 / 12 * 100% );
1779 1790 }
1780 1791 .eps-grid-item-xxl-5 {
1781 1792 flex-grow: 0;
1782 - max-width: calc(5 / 12 * 100%);
1783 - flex-basis: calc(5 / 12 * 100%);
1793 + max-width: calc( 5 / 12 * 100% );
1794 + flex-basis: calc( 5 / 12 * 100% );
1784 1795 }
1785 1796 .eps-grid-item-xxl-6 {
1786 1797 flex-grow: 0;
1787 - max-width: calc(6 / 12 * 100%);
1788 - flex-basis: calc(6 / 12 * 100%);
1798 + max-width: calc( 6 / 12 * 100% );
1799 + flex-basis: calc( 6 / 12 * 100% );
1789 1800 }
1790 1801 .eps-grid-item-xxl-7 {
1791 1802 flex-grow: 0;
1792 - max-width: calc(7 / 12 * 100%);
1793 - flex-basis: calc(7 / 12 * 100%);
1803 + max-width: calc( 7 / 12 * 100% );
1804 + flex-basis: calc( 7 / 12 * 100% );
1794 1805 }
1795 1806 .eps-grid-item-xxl-8 {
1796 1807 flex-grow: 0;
1797 - max-width: calc(8 / 12 * 100%);
1798 - flex-basis: calc(8 / 12 * 100%);
1808 + max-width: calc( 8 / 12 * 100% );
1809 + flex-basis: calc( 8 / 12 * 100% );
1799 1810 }
1800 1811 .eps-grid-item-xxl-9 {
1801 1812 flex-grow: 0;
1802 - max-width: calc(9 / 12 * 100%);
1803 - flex-basis: calc(9 / 12 * 100%);
1813 + max-width: calc( 9 / 12 * 100% );
1814 + flex-basis: calc( 9 / 12 * 100% );
1804 1815 }
1805 1816 .eps-grid-item-xxl-10 {
1806 1817 flex-grow: 0;
1807 - max-width: calc(10 / 12 * 100%);
1808 - flex-basis: calc(10 / 12 * 100%);
1818 + max-width: calc( 10 / 12 * 100% );
1819 + flex-basis: calc( 10 / 12 * 100% );
1809 1820 }
1810 1821 .eps-grid-item-xxl-11 {
1811 1822 flex-grow: 0;
1812 - max-width: calc(11 / 12 * 100%);
1813 - flex-basis: calc(11 / 12 * 100%);
1823 + max-width: calc( 11 / 12 * 100% );
1824 + flex-basis: calc( 11 / 12 * 100% );
1814 1825 }
1815 1826 .eps-grid-item-xxl-12 {
1816 1827 flex-grow: 0;
1817 - max-width: calc(12 / 12 * 100%);
1818 - flex-basis: calc(12 / 12 * 100%);
1828 + max-width: calc( 12 / 12 * 100% );
1829 + flex-basis: calc( 12 / 12 * 100% );
1819 1830 }
1820 1831 }
1821 1832 :root {
1822 1833 --menu-title-color: #515962;
@@ -1867,9 +1878,12 @@
1867 1878 .eps-modal__overlay {
1868 1879 background: rgba(0, 0, 0, 0.5);
1869 1880 position: fixed;
1870 1881 display: flex;
1871 - inset: 0;
1882 + top: 0;
1883 + left: 0;
1884 + width: 100%;
1885 + height: 100%;
1872 1886 align-items: center;
1873 1887 justify-content: center;
1874 1888 z-index: 1030;
1875 1889 }
@@ -1883,9 +1897,10 @@
1883 1897 .eps-modal__header, .eps-modal__header .title {
1884 1898 color: #ffffff;
1885 1899 }
1886 1900 .eps-modal__icon {
1887 - margin-inline-end: 0.625rem;
1901 + -webkit-margin-end: 0.625rem;
1902 + margin-inline-end: 0.625rem;
1888 1903 }
1889 1904 .eps-modal__body {
1890 1905 padding: 1.875rem;
1891 1906 }
@@ -1890,24 +1905,28 @@
1890 1905 padding: 1.875rem;
1891 1906 }
1892 1907 .eps-modal__tip, .eps-modal .eps-tip {
1893 1908 padding: 0.5rem;
1894 - padding-inline-start: 0.75rem;
1895 - border-inline-start: 3px solid #2563EB;
1909 + -webkit-padding-start: 0.75rem;
1910 + padding-inline-start: 0.75rem;
1911 + -webkit-border-start: 3px solid #2563EB;
1912 + border-inline-start: 3px solid #2563EB;
1896 1913 background-color: var(--eps-tip-background-color);
1897 1914 }
1898 1915 .eps-modal__tip:not(:last-child), .eps-modal .eps-tip:not(:last-child) {
1899 - margin-block-end: 1.875rem;
1916 + margin-bottom: 1.875rem;
1900 1917 }
1901 1918 .eps-modal__tip:not(:first-child), .eps-modal .eps-tip:not(:first-child) {
1902 - margin-block-start: 1.875rem;
1919 + margin-top: 1.875rem;
1903 1920 }
1904 1921 .eps-modal__section:not(:first-child) {
1905 - margin-block-start: 1.875rem;
1922 + margin-top: 1.875rem;
1906 1923 }
1907 1924 .eps-modal__close-wrapper {
1908 - padding-inline-start: 1rem;
1909 - border-inline-start: solid 1px #ffffff;
1925 + -webkit-padding-start: 1rem;
1926 + padding-inline-start: 1rem;
1927 + -webkit-border-start: solid 1px #ffffff;
1928 + border-inline-start: solid 1px #ffffff;
1910 1929 }
1911 1930
1912 1931 .eps-add-new-button {
1913 1932 display: inline-flex;
@@ -1925,9 +1944,10 @@
1925 1944 text-align: center;
1926 1945 line-height: var(--eps-add-new-button-size);
1927 1946 }
1928 1947 .eps-add-new-button span:not(.sr-only) {
1929 - margin-inline-start: 0.625rem;
1948 + -webkit-margin-start: 0.625rem;
1949 + margin-inline-start: 0.625rem;
1930 1950 font-weight: 500;
1931 1951 }
1932 1952 .eps-add-new-button--sm {
1933 1953 --eps-add-new-button-size: 1rem;
@@ -2034,15 +2054,17 @@
2034 2054 --eps-box-notice-background-color: #F1F2F3;
2035 2055 padding: 0.625rem 1rem;
2036 2056 }
2037 2057 .eps-notice-semantic {
2038 - border-inline-start: 3px solid var(--eps-notice-semantic-color);
2058 + -webkit-border-start: 3px solid var(--eps-notice-semantic-color);
2059 + border-inline-start: 3px solid var(--eps-notice-semantic-color);
2039 2060 background-color: var(--eps-notice-semantic-bg);
2040 2061 }
2041 2062 .eps-notice-semantic .eps-notice__icon {
2042 2063 color: var(--eps-notice-semantic-color);
2043 2064 font-size: 1rem;
2044 - margin-inline-end: 0.75rem;
2065 + -webkit-margin-end: 0.75rem;
2066 + margin-inline-end: 0.75rem;
2045 2067 }
2046 2068 .eps-notice--warning {
2047 2069 --eps-notice-semantic-color: #F59E0B;
2048 2070 --eps-notice-semantic-bg: #FFFBEB;
@@ -2060,9 +2082,9 @@
2060 2082 padding: 0;
2061 2083 }
2062 2084 .eps-notice__button-container {
2063 2085 flex-shrink: 0;
2064 - margin-inline-start: 1.25rem;
2086 + margin-left: 1.25rem;
2065 2087 width: auto;
2066 2088 }
2067 2089
2068 2090 .eps-theme-dark .eps-notice {
@@ -2095,9 +2117,9 @@
2095 2117 .eps-list__item--padding {
2096 2118 padding: var(--eps-list-item-padding);
2097 2119 }
2098 2120 .eps-list--separated .eps-list__item:not(:last-child) {
2099 - border-block-end: 1px solid var(--eps-list-item-separated-border-color);
2121 + border-bottom: 1px solid var(--eps-list-item-separated-border-color);
2100 2122 }
2101 2123
2102 2124 .eps-theme-dark .eps-list {
2103 2125 --eps-list-item-separated-border-color: #3f444b;
@@ -2135,15 +2157,18 @@
2135 2157 min-width: 120px;
2136 2158 border-radius: 0.1875rem;
2137 2159 position: absolute;
2138 2160 z-index: 1050;
2139 - margin-block-start: 9px;
2161 + margin-top: 9px;
2140 2162 transform: translateX(-50%);
2141 - inset-inline-start: 0.25rem;
2163 + left: 0.25rem;
2142 2164 }
2143 2165 .eps-popover__background {
2144 2166 position: fixed;
2145 - inset: 0;
2167 + top: 0;
2168 + bottom: 0;
2169 + left: 0;
2170 + right: 0;
2146 2171 z-index: 1030;
2147 2172 }
2148 2173 .eps-popover__container {
2149 2174 position: relative;
@@ -2154,28 +2179,16 @@
2154 2179 position: absolute;
2155 2180 width: 16px;
2156 2181 height: 9px;
2157 2182 margin: 0 0.1875rem 9px;
2158 - inset-block-start: -9px;
2159 - inset-inline-start: 50%;
2183 + top: -9px;
2184 + left: 50%;
2160 2185 transform: translateX(-50%);
2161 2186 border-color: transparent;
2162 2187 border-style: solid;
2163 2188 border-width: 0 calc(16px / 2) 9px calc(16px / 2);
2164 - border-block-end-color: var(--popover-arrow-color);
2189 + border-bottom-color: var(--popover-arrow-color);
2165 2190 }
2166 -.eps-popover--arrow-start::before {
2167 - inset-inline-start: 0.1875rem;
2168 - transform: none;
2169 -}
2170 -.eps-popover--arrow-end::before {
2171 - inset-inline-start: auto;
2172 - inset-inline-end: 0.1875rem;
2173 - transform: none;
2174 -}
2175 -.eps-popover--arrow-none::before {
2176 - display: none;
2177 -}
2178 2191 .eps-popover__item {
2179 2192 padding: 0.3125rem 1rem;
2180 2193 background-color: var(--popover-item-background-color);
2181 2194 color: var(--popover-item-color);
@@ -2193,9 +2206,10 @@
2193 2206 color: var(--popover-item-danger-hover-color);
2194 2207 }
2195 2208 .eps-popover__item .eps-icon {
2196 2209 font-size: inherit;
2197 - margin-inline-end: 0.3125rem;
2210 + -webkit-margin-end: 0.3125rem;
2211 + margin-inline-end: 0.3125rem;
2198 2212 }
2199 2213
2200 2214 .eps-css-grid {
2201 2215 display: grid;
@@ -2227,14 +2241,14 @@
2227 2241 }
2228 2242
2229 2243 :root {
2230 2244 --checkbox-border-color: #9DA5AE;
2231 - --checkbox-hover-border-color: rgb(143.0391061453, 152.1787709497, 162.4608938547);
2232 - --checkbox-active-border-color: rgb(170.9608938547, 177.8212290503, 185.5391061453);
2245 + --checkbox-hover-border-color: #8f98a2;
2246 + --checkbox-active-border-color: #abb2ba;
2233 2247 --checkbox-background-color: #ffffff;
2234 2248 --checkbox-checked-background-color: #515962;
2235 - --checkbox-checked-hover-background-color: rgb(69.4608938547, 76.3212290503, 84.0391061453);
2236 - --checkbox-checked-active-background-color: rgb(92.5391061453, 101.6787709497, 111.9608938547);
2249 + --checkbox-checked-hover-background-color: #454c54;
2250 + --checkbox-checked-active-background-color: #5d6670;
2237 2251 --checkbox-checked-disabled-background-color: #D5D8DC;
2238 2252 --checkbox-indicator-color: #ffffff;
2239 2253 --checkbox-error-background-color: #DC2626;
2240 2254 }
@@ -2258,9 +2272,9 @@
2258 2272 border: 1px solid var(--checkbox-border-color);
2259 2273 }
2260 2274 .eps-checkbox::after {
2261 2275 display: inline-block;
2262 - margin-block-end: calc(0.25 / 2 * 100%);
2276 + margin-bottom: calc(0.25 / 2 * 100%);
2263 2277 content: " ";
2264 2278 width: 3px;
2265 2279 height: 6px;
2266 2280 transform: rotate(45deg);
@@ -2293,24 +2307,24 @@
2293 2307 }
2294 2308 .eps-checkbox--rounded {
2295 2309 border-radius: 50%;
2296 2310 }
2311 +.eps-checkbox--indeterminate {
2312 + --checkbox-background-color: var(--checkbox-checked-background-color);
2313 + --checkbox-border-color: var(--checkbox-checked-background-color);
2314 +}
2297 2315 .eps-checkbox--indeterminate::after {
2298 2316 display: inline-block;
2299 - margin-block-end: 0;
2317 + margin-bottom: 0;
2300 2318 content: " ";
2301 2319 width: 7px;
2302 2320 height: 0;
2303 2321 transform: rotate(0deg);
2304 - border-block-start: 1px solid #ffffff;
2322 + border-top: 1px solid #ffffff;
2305 2323 }
2306 -.eps-checkbox--indeterminate {
2307 - --checkbox-background-color: var(--checkbox-checked-background-color);
2308 - --checkbox-border-color: var(--checkbox-checked-background-color);
2309 -}
2310 2324 .eps-checkbox--error::before, .eps-checkbox--error::after, .eps-checkbox--error:checked::before, .eps-checkbox--error:checked::after {
2311 2325 display: inline-block;
2312 - margin-block-end: 0;
2326 + margin-bottom: 0;
2313 2327 content: " ";
2314 2328 width: 7px;
2315 2329 height: 0;
2316 2330 border: solid #ffffff;
@@ -2341,9 +2355,9 @@
2341 2355 .e-app-drag-drop {
2342 2356 background-color: var(--e-app-drag-drop-background-color);
2343 2357 outline: 2px dashed var(--e-app-drag-drop-outline-color);
2344 2358 outline-offset: -0.75rem;
2345 - margin-block-end: 1.5rem;
2359 + margin-bottom: 1.5rem;
2346 2360 padding: 4.125rem;
2347 2361 text-align: center;
2348 2362 }
2349 2363 .e-app-drag-drop--drag-over {
@@ -2355,12 +2369,12 @@
2355 2369 width: 375px;
2356 2370 }
2357 2371 .eps-dialog__close-button {
2358 2372 position: absolute;
2359 - inset-block-start: -2.75rem;
2360 - inset-inline-end: -2.75rem;
2361 - margin-block-start: 0.625rem;
2362 - margin-inline-end: 0.625rem;
2373 + top: -2.75rem;
2374 + right: -2.75rem;
2375 + margin-top: 0.625rem;
2376 + margin-right: 0.625rem;
2363 2377 z-index: 1040;
2364 2378 font-size: 1.25rem;
2365 2379 color: #ffffff;
2366 2380 }
@@ -2375,15 +2389,16 @@
2375 2389 display: flex;
2376 2390 }
2377 2391 .eps-dialog__button {
2378 2392 flex: 1;
2379 - border-block-start: 1px solid var(--hr-color);
2393 + border-top: 1px solid var(--hr-color);
2380 2394 line-height: 2.75rem;
2381 2395 text-align: center;
2382 2396 justify-content: center;
2383 2397 }
2384 2398 .eps-dialog__button:last-child:not(:first-child) {
2385 - border-inline-start: 1px solid var(--hr-color);
2399 + -webkit-border-start: 1px solid var(--hr-color);
2400 + border-inline-start: 1px solid var(--hr-color);
2386 2401 }
2387 2402
2388 2403 .e-app__popover {
2389 2404 display: none;
@@ -2398,12 +2413,12 @@
2398 2413 }
2399 2414 .e-app__popover:before {
2400 2415 content: "";
2401 2416 position: absolute;
2402 - inset-block-start: -16px;
2403 - inset-inline-end: var(--popover-arrow-offset-end, 22px);
2417 + top: -16px;
2418 + left: var(--popover-arrow-offset-end, 22px);
2404 2419 border: 8px solid transparent;
2405 - border-block-end-color: #fff;
2420 + border-bottom-color: #fff;
2406 2421 }
2407 2422
2408 2423 .eps-inline-link {
2409 2424 color: var(--eps-inline-link-color);
@@ -2420,9 +2435,9 @@
2420 2435 .eps-inline-link--color-danger {
2421 2436 --eps-inline-link-color: #DC2626;
2422 2437 }
2423 2438 .eps-inline-link--color-cta {
2424 - --eps-inline-link-color: #93003f;
2439 + --eps-inline-link-color: #524CFF;
2425 2440 }
2426 2441 .eps-inline-link--color-link {
2427 2442 --eps-inline-link-color: #515962;
2428 2443 }
@@ -2444,16 +2459,13 @@
2444 2459 --eps-text-field-background-color: transparent;
2445 2460 --eps-text-field-placeholder-color: #69727D;
2446 2461 --eps-text-field-outlined-border-color: #9DA5AE;
2447 2462 --eps-text-field-outlined-focus-border-color: #515962;
2448 - --eps-text-field-standard-border-color: #9DA5AE;
2449 - --eps-text-field-standard-focus-border-color: #515962;
2450 - --border: 1px solid var(--eps-text-field-outlined-border-color);
2451 2463 width: 100%;
2452 2464 color: var(--eps-text-field-color);
2453 2465 background-color: var(--eps-text-field-background-color);
2454 2466 border: 0;
2455 - margin-block-end: 5px;
2467 + margin-bottom: 5px;
2456 2468 outline: none;
2457 2469 font-family: Roboto, Arial, Helvetica, Verdana, sans-serif;
2458 2470 font-size: 0.875rem;
2459 2471 font-weight: 400;
@@ -2460,22 +2472,14 @@
2460 2472 line-height: 1.5;
2461 2473 }
2462 2474 .eps-text-field--outlined {
2463 2475 border-radius: 0.1875rem;
2464 - border: var(--border);
2476 + border: 1px solid var(--eps-text-field-outlined-border-color);
2465 2477 padding: 0.625rem;
2466 2478 }
2467 2479 .eps-text-field--outlined:focus {
2468 2480 border-color: var(--eps-text-field-outlined-focus-border-color);
2469 2481 }
2470 -.eps-text-field--standard {
2471 - padding-top: 0.625rem;
2472 - padding-bottom: 0.625rem;
2473 - border-bottom: var(--border);
2474 -}
2475 -.eps-text-field--standard:focus {
2476 - border-color: var(--eps-text-field-standard-focus-border-color);
2477 -}
2478 2482 .eps-text-field::-moz-placeholder {
2479 2483 color: var(--eps-text-field-placeholder-color);
2480 2484 font-family: Roboto, Arial, Helvetica, Verdana, sans-serif;
2481 2485 font-size: 0.875rem;
@@ -2502,14 +2506,8 @@
2502 2506 }
2503 2507 .eps-theme-dark--outlined:focus {
2504 2508 border-color: var(--eps-text-field-outlined-focus-border-color);
2505 2509 }
2506 -.eps-theme-dark--standard {
2507 - border-color: var(--eps-text-field-standard-border-color);
2508 -}
2509 -.eps-theme-dark--standard:focus {
2510 - border-color: var(--eps-text-field-standard-focus-border-color);
2511 -}
2512 2510
2513 2511 .e-app-import-export-content-layout {
2514 2512 display: flex;
2515 2513 justify-content: center;
@@ -2529,9 +2527,10 @@
2529 2527 --e-app-export-kit-content-sm-notice-color: #BABFC5;
2530 2528 }
2531 2529 .e-app-export-kit-content__checkbox {
2532 2530 flex-shrink: 0;
2533 - margin-inline-end: 0.75rem;
2531 + -webkit-margin-end: 0.75rem;
2532 + margin-inline-end: 0.75rem;
2534 2533 }
2535 2534 .e-app-export-kit-content__title {
2536 2535 color: var(--e-app-export-kit-content-title-color);
2537 2536 }
@@ -2536,12 +2535,13 @@
2536 2535 color: var(--e-app-export-kit-content-title-color);
2537 2536 }
2538 2537 .e-app-export-kit-content__description {
2539 2538 color: var(--e-app-export-kit-content-description-color);
2540 - margin-inline-end: 1.25rem;
2539 + -webkit-margin-end: 1.25rem;
2540 + margin-inline-end: 1.25rem;
2541 2541 }
2542 2542 .e-app-export-kit-content__notice {
2543 - margin-block-start: 1rem;
2543 + margin-top: 1rem;
2544 2544 }
2545 2545 .e-app-export-kit-content__small-notice {
2546 2546 font-style: italic;
2547 2547 color: var(--e-app-export-kit-content-sm-notice-color);
@@ -2557,9 +2557,9 @@
2557 2557 --e-app-import-export-kit-data-site-area-color: #3f444b;
2558 2558 --e-app-import-export-kit-data-included-color: #69727D;
2559 2559 }
2560 2560 .e-app-import-export-kit-data__site-area, .e-app-import-export-kit-data__included {
2561 - margin-block-end: 0;
2561 + margin-bottom: 0;
2562 2562 }
2563 2563 .e-app-import-export-kit-data__site-area {
2564 2564 color: var(--e-app-import-export-kit-data-site-area-color);
2565 2565 font-weight: bold;
@@ -2577,12 +2577,12 @@
2577 2577 --e-app-import-resolver-panel-header-background-color: #ffffff;
2578 2578 --e-app-import-resolver-panel-body-background-color: rgba(255, 255, 255, 0.5);
2579 2579 --e-app-import-resolver-conflicts-asset-border-color: #818A96;
2580 2580 --e-app-import-resolver-conflicts-asset-inactive-color: #69727D;
2581 - padding-block-end: 1.25rem;
2581 + padding-bottom: 1.25rem;
2582 2582 }
2583 2583 .e-app-import-resolver__notice {
2584 - margin-block-end: 1.25rem;
2584 + margin-bottom: 1.25rem;
2585 2585 }
2586 2586 .e-app-import-resolver__panel, .e-app-import-resolver__panel:hover {
2587 2587 background-color: initial;
2588 2588 }
@@ -2596,23 +2596,28 @@
2596 2596 box-shadow: 0 2px 3px 1px var(--color-box-shadow-color);
2597 2597 }
2598 2598 .e-app-import-resolver-conflicts__checkbox {
2599 2599 flex-shrink: 0;
2600 - margin-inline-end: 0.75rem;
2600 + -webkit-margin-end: 0.75rem;
2601 + margin-inline-end: 0.75rem;
2601 2602 }
2602 2603 .e-app-import-resolver-conflicts__title {
2603 2604 line-height: 1;
2604 2605 }
2605 2606 .e-app-import-resolver-conflicts__asset:not(:first-child) {
2606 - border-inline-start: 2px solid var(--e-app-import-resolver-conflicts-asset-border-color);
2607 - padding-inline-start: 1rem;
2608 - margin-inline-start: 1rem;
2607 + -webkit-border-start: 2px solid var(--e-app-import-resolver-conflicts-asset-border-color);
2608 + border-inline-start: 2px solid var(--e-app-import-resolver-conflicts-asset-border-color);
2609 + -webkit-padding-start: 1rem;
2610 + padding-inline-start: 1rem;
2611 + -webkit-margin-start: 1rem;
2612 + margin-inline-start: 1rem;
2609 2613 }
2610 2614 .e-app-import-resolver-conflicts__asset:not(.active) {
2611 2615 color: var(--e-app-import-resolver-conflicts-asset-inactive-color);
2612 2616 }
2613 2617 .e-app-import-resolver-conflicts__edit-template {
2614 - margin-inline-start: 0.3125rem;
2618 + -webkit-margin-start: 0.3125rem;
2619 + margin-inline-start: 0.3125rem;
2615 2620 }
2616 2621
2617 2622 .eps-theme-dark .e-app-import-resolver {
2618 2623 --e-app-import-resolver-panel-header-background-color: #69727D;
@@ -2642,43 +2647,36 @@
2642 2647 --eps-panel-body-background-color: transparent;
2643 2648 }
2644 2649
2645 2650 .e-app-export-kit {
2646 - padding-block-end: 1.25rem;
2651 + padding-bottom: 1.25rem;
2647 2652 }
2653 +.e-app-export-kit-information {
2654 + margin-top: 1.25rem;
2655 +}
2648 2656 .e-app-export-kit-information__field-header {
2649 - margin-block-end: 0.625rem;
2657 + margin-bottom: 0.625rem;
2650 2658 }
2651 2659 .e-app-export-kit-information__label {
2652 2660 margin: 0;
2653 2661 }
2654 2662 .e-app-export-kit-information__info-icon {
2655 - margin-inline-start: 0.625rem;
2663 + -webkit-margin-start: 0.625rem;
2664 + margin-inline-start: 0.625rem;
2656 2665 }
2657 -.e-app-export-kit-information__content {
2658 - gap: 16px;
2666 +.e-app-export-kit-info-modal__icon {
2667 + -webkit-padding-start: 0.625rem;
2668 + padding-inline-start: 0.625rem;
2659 2669 }
2660 -.e-app-export-kit-information__field--error {
2661 - border-color: var(--e-a-color-danger);
2670 +.e-app-export-kit-info-modal__heading {
2671 + margin-bottom: 1.25rem;
2662 2672 }
2663 -.e-app-export-kit-information__error-container {
2664 - height: 20px;
2665 - display: flex;
2666 - align-items: flex-start;
2667 - margin-block-start: 4px;
2668 -}
2669 -.e-app-export-kit-information__validation-error {
2670 - color: var(--e-a-color-danger);
2671 -}
2672 -.e-app-export-kit__content {
2673 - gap: 20px;
2674 -}
2675 2673
2676 2674 .e-app-import-export-info-modal__section:not(:first-child) {
2677 - margin-block-start: 1.875rem;
2675 + margin-top: 1.875rem;
2678 2676 }
2679 2677 .e-app-import-export-info-modal__heading {
2680 - margin-block-end: 1.25rem;
2678 + margin-bottom: 1.25rem;
2681 2679 }
2682 2680
2683 2681 :root {
2684 2682 --eps-badge-background-color: #ffffff;
@@ -2719,12 +2717,12 @@
2719 2717 outline: none;
2720 2718 }
2721 2719 .eps-collapse__icon {
2722 2720 transition: all 150ms;
2723 - scale: calc(1 * var(--direction-multiplier)) 1;
2721 + transform: rotate(180deg);
2724 2722 }
2725 2723 .eps-collapse__content {
2726 - margin-block-start: 0.625rem;
2724 + margin-top: 0.625rem;
2727 2725 display: none;
2728 2726 }
2729 2727 .eps-collapse[data-open] .eps-collapse__content {
2730 2728 display: block;
@@ -2732,32 +2730,32 @@
2732 2730 .eps-collapse[data-open] .eps-collapse__icon {
2733 2731 transform: rotate(90deg);
2734 2732 }
2735 2733
2736 -.e-kit-library-promotion {
2737 - --e-kit-library-promotion-color: tints(600);
2734 +.e-kit-library-bottom-promotion {
2735 + --e-kit-library-bottom-promotion-color: tints(600);
2738 2736 }
2739 2737
2740 -.eps-theme-dark .e-kit-library-promotion {
2741 - --e-kit-library-promotion-color: dark-tints(400);
2738 +.eps-theme-dark .e-kit-library-bottom-promotion {
2739 + --e-kit-library-bottom-promotion-color: dark-tints(400);
2742 2740 }
2743 2741
2744 -.e-kit-library-promotion {
2742 +.e-kit-library-bottom-promotion {
2745 2743 width: 100%;
2746 2744 text-align: center;
2747 - margin-block-start: 1.875rem;
2748 - color: var(--e-kit-library-promotion-color);
2745 + margin-top: 1.875rem;
2746 + color: var(--e-kit-library-bottom-promotion-color);
2749 2747 }
2750 2748
2751 2749 .e-kit-library__error-screen {
2752 - margin-block-start: 2.75rem;
2750 + margin-top: 2.75rem;
2753 2751 }
2754 2752 .e-kit-library__error-screen-title {
2755 - margin-block-start: 2.75rem;
2756 - margin-block-end: 0;
2753 + margin-top: 2.75rem;
2754 + margin-bottom: 0;
2757 2755 }
2758 2756 .e-kit-library__error-screen-description {
2759 - margin-block-start: 1.5rem;
2757 + margin-top: 1.5rem;
2760 2758 color: #69727D;
2761 2759 text-align: center;
2762 2760 max-width: 520px;
2763 2761 }
@@ -2778,45 +2776,37 @@
2778 2776 background-color: rgba(220, 38, 38, 0.1);
2779 2777 }
2780 2778
2781 2779 .e-kit-library__filter-indication {
2782 - margin-block-start: 1.5rem;
2780 + margin-top: 1.5rem;
2783 2781 display: flex;
2784 2782 align-items: center;
2785 2783 }
2786 2784 .e-kit-library__filter-indication-text {
2787 - margin-block-end: 0;
2785 + margin-bottom: 0;
2788 2786 display: flex;
2789 2787 align-items: center;
2790 2788 }
2791 2789 .e-kit-library__filter-indication-badge {
2792 - margin-inline-start: 0.3125rem;
2790 + margin-right: 0.3125rem;
2793 2791 display: flex;
2794 2792 align-items: center;
2795 2793 }
2796 2794 .e-kit-library__filter-indication-badge-remove {
2797 - margin-inline-start: 0.3125rem;
2795 + margin-right: 0.3125rem;
2798 2796 font-size: 0.875rem;
2799 2797 }
2800 2798 .e-kit-library__filter-indication-button {
2801 - margin-inline-start: 1.5rem;
2799 + margin-right: 1.5rem;
2802 2800 }
2803 2801
2802 +#eps-app-header-btn-apply,
2804 2803 #eps-app-header-btn-promotion,
2805 2804 #eps-app-header-btn-connect {
2806 - margin-inline-start: 0.625rem;
2807 - margin-inline-end: 0.625rem;
2805 + margin-right: 0.625rem;
2806 + margin-left: 0.625rem;
2808 2807 }
2809 2808
2810 -#eps-app-header-btn-apply {
2811 - margin-inline-start: 0.625rem;
2812 -}
2813 -
2814 -#eps-app-header-btn-download {
2815 - margin-inline-end: 1rem;
2816 - margin-inline-start: 1rem;
2817 -}
2818 -
2819 2809 .e-kit-library__apply-button {
2820 2810 display: flex;
2821 2811 align-items: center;
2822 2812 justify-content: center;
@@ -2833,8 +2823,11 @@
2833 2823
2834 2824 .e-kit-library__kit-item-overlay {
2835 2825 height: 100%;
2836 2826 }
2827 +.e-kit-library__kit-item-overlay > *:first-child {
2828 + flex: 1;
2829 +}
2837 2830 .e-kit-library__kit-item-overlay-overview-button {
2838 2831 display: flex;
2839 2832 flex-direction: column;
2840 2833 align-items: center;
@@ -2844,9 +2837,9 @@
2844 2837 width: 100%;
2845 2838 }
2846 2839 .e-kit-library__kit-item-overlay-overview-button > i {
2847 2840 font-size: 2rem;
2848 - margin-block-end: 5px;
2841 + margin-bottom: 5px;
2849 2842 }
2850 2843 .e-kit-library__kit-item-overlay-overview-button > span {
2851 2844 font-size: 0.9rem;
2852 2845 }
@@ -2857,9 +2850,9 @@
2857 2850 align-items: center;
2858 2851 justify-content: center;
2859 2852 padding: 10px;
2860 2853 font-size: 13px;
2861 - color: #93003f;
2854 + color: #524CFF;
2862 2855 background: var(--e-kit-library-kit-item-overlay-promotion-button-background-color);
2863 2856 }
2864 2857 .e-kit-library__kit-item-overlay-promotion-button > * {
2865 2858 margin: 0 3px;
@@ -2864,104 +2857,16 @@
2864 2857 .e-kit-library__kit-item-overlay-promotion-button > * {
2865 2858 margin: 0 3px;
2866 2859 }
2867 2860 .e-kit-library__kit-item-subscription-plan-badge {
2868 - --e-a-color-brand: #467FF7;
2869 -}
2870 -.e-kit-library__kit-item-subscription-plan-badge.promoted {
2871 - --e-a-color-brand: #92003B;
2872 -}
2873 -.e-kit-library__kit-item-subscription-plan-badge {
2874 2861 position: absolute;
2875 - inset-block-start: 0;
2876 - inset-inline-end: 0;
2862 + top: 0;
2863 + right: 0;
2877 2864 margin: 0.3125rem;
2878 2865 background-color: var(--e-a-color-brand);
2879 2866 color: #ffffff;
2880 2867 text-transform: uppercase;
2881 2868 }
2882 -.e-kit-library__kit-item-header {
2883 - position: relative;
2884 -}
2885 -.e-kit-library__kit-item-lock-icon {
2886 - font-size: 14px;
2887 - margin-inline-end: 8px;
2888 - color: var(--card-headline-color);
2889 - cursor: pointer;
2890 -}
2891 -.e-kit-library__kit-item-actions-menu i {
2892 - font-size: 16px;
2893 -}
2894 -.e-kit-library__kit-item-actions-popover {
2895 - display: flex;
2896 - flex-direction: column;
2897 - align-items: start;
2898 - min-width: 0;
2899 - padding: 12px 0;
2900 - position: absolute;
2901 - inset-block-start: 25px;
2902 - inset-inline-start: 100%;
2903 - transform: translateX(calc(-100% * var(--direction-multiplier)));
2904 -}
2905 -.e-kit-library__kit-item-actions-popover-item {
2906 - display: flex;
2907 - height: 30px;
2908 - width: 100%;
2909 - align-items: center;
2910 - gap: 8px;
2911 - padding: 0 12px;
2912 - cursor: pointer;
2913 -}
2914 -.e-kit-library__kit-item-actions-popover-item i {
2915 - font-size: 16px;
2916 -}
2917 -.e-kit-library__kit-item-actions-popover-item:hover {
2918 - background-color: var(--e-a-bg-hover);
2919 -}
2920 -.e-kit-library__kit-item-actions-popover-item--danger {
2921 - color: var(--e-a-color-danger);
2922 -}
2923 -.e-kit-library__kit-item-actions-popover-item--danger:hover {
2924 - background-color: var(--e-a-bg-danger);
2925 -}
2926 -.e-kit-library__kit-item-actions-popover-item--danger i {
2927 - color: var(--e-a-color-danger);
2928 -}
2929 -.e-kit-library__kit-item-cloud-overlay {
2930 - height: 100%;
2931 - display: flex;
2932 - flex-direction: column;
2933 - align-items: center;
2934 - justify-content: center;
2935 -}
2936 -.e-kit-library__kit-item-cloud-overlay-import-button {
2937 - display: flex;
2938 - align-items: center;
2939 - justify-content: center;
2940 - padding: 8px 22px;
2941 - gap: 8px;
2942 -}
2943 -.e-kit-library__kit-item-cloud-overlay-import-button > i {
2944 - font-size: 20px;
2945 - font-weight: 600;
2946 -}
2947 -.e-kit-library__kit-item-cloud-overlay-import-button > span {
2948 - font-size: 15px;
2949 -}
2950 -.e-kit-library__kit-item-cloud-overlay i.eicon-lock {
2951 - font-size: 48px;
2952 - color: rgba(255, 255, 255, 0.8);
2953 - cursor: pointer;
2954 -}
2955 -.e-kit-library__kit-item--locked {
2956 - opacity: 0.6;
2957 -}
2958 -.e-kit-library__kit-item--locked .eps-card__image {
2959 - opacity: 0.7;
2960 -}
2961 -.e-kit-library__kit-item--locked .eps-card__overlay {
2962 - background-color: rgba(0, 0, 0, 0.5);
2963 -}
2964 2869
2965 2870 :root {
2966 2871 --e-kit-library-header-back-border: 1px solid var(--e-a-border-color);
2967 2872 --e-kit-library-header-back-color: #69727D;
@@ -2973,15 +2878,15 @@
2973 2878 }
2974 2879
2975 2880 .e-kit-library__header-back {
2976 2881 color: var(--e-kit-library-header-back-color);
2977 - padding-inline-end: 1.25rem;
2978 - padding-inline-start: 0.3125rem;
2882 + padding-left: 1.25rem;
2883 + padding-right: 0.3125rem;
2979 2884 display: inline-flex;
2980 2885 justify-content: center;
2981 2886 align-items: center;
2982 2887 height: 100%;
2983 - border-inline-end: var(--e-kit-library-header-back-border);
2888 + border-left: var(--e-kit-library-header-back-border);
2984 2889 }
2985 2890 .e-kit-library__header-back-container {
2986 2891 flex: 1;
2987 2892 height: 100%;
@@ -2986,9 +2891,9 @@
2986 2891 flex: 1;
2987 2892 height: 100%;
2988 2893 }
2989 2894 .e-kit-library__header-back .eps-icon {
2990 - scale: calc(1 * var(--direction-multiplier)) 1;
2895 + transform: rotate(180deg);
2991 2896 }
2992 2897
2993 2898 .e-kit-library__page-loader {
2994 2899 width: 100%;
@@ -3046,9 +2951,9 @@
3046 2951 font-size: 1.25rem;
3047 2952 padding: 0.625rem;
3048 2953 color: #69727D;
3049 2954 position: absolute;
3050 - inset-block-start: 0;
2955 + top: 0;
3051 2956 inset-inline-start: 0;
3052 2957 height: 100%;
3053 2958 display: flex;
3054 2959 align-items: center;
@@ -3061,10 +2966,10 @@
3061 2966 font-size: 0.875rem;
3062 2967 padding: 0.625rem;
3063 2968 color: #69727D;
3064 2969 position: absolute;
3065 - inset-block-start: 0;
3066 - inset-inline-end: 0;
2970 + top: 0;
2971 + left: 0;
3067 2972 height: 100%;
3068 2973 display: flex;
3069 2974 align-items: center;
3070 2975 justify-content: center;
@@ -3099,10 +3004,11 @@
3099 3004 .eps-sort-select__select-wrapper::after {
3100 3005 content: "\e8ad";
3101 3006 font-family: eicons;
3102 3007 position: absolute;
3103 - inset-inline-end: 0.625rem;
3104 - inset-block: 0;
3008 + left: 0.625rem;
3009 + top: 0;
3010 + bottom: 0;
3105 3011 color: #69727D;
3106 3012 display: flex;
3107 3013 align-items: center;
3108 3014 justify-content: center;
@@ -3125,9 +3031,9 @@
3125 3031 }
3126 3032 .eps-sort-select__button {
3127 3033 padding: 0.75rem 0.75rem;
3128 3034 background: var(--eps-sort-select-button-background-color);
3129 - border-inline-start: var(--eps-sort-select-button-border);
3035 + border-right: var(--eps-sort-select-button-border);
3130 3036 line-height: 1;
3131 3037 color: #69727D;
3132 3038 }
3133 3039
@@ -3139,16 +3045,16 @@
3139 3045 --e-kit-library-tags-filter-list-search-background-color: #515962;
3140 3046 }
3141 3047
3142 3048 .e-kit-library__tags-filter {
3143 - margin-block-start: 2.75rem;
3049 + margin-top: 2.75rem;
3144 3050 }
3145 3051 .e-kit-library__tags-filter-list {
3146 - margin-block-end: 2.75rem;
3052 + margin-bottom: 2.75rem;
3147 3053 }
3148 3054 .e-kit-library__tags-filter-list .eps-collapse__title {
3149 - padding-inline-end: 1.875rem;
3150 - padding-inline-start: 1.875rem;
3055 + padding-right: 1.875rem;
3056 + padding-left: 1.875rem;
3151 3057 text-transform: uppercase;
3152 3058 }
3153 3059 .e-kit-library__tags-filter-list .eps-collapse__content {
3154 3060 margin: 0.3125rem 1.875rem;
@@ -3157,9 +3063,9 @@
3157 3063 max-height: 250px;
3158 3064 overflow: auto;
3159 3065 }
3160 3066 .e-kit-library__tags-filter-list-search {
3161 - margin-block-end: 0.625rem;
3067 + margin-bottom: 0.625rem;
3162 3068 }
3163 3069 .e-kit-library__tags-filter-list-search .eps-search-input {
3164 3070 background: var(--e-kit-library-tags-filter-list-search-background-color);
3165 3071 }
@@ -3169,9 +3075,9 @@
3169 3075 align-items: center;
3170 3076 font-weight: 500;
3171 3077 }
3172 3078 .e-kit-library__tags-filter-list-item input {
3173 - margin-inline-end: 0.3125rem;
3079 + margin-left: 0.3125rem;
3174 3080 }
3175 3081
3176 3082 .e-kit-library #eps-app-header-btn-refetch {
3177 3083 padding: 0;
@@ -3177,9 +3083,9 @@
3177 3083 padding: 0;
3178 3084 }
3179 3085
3180 3086 .e-kit-library-header-info-modal-container {
3181 - margin-block-end: 2.75rem;
3087 + margin-bottom: 2.75rem;
3182 3088 }
3183 3089
3184 3090 .e-kit-library__tooltip {
3185 3091 padding: 5px 12px;
@@ -3187,9 +3093,9 @@
3187 3093 background-color: #26292C;
3188 3094 font-size: 10px;
3189 3095 }
3190 3096 .e-kit-library__tooltip:before {
3191 - border-block-end-color: #26292C;
3097 + border-bottom-color: #26292C;
3192 3098 }
3193 3099
3194 3100 .e-kit-library__index-layout-container {
3195 3101 flex-grow: 1;
@@ -3196,32 +3102,26 @@
3196 3102 overflow-y: auto;
3197 3103 display: flex;
3198 3104 flex-direction: column;
3199 3105 }
3200 -.e-kit-library__index-layout-heading {
3106 +.e-kit-library__index-layout-top-area {
3201 3107 padding: 1.875rem 2.75rem;
3202 3108 position: sticky;
3203 - inset-block-start: -1px;
3109 + top: -1px;
3204 3110 width: 100%;
3205 3111 z-index: 2;
3206 3112 background-color: var(--app-background-color);
3207 3113 gap: 1.5rem;
3208 - align-items: center;
3209 3114 }
3210 -.e-kit-library__index-layout-heading-search, .e-kit-library__index-layout-heading-sort {
3115 +.e-kit-library__index-layout-top-area-search, .e-kit-library__index-layout-top-area-sort {
3211 3116 min-width: 265px;
3212 3117 }
3213 -.e-kit-library__index-layout-heading-search {
3118 +.e-kit-library__index-layout-top-area-search {
3214 3119 flex: 1;
3215 3120 }
3216 -.e-kit-library__index-layout-heading-quota {
3217 - display: flex;
3218 - align-items: center;
3219 - justify-content: flex-end;
3220 -}
3221 3121 .e-kit-library__index-layout-main {
3222 - padding-block-start: 0;
3223 - padding-block-end: 1.5rem;
3122 + padding-top: 0;
3123 + padding-bottom: 1.5rem;
3224 3124 overflow-y: hidden;
3225 3125 height: auto;
3226 3126 flex: 1 0 auto;
3227 3127 display: flex;
@@ -3227,45 +3127,8 @@
3227 3127 display: flex;
3228 3128 flex-direction: column;
3229 3129 justify-content: space-between;
3230 3130 }
3231 -.e-kit-library__index-layout-main.e-kit-library__connect-container {
3232 - justify-content: center;
3233 - align-items: center;
3234 -}
3235 -.e-kit-library__connect-button {
3236 - background-color: var(--e-a-btn-bg-primary);
3237 - color: var(--e-a-btn-color);
3238 - border-radius: 4px;
3239 - padding: 8px;
3240 -}
3241 -.e-kit-library__connect-button:hover {
3242 - opacity: 0.8;
3243 -}
3244 -.e-kit-library__upgrade-button {
3245 - background-color: var(--e-a-color-accent);
3246 - color: var(--e-a-color-txt-invert);
3247 - border-radius: 4px;
3248 - padding: 8px;
3249 -}
3250 -.e-kit-library__upgrade-button:hover {
3251 - opacity: 0.8;
3252 -}
3253 -.e-kit-library .eicon-library-cloud-connect,
3254 -.e-kit-library .eicon-library-subscription-upgrade {
3255 - font-size: 65px;
3256 -}
3257 -.e-kit-library .connect-badge {
3258 - color: #C00BB9;
3259 - margin-inline-start: 10px;
3260 -}
3261 -.e-kit-library .upgrade-badge {
3262 - color: #93003f;
3263 - border: 1px solid #93003f;
3264 - border-radius: 10px;
3265 - padding: 2px 6px;
3266 - margin-inline-start: 10px;
3267 -}
3268 3131
3269 3132 .e-kit-library__tags-filter {
3270 3133 --e-kit-library-item-sidebar-header-title-color: #515962;
3271 3134 --e-kit-library-item-sidebar-description-color: #515962;
@@ -3287,23 +3150,23 @@
3287 3150 justify-content: space-between;
3288 3151 }
3289 3152 .e-kit-library__item-sidebar-header-title {
3290 3153 color: var(--e-kit-library-item-sidebar-header-title-color);
3291 - margin-block-end: 0;
3154 + margin-bottom: 0;
3292 3155 }
3293 3156 .e-kit-library__item-sidebar-thumbnail {
3294 - margin-block-start: 1.5rem;
3157 + margin-top: 1.5rem;
3295 3158 box-shadow: 0 4px 10px var(--color-box-shadow-color);
3296 3159 }
3297 3160 .e-kit-library__item-sidebar-description {
3298 - margin-block-start: 1.5rem;
3161 + margin-top: 1.5rem;
3299 3162 color: var(--e-kit-library-item-sidebar-description-color);
3300 3163 }
3301 3164 .e-kit-library__item-sidebar-collapse-tags {
3302 - margin-block-start: 2.75rem;
3165 + margin-top: 2.75rem;
3303 3166 }
3304 3167 .e-kit-library__item-sidebar-collapse-info {
3305 - margin-block-start: 1.875rem;
3168 + margin-top: 1.875rem;
3306 3169 }
3307 3170 .e-kit-library__item-sidebar-tags-container {
3308 3171 gap: 0.625rem;
3309 3172 }
@@ -3309,9 +3172,9 @@
3309 3172 }
3310 3173 .e-kit-library__item-information-text {
3311 3174 font-size: 0.8125rem;
3312 3175 color: var(--e-kit-library-item-information-text-color);
3313 - margin-block-end: 0.3125rem;
3176 + margin-bottom: 0.3125rem;
3314 3177 }
3315 3178
3316 3179 .e-kit-library {
3317 3180 --e-kit-library-content-overview-group-title-color: #515962;
@@ -3321,12 +3184,12 @@
3321 3184 --e-kit-library-content-overview-group-title-color: #BABFC5;
3322 3185 }
3323 3186
3324 3187 .e-kit-library__content-overview-group-item {
3325 - margin-block-end: 2.75rem;
3188 + margin-bottom: 2.75rem;
3326 3189 }
3327 3190 .e-kit-library__content-overview-group-title {
3328 - margin-block-end: 1.875rem;
3191 + margin-bottom: 1.875rem;
3329 3192 color: var(--e-kit-library-content-overview-group-title-color);
3330 3193 }
3331 3194
3332 3195 .e-kit-library__preview-responsive-controls {
@@ -3347,10 +3210,10 @@
3347 3210 }
3348 3211
3349 3212 .e-kit-library__preview-loader {
3350 3213 position: absolute;
3351 - inset-block-start: 0;
3352 - inset-inline-start: 0;
3214 + top: 0;
3215 + left: 0;
3353 3216 z-index: 0;
3354 3217 }
3355 3218 .e-kit-library__preview-iframe {
3356 3219 border: none;
@@ -3378,10 +3241,10 @@
3378 3241 align-items: center;
3379 3242 justify-content: center;
3380 3243 font-size: 0.875rem;
3381 3244 position: absolute;
3382 - inset-block-start: 50%;
3383 - inset-inline-end: var(--e-app-collapse-toggle-icon-spacing);
3245 + top: 50%;
3246 + right: var(--e-app-collapse-toggle-icon-spacing);
3384 3247 transform: translateY(-50%);
3385 3248 }
3386 3249 .e-app-collapse-toggle__icon:before {
3387 3250 transition: all 0.2s linear;
@@ -3396,10 +3259,10 @@
3396 3259 display: block;
3397 3260 }
3398 3261
3399 3262 [dir=rtl] .e-app-collapse-toggle__icon {
3400 - inset-inline-start: var(--e-app-collapse-toggle-icon-spacing);
3401 - inset-inline-end: initial;
3263 + right: initial;
3264 + left: var(--e-app-collapse-toggle-icon-spacing);
3402 3265 }
3403 3266
3404 3267 .eps-theme-dark .e-app-collapse {
3405 3268 --e-app-collapse-icon-color: #BABFC5;
@@ -3406,19 +3269,19 @@
3406 3269 }
3407 3270
3408 3271 .e-app-import-plugins {
3409 3272 --e-app-import-plugins-selection-section-heading-color: #515962;
3410 - padding-block-end: 1.5rem;
3273 + padding-bottom: 1.5rem;
3411 3274 }
3412 3275 .e-app-import-plugins__section {
3413 - margin-block-start: 1.875rem;
3276 + margin-top: 1.875rem;
3414 3277 }
3415 3278 .e-app-import-plugins__section-heading {
3416 3279 color: var(--e-app-import-plugins-selection-section-heading-color);
3417 - margin-block-end: 1rem;
3280 + margin-bottom: 1rem;
3418 3281 }
3419 3282 .e-app-import-plugins__versions-notice {
3420 - margin-block-end: 0.75rem;
3283 + margin-bottom: 0.75rem;
3421 3284 }
3422 3285
3423 3286 .eps-theme-dark .e-app-import-plugins {
3424 3287 --e-app-import-plugins-selection-section-heading-color: #BABFC5;
@@ -3445,12 +3308,12 @@
3445 3308 .eps-table__head .eps-table__cell {
3446 3309 text-align: start;
3447 3310 }
3448 3311 .eps-table__row {
3449 - border-block-end: 1px solid var(--e-a-border-color);
3312 + border-bottom: 1px solid var(--e-a-border-color);
3450 3313 }
3451 3314 .eps-table__row:last-child {
3452 - border-block-end: none;
3315 + border-bottom: none;
3453 3316 }
3454 3317 .eps-table__body .eps-table__cell:first-child {
3455 3318 border-radius: 0.1875rem 0 0 0.1875rem;
3456 3319 }
@@ -3457,9 +3320,10 @@
3457 3320 .eps-table__body .eps-table__cell:last-child {
3458 3321 border-radius: 0 0.1875rem 0.1875rem 0;
3459 3322 }
3460 3323 .eps-table--selection .eps-table__cell:first-child {
3461 - padding-inline-end: 0;
3324 + -webkit-padding-end: 0;
3325 + padding-inline-end: 0;
3462 3326 }
3463 3327
3464 3328 .eps-theme-dark .eps-table {
3465 3329 --eps-table-body-color: #BABFC5;
@@ -3474,17 +3338,17 @@
3474 3338
3475 3339 .e-app-import-plugins-pro-banner {
3476 3340 --e-app-import-plugins-pro-banner-heading-color: #3f444b;
3477 3341 --e-app-import-plugins-pro-banner-description-color: #515962;
3478 - margin-block-end: 1.875rem;
3342 + margin-bottom: 1.875rem;
3479 3343 }
3480 3344 .e-app-import-plugins-pro-banner__heading {
3481 3345 color: var(--e-app-import-plugins-pro-banner-heading-color);
3482 - margin-block-end: 0.625rem;
3346 + margin-bottom: 0.625rem;
3483 3347 }
3484 3348 .e-app-import-plugins-pro-banner__description {
3485 3349 color: var(--e-app-import-plugins-pro-banner-description-color);
3486 - margin-block-end: 0;
3350 + margin-bottom: 0;
3487 3351 }
3488 3352
3489 3353 .eps-theme-dark .e-app-import-plugins-pro-banner {
3490 3354 --e-app-import-plugins-pro-banner-heading-color: #9DA5AE;
@@ -3491,16 +3355,16 @@
3491 3355 --e-app-import-plugins-pro-banner-description-color: #BABFC5;
3492 3356 }
3493 3357
3494 3358 .e-app-export-plugins {
3495 - padding-block-end: 1.25rem;
3359 + padding-bottom: 1.25rem;
3496 3360 }
3497 3361
3498 3362 .e-app-import-content {
3499 - padding-block-end: 1.25rem;
3363 + padding-bottom: 1.25rem;
3500 3364 }
3501 3365 .e-app-import-content__plugins-notice {
3502 - margin-block-end: 1.25rem;
3366 + margin-bottom: 1.25rem;
3503 3367 }
3504 3368
3505 3369 .e-app-import-plugins-activation__installing-plugins {
3506 3370 padding: 0.625rem 0;
@@ -3505,16 +3369,17 @@
3505 3369 .e-app-import-plugins-activation__installing-plugins {
3506 3370 padding: 0.625rem 0;
3507 3371 }
3508 3372 .e-app-import-plugins-activation__plugin-name {
3509 - margin-inline-start: 0.5rem;
3373 + -webkit-margin-start: 0.5rem;
3374 + margin-inline-start: 0.5rem;
3510 3375 }
3511 3376 .e-app-import-plugins-activation__plugin-status-item {
3512 - margin-block-end: 0.75rem;
3377 + margin-bottom: 0.75rem;
3513 3378 }
3514 3379
3515 3380 .e-app-import-export-plugins-table__cell-content {
3516 - margin-block-end: 0;
3381 + margin-bottom: 0;
3517 3382 text-transform: capitalize;
3518 3383 }
3519 3384
3520 3385 .e-app-import-export-loader {
@@ -3526,10 +3391,10 @@
3526 3391 font-size: 1.85rem;
3527 3392 }
3528 3393 .e-app-import-export-loader--absolute-center {
3529 3394 position: absolute;
3530 - inset-block-start: 50%;
3531 - inset-inline-start: 50%;
3395 + top: 50%;
3396 + left: 50%;
3532 3397 transform: translateX(-50%) translateY(-50%);
3533 3398 }
3534 3399
3535 3400 .eps-theme-dark .e-app-import-export-loader {
@@ -3538,17 +3403,17 @@
3538 3403
3539 3404 .e-app-import-export-message-banner {
3540 3405 --e-app-import-export-message-banner-heading-color: #3f444b;
3541 3406 --e-app-import-export-message-banner-description-color: #515962;
3542 - margin-block-end: 1.875rem;
3407 + margin-bottom: 1.875rem;
3543 3408 }
3544 3409 .e-app-import-export-message-banner__heading {
3545 3410 color: var(--e-app-import-export-message-banner-heading-color);
3546 - margin-block-end: 0.625rem;
3411 + margin-bottom: 0.625rem;
3547 3412 }
3548 3413 .e-app-import-export-message-banner__description {
3549 3414 color: var(--e-app-import-export-message-banner-description-color);
3550 - margin-block-end: 0;
3415 + margin-bottom: 0;
3551 3416 }
3552 3417
3553 3418 .eps-theme-dark .e-app-import-export-message-banner {
3554 3419 --e-app-import-export-message-banner-heading-color: #9DA5AE;
@@ -3555,170 +3420,15 @@
3555 3420 --e-app-import-export-message-banner-description-color: #BABFC5;
3556 3421 }
3557 3422
3558 3423 .e-app-import-connect-pro-notice {
3559 - margin-block-end: 1.25rem;
3424 + margin-bottom: 1.25rem;
3560 3425 }
3561 3426
3562 3427 .e-app-import-failed-plugins-notice {
3563 - margin-block-end: 1.25rem;
3428 + margin-bottom: 1.25rem;
3564 3429 }
3565 3430
3566 -.e-app-export-actions-container {
3567 - display: flex;
3568 - gap: 15px;
3569 - width: 100%;
3570 - justify-content: flex-end;
3571 -}
3572 -
3573 -.e-kit-library__quota-bar {
3574 - display: flex;
3575 - align-items: center;
3576 -}
3577 -.e-kit-library__quota-bar__container {
3578 - display: flex;
3579 - flex-direction: column;
3580 - gap: 8px;
3581 - min-width: 230px;
3582 -}
3583 -.e-kit-library__quota-bar__header {
3584 - display: flex;
3585 - justify-content: space-between;
3586 - align-items: center;
3587 -}
3588 -.e-kit-library__quota-bar__label {
3589 - color: var(--body-color);
3590 - font-weight: 400;
3591 - white-space: nowrap;
3592 - font-size: 12px;
3593 -}
3594 -.e-kit-library__quota-bar__progress-container {
3595 - width: 100%;
3596 - height: 4px;
3597 - overflow: hidden;
3598 - position: relative;
3599 -}
3600 -.e-kit-library__quota-bar__progress-container--empty {
3601 - background-color: #F0ABFC;
3602 -}
3603 -.e-kit-library__quota-bar__progress-container--normal {
3604 - background-color: #F0ABFC;
3605 -}
3606 -.e-kit-library__quota-bar__progress-container--warning {
3607 - background-color: rgb(251.0236220472, 216.4291338583, 157.9763779528);
3608 -}
3609 -.e-kit-library__quota-bar__progress-container--alert {
3610 - background: #93003f;
3611 -}
3612 -.e-kit-library__quota-bar__progress-bar {
3613 - height: 100%;
3614 - transition: width 0.3s ease;
3615 -}
3616 -.e-kit-library__quota-bar__progress-bar--empty {
3617 - background: transparent;
3618 -}
3619 -.e-kit-library__quota-bar__progress-bar--normal {
3620 - background: #D004D4;
3621 -}
3622 -.e-kit-library__quota-bar__progress-bar--warning {
3623 - background: #F59E0B;
3624 -}
3625 -.e-kit-library__quota-bar__progress-bar--alert {
3626 - background: #93003f;
3627 -}
3628 -.e-kit-library__quota-bar__upgrade-message {
3629 - display: flex;
3630 - align-items: center;
3631 - gap: 4px;
3632 -}
3633 -.e-kit-library__quota-bar__upgrade-link {
3634 - color: #93003f;
3635 - text-decoration: underline;
3636 - cursor: pointer;
3637 - font-size: 12px;
3638 - font-weight: 400;
3639 -}
3640 -.e-kit-library__quota-bar__upgrade-link:hover {
3641 - opacity: 0.8;
3642 -}
3643 -.e-kit-library__quota-bar__count {
3644 - color: var(--body-color);
3645 - white-space: nowrap;
3646 - font-size: 12px;
3647 -}
3648 -
3649 -:root {
3650 - --text-secondary: #3F444B;
3651 -}
3652 -
3653 -.e-kit-library__quota-notification {
3654 - display: flex;
3655 - align-items: flex-start;
3656 - justify-content: space-between;
3657 - padding: 16px 20px;
3658 - margin: 0 44px 30px;
3659 - border-radius: 4px;
3660 -}
3661 -.e-kit-library__quota-notification--warning {
3662 - background-color: #FBF1E6;
3663 - color: #3f444b;
3664 -}
3665 -.e-kit-library__quota-notification--alert {
3666 - background-color: #FDECEC;
3667 - color: #3f444b;
3668 -}
3669 -.e-kit-library__quota-notification__content {
3670 - display: flex;
3671 - align-items: flex-start;
3672 - gap: 12px;
3673 - flex: 1;
3674 -}
3675 -.e-kit-library__quota-notification__icon {
3676 - font-size: 18px;
3677 - margin-top: 1px;
3678 - flex-shrink: 0;
3679 -}
3680 -.e-kit-library__quota-notification__icon.eicon-warning-full {
3681 - color: #F59E0B;
3682 -}
3683 -.e-kit-library__quota-notification__icon.eicon-alert {
3684 - color: #DC2626;
3685 -}
3686 -.e-kit-library__quota-notification__message {
3687 - flex: 1;
3688 - line-height: 1.5;
3689 - font-size: 13px;
3690 -}
3691 -.e-kit-library__quota-notification__message span {
3692 - color: var(--text-secondary);
3693 - font-size: 13px;
3694 -}
3695 -.e-kit-library__quota-notification__action-link {
3696 - color: inherit;
3697 - text-decoration: underline;
3698 - font-size: 13px;
3699 - font-weight: 400;
3700 -}
3701 -.e-kit-library__quota-notification__action-link:hover {
3702 - opacity: 0.8;
3703 -}
3704 -.e-kit-library__quota-notification__dismiss {
3705 - background: none;
3706 - border: none;
3707 - cursor: pointer;
3708 - padding: 0;
3709 - margin-inline-start: 12px;
3710 - color: inherit;
3711 - opacity: 0.7;
3712 - flex-shrink: 0;
3713 -}
3714 -.e-kit-library__quota-notification__dismiss:hover {
3715 - opacity: 1;
3716 -}
3717 -.e-kit-library__quota-notification__dismiss i {
3718 - font-size: 14px;
3719 -}
3720 -
3721 3431 .e-onboarding {
3722 3432 font-family: "DM Sans", "Roboto", sans-serif;
3723 3433 color-scheme: light;
3724 3434 }
@@ -3734,12 +3444,13 @@
3734 3444 }
3735 3445 .e-onboarding__checkbox-label {
3736 3446 display: flex;
3737 3447 line-height: 18px;
3738 - margin-block-end: 27px;
3448 + margin-bottom: 27px;
3739 3449 }
3740 3450 .e-onboarding__checkbox-input {
3741 - margin-inline-end: 14px;
3451 + -webkit-margin-end: 14px;
3452 + margin-inline-end: 14px;
3742 3453 width: 16px;
3743 3454 height: 16px;
3744 3455 border-color: #69727D;
3745 3456 border-radius: 2px;
@@ -3747,15 +3458,15 @@
3747 3458 .e-onboarding__checkbox-input:checked {
3748 3459 background-color: #525861;
3749 3460 }
3750 3461 .e-onboarding__checkbox-input:checked::after {
3751 - margin-block-end: 15%;
3462 + margin-bottom: 15%;
3752 3463 width: 6px;
3753 3464 height: 9px;
3754 3465 border-width: 0 2px 2px 0;
3755 3466 }
3756 3467 .e-onboarding__feature-list {
3757 - margin-block-end: 40px;
3468 + margin-bottom: 40px;
3758 3469 }
3759 3470 .e-onboarding__text-input {
3760 3471 font-size: 14px;
3761 3472 width: 325px;
@@ -3773,16 +3484,12 @@
3773 3484 .e-onboarding__text-input::placeholder {
3774 3485 color: #C2C7CC;
3775 3486 }
3776 3487 .e-onboarding__footnote {
3777 - margin-block-start: 24px;
3488 + margin-top: 24px;
3778 3489 width: 325px;
3779 3490 text-align: center;
3780 3491 }
3781 -.e-onboarding__footnote:not(:has(p))::before {
3782 - content: "*";
3783 - margin-right: 5px;
3784 -}
3785 3492 .e-onboarding__footnote a {
3786 3493 text-decoration: underline;
3787 3494 color: #3A3F45;
3788 3495 }
@@ -3793,9 +3500,9 @@
3793 3500 margin: auto;
3794 3501 }
3795 3502
3796 3503 .e-onboarding__page-content {
3797 - margin-block-end: 70px;
3504 + margin-bottom: 70px;
3798 3505 }
3799 3506 .e-onboarding__page-content-start {
3800 3507 max-width: 675px;
3801 3508 text-align: start;
@@ -3819,31 +3526,19 @@
3819 3526 font-size: 18px;
3820 3527 color: #3A3F45;
3821 3528 }
3822 3529
3823 -@media screen and (max-width: 1100px) {
3824 - .e-onboarding__page-content-end img {
3825 - display: none;
3826 - }
3827 -}
3828 -@media screen and (max-width: 768px) {
3829 - .e-onboarding__page-content-section-title {
3830 - font-size: 28px;
3831 - }
3832 - .e-onboarding__page-content-section-text {
3833 - font-size: 14px;
3834 - }
3835 -}
3836 3530 .e-onboarding__header-logo .eps-app__logo {
3837 - color: #0C0D0E;
3531 + background-color: #0C0D0E;
3532 + color: #ffffff;
3838 3533 width: 1.3rem;
3839 3534 height: 1.3rem;
3840 - line-height: 1.4rem;
3841 - font-size: 1.3rem;
3842 - background: unset;
3535 + line-height: 1.3rem;
3536 + font-size: 0.48rem;
3843 3537 }
3844 3538 .e-onboarding__header-logo .eps-app__logo:not(:last-child) {
3845 - margin-inline-end: 7px;
3539 + -webkit-margin-end: 7px;
3540 + margin-inline-end: 7px;
3846 3541 }
3847 3542 .e-onboarding__header-logo img {
3848 3543 width: 104px;
3849 3544 }
@@ -3852,15 +3547,16 @@
3852 3547 align-items: center;
3853 3548 font-size: 13px;
3854 3549 }
3855 3550 .e-onboarding__header .eps-app__header-btn .eps-icon:not(:last-child) {
3856 - margin-inline-end: 7px;
3551 + -webkit-margin-end: 7px;
3552 + margin-inline-end: 7px;
3857 3553 }
3858 3554 .e-onboarding__header .eps-button {
3859 3555 color: #0C0D0E;
3860 3556 }
3861 3557 .e-onboarding__header .eps-button__go-pro-btn {
3862 - background-color: #93003f;
3558 + background-color: #871A40;
3863 3559 color: #ffffff;
3864 3560 padding: 4px 8px;
3865 3561 border-radius: 4px;
3866 3562 font-weight: 700;
@@ -3867,9 +3563,9 @@
3867 3563 font-size: 12px;
3868 3564 transition: 0.5s;
3869 3565 }
3870 3566 .e-onboarding__header .eps-button__go-pro-btn:hover {
3871 - background: rgb(198, 0, 84.8571428571);
3567 + background: #b22254;
3872 3568 }
3873 3569
3874 3570 .e-onboarding__go-pro {
3875 3571 width: 288px;
@@ -3878,37 +3574,30 @@
3878 3574 }
3879 3575 .e-onboarding__go-pro-title {
3880 3576 font-size: 18px;
3881 3577 font-weight: 700;
3882 - color: #93003f;
3578 + color: #871A40;
3883 3579 }
3884 3580 .e-onboarding__go-pro-cta {
3885 3581 display: inline-block;
3886 - color: #93003f;
3582 + color: #871A40;
3887 3583 padding: 9px;
3888 - border: 1px solid #93003f;
3584 + border: 1px solid #871A40;
3889 3585 }
3890 3586 .e-onboarding__go-pro-cta.e-onboarding__button {
3891 3587 font-size: 14px;
3892 3588 }
3893 3589 .e-onboarding__go-pro-paragraph:not(:last-child) {
3894 - margin-block-end: 20px;
3590 + margin-bottom: 20px;
3895 3591 }
3896 3592 .e-onboarding__go-pro-already-have {
3897 3593 text-decoration: underline;
3898 3594 }
3899 3595
3900 -@media screen and (max-width: 410px) {
3901 - .e-onboarding__header-logo img {
3902 - display: none;
3903 - }
3904 -}
3905 3596 .e-onboarding__progress-bar {
3906 3597 display: flex;
3907 3598 justify-content: center;
3908 - margin-block-end: 125px;
3909 - flex-wrap: wrap;
3910 - gap: 15px 22px;
3599 + margin-bottom: 125px;
3911 3600 }
3912 3601 .e-onboarding__progress-bar-item {
3913 3602 display: flex;
3914 3603 align-items: center;
@@ -3925,17 +3614,20 @@
3925 3614 font-size: 0.75rem;
3926 3615 font-weight: bold;
3927 3616 border-radius: 50%;
3928 3617 border: 1px solid #69727D;
3929 - margin-inline-end: 8px;
3618 + -webkit-margin-end: 8px;
3619 + margin-inline-end: 8px;
3930 3620 flex-shrink: 0;
3931 3621 }
3932 -.e-onboarding__progress-bar-item-icon::after {
3933 - content: attr(data-item-count);
3622 +.e-onboarding__progress-bar-item:not(:last-child) {
3623 + -webkit-margin-end: 22px;
3624 + margin-inline-end: 22px;
3934 3625 }
3935 3626 .e-onboarding__progress-bar-item:not(:last-child):after {
3936 3627 font-family: "eicons";
3937 - margin-inline-start: 22px;
3628 + -webkit-margin-start: 22px;
3629 + margin-inline-start: 22px;
3938 3630 content: "\e89e";
3939 3631 }
3940 3632 .e-onboarding__progress-bar-item--active {
3941 3633 color: #D004D4;
@@ -3974,13 +3666,8 @@
3974 3666 }
3975 3667 .e-onboarding__button-skip:hover {
3976 3668 background-color: #F9FAFA;
3977 3669 }
3978 -.e-onboarding__button-skip--disabled {
3979 - pointer-events: none;
3980 - cursor: none;
3981 - color: #D5D8DC;
3982 -}
3983 3670 .e-onboarding__button--disabled {
3984 3671 pointer-events: none;
3985 3672 background-color: #D5D8DC;
3986 3673 color: #9EA5AD;
@@ -4006,9 +3693,9 @@
4006 3693 .e-onboarding__card-image, .e-onboarding__card-text {
4007 3694 width: 345px;
4008 3695 }
4009 3696 .e-onboarding__card-image {
4010 - margin-block-end: 44px;
3697 + margin-bottom: 44px;
4011 3698 }
4012 3699 .e-onboarding__card-text {
4013 3700 font-size: 20px;
4014 3701 font-weight: 700;
@@ -4014,17 +3701,8 @@
4014 3701 font-weight: 700;
4015 3702 text-align: center;
4016 3703 color: #0C0D0E;
4017 3704 }
4018 -.e-onboarding__card-text-small {
4019 - color: #0C0D0E;
4020 - text-align: center;
4021 - font-size: 18px;
4022 - font-weight: 400;
4023 - line-height: 150%;
4024 - letter-spacing: -0.18px;
4025 - margin-block-start: 6px;
4026 -}
4027 3705 .e-onboarding__card:hover {
4028 3706 box-shadow: 4px 4px 0 0 #000000;
4029 3707 }
4030 3708 .e-onboarding__card:active {
@@ -4031,18 +3709,20 @@
4031 3709 box-shadow: initial;
4032 3710 }
4033 3711
4034 3712 .e-onboarding__checklist {
4035 - padding-inline-start: 0;
3713 + -webkit-padding-start: 0;
3714 + padding-inline-start: 0;
4036 3715 }
4037 3716 .e-onboarding__checklist-item {
4038 3717 display: flex;
4039 3718 align-items: center;
4040 3719 font-size: 12px;
4041 - margin-block-end: 12px;
3720 + margin-bottom: 12px;
4042 3721 }
4043 3722 .e-onboarding__checklist-item .eicon-check-circle {
4044 - margin-inline-end: 9px;
3723 + -webkit-margin-end: 9px;
3724 + margin-inline-end: 9px;
4045 3725 font-size: 16px;
4046 3726 font-weight: 600;
4047 3727 }
4048 3728
@@ -4048,9 +3728,9 @@
4048 3728
4049 3729 .e-onboarding__notice {
4050 3730 display: inline-block;
4051 3731 padding: 12px 14px;
4052 - margin-block-end: 16px;
3732 + margin-bottom: 16px;
4053 3733 color: #3A3F45;
4054 3734 }
4055 3735 .e-onboarding__notice--error {
4056 3736 background-color: #FDE8EC;
@@ -4065,9 +3745,10 @@
4065 3745 .e-onboarding__notice--success i {
4066 3746 color: #117740;
4067 3747 }
4068 3748 .e-onboarding__notice i {
4069 - margin-inline-end: 14px;
3749 + -webkit-margin-end: 14px;
3750 + margin-inline-end: 14px;
4070 3751 }
4071 3752 .e-onboarding__notice-empty-spacer {
4072 3753 height: 61px;
4073 3754 }
@@ -4072,173 +3753,18 @@
4072 3753 height: 61px;
4073 3754 }
4074 3755
4075 3756 .e-onboarding__page-account .e-onboarding__checkbox-label {
4076 - margin-block-start: 50px;
3757 + margin-top: 50px;
4077 3758 }
4078 3759
4079 -.e-onboarding {
4080 - --theme-card-primary-color: #D004D4;
4081 - --theme-card-primary-shadow: 0 6px 16px rgba(208, 4, 212, 0.25);
4082 - --theme-card-hover-transform: translateY(-2px);
4083 -}
4084 3760 .e-onboarding__action-button-text {
4085 - margin-inline-start: 10px;
3761 + -webkit-margin-start: 10px;
3762 + margin-inline-start: 10px;
4086 3763 }
4087 -.e-onboarding__page-content-theme-variant-b .e-onboarding__page-content-section-title {
4088 - line-height: 40px;
4089 -}
4090 -.e-onboarding__page-content-theme-variant-b .e-onboarding__theme-selection-description,
4091 -.e-onboarding__page-content-theme-variant-b .e-onboarding__theme-selection-subtitle {
4092 - font-size: 18px;
4093 - font-weight: 400;
4094 - margin-block-end: 8px;
4095 - text-align: center;
4096 - color: #3A3F45;
4097 -}
4098 -.e-onboarding__page-content-theme-variant-b .e-onboarding__theme-selection-subtitle {
4099 - font-weight: 600;
4100 -}
4101 -.e-onboarding__page-content-theme-variant-b .e-onboarding__theme-cards {
4102 - display: flex;
4103 - gap: 24px;
4104 - justify-content: center;
4105 - flex-wrap: wrap;
4106 - margin-block-start: 48px;
4107 -}
4108 -.e-onboarding__page-content-theme-variant-b .e-onboarding__theme-card {
4109 - background: #ffffff;
4110 - border: 1px solid #A9A9A9;
4111 - border-radius: 8px;
4112 - padding: 16px 25px 165px;
4113 - max-width: 325px;
4114 - min-width: 280px;
4115 - cursor: pointer;
4116 - transition: none;
4117 - display: flex;
4118 - flex-direction: column;
4119 - position: relative;
4120 - overflow: hidden;
4121 - margin-block: 1px;
4122 -}
4123 -.e-onboarding__page-content-theme-variant-b .e-onboarding__theme-card::after {
4124 - content: "";
4125 - position: absolute;
4126 - inset-block-start: 14px;
4127 - inset-inline-start: 16px;
4128 - width: 20px;
4129 - height: 20px;
4130 - border-radius: 50%;
4131 - display: flex;
4132 - align-items: center;
4133 - justify-content: center;
4134 - border: 2px solid black;
4135 -}
4136 -.e-onboarding__page-content-theme-variant-b .e-onboarding__theme-card:hover, .e-onboarding__page-content-theme-variant-b .e-onboarding__theme-card--loading, .e-onboarding__page-content-theme-variant-b .e-onboarding__theme-card--selected {
4137 - border: 2px solid #0C0D0E;
4138 - margin-block: 0px;
4139 -}
4140 -.e-onboarding__page-content-theme-variant-b .e-onboarding__theme-card:hover::before, .e-onboarding__page-content-theme-variant-b .e-onboarding__theme-card--loading::before, .e-onboarding__page-content-theme-variant-b .e-onboarding__theme-card--selected::before {
4141 - content: "";
4142 - background: black;
4143 - position: absolute;
4144 - top: 14px;
4145 - left: 16px;
4146 - width: 20px;
4147 - height: 20px;
4148 - border-radius: 50%;
4149 - border: 4px solid white;
4150 -}
4151 -.e-onboarding__page-content-theme-variant-b .e-onboarding__theme-card-illustration {
4152 - display: flex;
4153 - justify-content: center;
4154 - align-items: center;
4155 - position: absolute;
4156 - inset-block-end: 0px;
4157 - width: calc(100% - 50px);
4158 -}
4159 -.e-onboarding__page-content-theme-variant-b .e-onboarding__theme-card-illustration img {
4160 - width: calc(100% - 80px);
4161 -}
4162 -.e-onboarding__page-content-theme-variant-b .e-onboarding__theme-card-content {
4163 - text-align: center;
4164 -}
4165 -.e-onboarding__page-content-theme-variant-b .e-onboarding__theme-card-label {
4166 - display: flex;
4167 - justify-content: center;
4168 - color: #69727D;
4169 - font-family: "DM Sans";
4170 - font-size: 12px;
4171 - font-weight: 400;
4172 - line-height: 150%;
4173 - letter-spacing: -0.12px;
4174 - margin-block-end: 16px;
4175 -}
4176 -.e-onboarding__page-content-theme-variant-b .e-onboarding__theme-card-label span {
4177 - font-weight: 600;
4178 - padding-inline-end: 4px;
4179 -}
4180 -.e-onboarding__page-content-theme-variant-b .e-onboarding__theme-card-title {
4181 - color: #0C0D0E;
4182 - text-align: center;
4183 - font-family: "DM Sans";
4184 - font-size: 18px;
4185 - font-weight: 700;
4186 - line-height: 130%;
4187 - letter-spacing: 0.36px;
4188 - margin-block-end: 4px;
4189 -}
4190 -.e-onboarding__page-content-theme-variant-b .e-onboarding__theme-card-description {
4191 - color: #3A3F45;
4192 - text-align: center;
4193 - font-family: "DM Sans";
4194 - font-size: 14px;
4195 - font-weight: 400;
4196 - line-height: 150%;
4197 - letter-spacing: -0.14px;
4198 - margin: 0;
4199 -}
4200 -.e-onboarding__page-content:has(.e-onboarding__page-content-theme-variant-b) {
4201 - flex-direction: column;
4202 -}
4203 -.e-onboarding__page-content-start:has(.e-onboarding__page-content-theme-variant-b) {
4204 - align-self: center;
4205 - text-align: center;
4206 - flex-basis: initial;
4207 -}
4208 -.e-onboarding:has(.e-onboarding__page-content-theme-variant-b) .e-onboarding__page-content-section-title {
4209 - line-height: 1.3;
4210 - margin-block-end: 10px;
4211 -}
4212 -.e-onboarding:has(.e-onboarding__page-content-theme-variant-b) .e-onboarding__progress-bar {
4213 - margin-block-end: 85px;
4214 -}
4215 -.e-onboarding:has(.e-onboarding__page-content-theme-variant-b) .e-onboarding__footnote {
4216 - opacity: 0;
4217 -}
4218 -.e-onboarding:has(.e-onboarding__page-content-theme-variant-b) .e-onboarding__notice {
4219 - display: flex;
4220 - justify-content: center;
4221 -}
4222 -.e-onboarding:has(.e-onboarding__page-content-theme-variant-b) .e-onboarding__footer {
4223 - justify-content: center;
4224 - padding-block-end: 40px;
4225 -}
4226 3764
4227 -@media screen and (min-width: 769px) {
4228 - .e-onboarding:has(.e-onboarding__page-content-theme-variant-b) .e-onboarding__button-skip {
4229 - position: absolute;
4230 - inset-inline-end: 30px;
4231 - }
4232 -}
4233 -@media screen and (max-width: 768px) {
4234 - .e-onboarding__footer {
4235 - flex-direction: column;
4236 - gap: 10px;
4237 - }
4238 -}
4239 3765 .e-onboarding__site-name-input {
4240 - margin-block-start: 80px;
3766 + margin-top: 80px;
4241 3767 }
4242 3768
4243 3769 .e-onboarding__page-siteLogo .e-app-upload-file__button {
4244 3770 color: var(--e-a-color-primary-bold);
@@ -4247,13 +3773,13 @@
4247 3773 .e-onboarding__page-siteLogo .e-app-upload-file__button:hover {
4248 3774 background-color: #FAE8FF;
4249 3775 }
4250 3776 .e-onboarding__drop-zone {
4251 - margin-block-start: 3rem;
3777 + margin-top: 3rem;
4252 3778 }
4253 3779 .e-onboarding .eps-display-3 {
4254 3780 font-size: 16px;
4255 - margin-block-end: 0.5rem;
3781 + margin-bottom: 0.5rem;
4256 3782 }
4257 3783 .e-onboarding .e-app-upload-file__button {
4258 3784 max-width: 198px;
4259 3785 margin: 0 auto;
@@ -4262,9 +3788,9 @@
4262 3788 font-size: 14px;
4263 3789 }
4264 3790 .e-onboarding__logo-container {
4265 3791 position: relative;
4266 - margin-block-start: 3rem;
3792 + margin-top: 3rem;
4267 3793 min-height: 120px;
4268 3794 width: -moz-fit-content;
4269 3795 width: fit-content;
4270 3796 display: flex;
@@ -4279,10 +3805,10 @@
4279 3805 width: auto;
4280 3806 }
4281 3807 .e-onboarding__logo-remove {
4282 3808 position: absolute;
4283 - inset-block-start: 5px;
4284 - inset-inline-end: 0;
3809 + right: 8px;
3810 + top: 5px;
4285 3811 }
4286 3812 .e-onboarding__logo-remove i {
4287 3813 font-size: 16px;
4288 3814 width: 15px;
@@ -4293,126 +3819,27 @@
4293 3819 .e-onboarding__is-uploading {
4294 3820 visibility: hidden;
4295 3821 }
4296 3822
4297 -.e-onboarding__cards-grid.e-onboarding__page-content {
4298 - margin-block-start: 48px;
4299 - margin-block-end: 48px;
4300 -}
4301 -.e-onboarding__cards-grid .e-onboarding__card {
4302 - max-width: 555px;
4303 -}
4304 -.e-onboarding__page-goodToGo .e-onboarding__content {
4305 - display: flex;
4306 - flex-direction: column;
4307 - align-items: center;
4308 -}
4309 3823 .e-onboarding__page-goodToGo .e-onboarding__page-content-section-title,
4310 3824 .e-onboarding__page-goodToGo .e-onboarding__page-content-section-text {
4311 3825 text-align: center;
4312 3826 }
4313 -.e-onboarding__page-goodToGo .e-onboarding__cards-grid {
4314 - gap: 24px;
4315 - justify-content: center;
4316 - flex-wrap: nowrap;
3827 +.e-onboarding__cards-grid.e-onboarding__page-content {
3828 + margin-top: 48px;
3829 + margin-bottom: 48px;
4317 3830 }
4318 -.e-onboarding__page-goodToGo .e-onboarding__card {
4319 - max-width: 388px;
3831 +.e-onboarding__cards-grid .e-onboarding__card {
3832 + max-width: 555px;
4320 3833 }
4321 -.e-onboarding__page-goodToGo .e-onboarding__card-text {
4322 - max-width: calc(100vw - 100px);
3834 +.e-onboarding__cards-grid .e-onboarding__card:not(:last-child) {
3835 + -webkit-margin-end: 20px;
3836 + margin-inline-end: 20px;
4323 3837 }
4324 -.e-onboarding__page-goodToGo .e-onboarding__card-image {
4325 - max-width: calc(100vw - 100px);
4326 -}
4327 -.e-onboarding__content:has(.e-onboarding__cards-grid--good-to-go-variant-b) .e-onboarding__page-content-section-title {
4328 - max-width: 440px;
4329 - justify-self: center;
4330 -}
4331 3838 .e-onboarding__good-to-go-footer {
4332 3839 justify-content: end;
4333 3840 }
4334 3841
4335 -.experiment401-variant-b .e-onboarding__cards-grid {
4336 - flex-wrap: nowrap;
4337 - row-gap: 24px;
4338 -}
4339 -.experiment401-variant-b .e-onboarding__card-image {
4340 - height: 112px;
4341 - width: auto;
4342 -}
4343 -.experiment401-variant-b .e-onboarding__switch-method-text {
4344 - color: #3A3F45;
4345 - text-align: center;
4346 - font-family: "DM Sans";
4347 - font-size: 18px;
4348 - font-weight: 700;
4349 - line-height: 150%;
4350 - letter-spacing: -0.18px;
4351 -}
4352 -.experiment401-variant-b .e-onboarding__progress-bar {
4353 - margin-block-end: 85px;
4354 -}
4355 -.experiment401-variant-b .e-onboarding__good-to-go-footer {
4356 - justify-content: center;
4357 -}
4358 -
4359 -.experiment402-variant-b .e-onboarding__page-content {
4360 - margin-block-end: 60px;
4361 -}
4362 -.experiment402-variant-b .e-onboarding__page-content-section-title {
4363 - margin-block-end: 0px;
4364 -}
4365 -.experiment402-variant-b .e-onboarding__page-content-section-title, .experiment402-variant-b .e-onboarding__card-text {
4366 - line-height: 1.3;
4367 -}
4368 -.experiment402-variant-b .e-onboarding__progress-bar {
4369 - margin-block-end: 85px;
4370 -}
4371 -
4372 -.experiment401-variant-b .e-onboarding__page-content-section-title {
4373 - margin-block-end: 0px;
4374 -}
4375 -.experiment401-variant-b .e-onboarding__page-content-section-title, .experiment401-variant-b .e-onboarding__card-text {
4376 - line-height: 1.3;
4377 -}
4378 -.experiment401-variant-b .e-onboarding__card-image {
4379 - margin-block-end: 32px;
4380 -}
4381 -.experiment401-variant-b .e-onboarding__card-text-small {
4382 - margin-block-start: 4px;
4383 -}
4384 -
4385 -@media screen and (min-width: 1024px) {
4386 - .experiment401-variant-b .e-onboarding__button-skip {
4387 - position: absolute;
4388 - inset-inline-end: 0px;
4389 - }
4390 -}
4391 -@media screen and (max-width: 1300px) {
4392 - .e-onboarding__page-goodToGo .e-onboarding__cards-grid {
4393 - flex-wrap: wrap;
4394 - }
4395 -}
4396 -@media screen and (max-width: 1024px) {
4397 - .experiment401-variant-b .e-onboarding__good-to-go-footer {
4398 - flex-direction: column;
4399 - gap: 60px;
4400 - }
4401 -}
4402 -@media screen and (max-width: 768px) {
4403 - .e-onboarding__page-goodToGo .e-onboarding__card {
4404 - padding-inline: 24px;
4405 - }
4406 - .experiment401-variant-b .e-onboarding__good-to-go-footer {
4407 - gap: 60px;
4408 - }
4409 -}
4410 -@media screen and (max-width: 500px) {
4411 - .e-onboarding__page-goodToGo .e-onboarding__card {
4412 - max-width: calc(100vw - 50px);
4413 - }
4414 -}
4415 3842 .e-onboarding__upload-pro {
4416 3843 flex-direction: row;
4417 3844 justify-content: center;
4418 3845 font-family: "DM Sans", "Roboto", sans-serif;
@@ -4423,9 +3850,9 @@
4423 3850 max-width: 1113px;
4424 3851 padding: 30px;
4425 3852 }
4426 3853 .e-onboarding__upload-pro-drop-zone {
4427 - margin-block-end: 24px;
3854 + margin-bottom: 24px;
4428 3855 }
4429 3856 .e-onboarding__upload-pro-drop-zone h1 {
4430 3857 font-family: "Source Serif Pro", "Roboto", sans-serif;
4431 3858 }
@@ -4434,9 +3861,9 @@
4434 3861 }
4435 3862 .e-onboarding__upload-pro-drop-zone .eps-display-3,
4436 3863 .e-onboarding__upload-pro-drop-zone .e-app-drop-zone__text,
4437 3864 .e-onboarding__upload-pro-drop-zone .e-app-drop-zone__secondary-text {
4438 - margin-block-end: 12px;
3865 + margin-bottom: 12px;
4439 3866 }
4440 3867 .e-onboarding__upload-pro-drop-zone .e-app-upload-file__button {
4441 3868 background-color: #040080;
4442 3869 color: #46F2B6;
@@ -4444,394 +3871,13 @@
4444 3871 border-color: #040080;
4445 3872 }
4446 3873 .e-onboarding__upload-pro-get-file {
4447 3874 font-size: 12px;
4448 - margin-block-start: 24px;
3875 + margin-top: 24px;
4449 3876 }
4450 3877 .e-onboarding__upload-pro-get-file a {
4451 3878 text-decoration: underline;
4452 3879 }
4453 3880 .e-onboarding__upload-pro .e-onboarding__notice {
4454 - margin-block-end: 0;
4455 -}
4456 -
4457 -.e-onboarding__choose-features-section {
4458 - width: 100%;
4459 - display: flex;
4460 - flex-wrap: wrap;
4461 - gap: 10px 20px;
4462 - margin-block: 20px;
4463 -}
4464 -.e-onboarding__choose-features-section__label {
4465 - display: flex;
4466 - align-items: center;
4467 - font-size: 14px;
4468 - font-weight: 400;
4469 - line-height: 24px;
4470 - letter-spacing: -0.01em;
4471 - -webkit-user-select: none;
4472 - -moz-user-select: none;
4473 - user-select: none;
4474 - border: 1px solid #D5D8DC;
4475 - padding: 12px 16px;
4476 - width: 267px;
4477 -}
4478 -.e-onboarding__choose-features-section__checkbox {
4479 - justify-self: end;
4480 - margin-inline-end: 8px;
4481 - width: 16px;
4482 - height: 16px;
4483 -}
4484 -.e-onboarding__choose-features-section__message {
4485 - font-size: 18px;
4486 - font-weight: 400;
4487 - line-height: 27px;
4488 - letter-spacing: -0.01em;
4489 - padding-inline-end: 120px;
4490 - min-height: 55px;
4491 - margin-block-end: 20px;
4492 -}
4493 -.e-onboarding__page-chooseFeatures .e-onboarding__page-content {
4494 - margin-block-end: 0;
4495 -}
4496 -
4497 -.e-onboarding101-variant-b .e-app__footer,
4498 -.e-onboarding101-variant-b .e-onboarding__steps,
4499 -.e-onboarding101-variant-b .e-onboarding__skip-button,
4500 -.e-onboarding101-variant-b .e-onboarding__progress-bar {
4501 - display: none !important;
4502 -}
4503 -.e-onboarding101-variant-b .e-app__header {
4504 - position: fixed;
4505 - top: 0;
4506 - left: 0;
4507 - right: 0;
4508 - z-index: 1000;
4509 - background: white;
4510 - box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.04);
4511 -}
4512 -.e-onboarding101-variant-b .e-app__content {
4513 - height: 100vh;
4514 - display: flex;
4515 - align-items: center;
4516 - justify-content: center;
4517 - padding: 0;
4518 -}
4519 -.e-onboarding101-variant-b .e-onboarding__content {
4520 - display: flex;
4521 - padding-block-start: 150px;
4522 -}
4523 -.e-onboarding101-variant-b .e-onboarding__page-content {
4524 - max-width: 700px;
4525 - width: 700px;
4526 - text-align: center;
4527 - padding: 0;
4528 - margin: 0 auto;
4529 -}
4530 -.e-onboarding101-variant-b .e-onboarding101-variant-b-content-layout .e-onboarding__image,
4531 -.e-onboarding101-variant-b .e-onboarding101-variant-b-content-layout .e-onboarding__action-button,
4532 -.e-onboarding101-variant-b .e-onboarding101-variant-b-content-layout .e-onboarding__skip-button {
4533 - display: none;
4534 -}
4535 -.e-onboarding101-variant-b .e-onboarding__footer {
4536 - justify-content: center;
4537 - padding-block-end: 40px;
4538 -}
4539 -
4540 -.e-onboarding101-variant-b-content {
4541 - display: flex;
4542 - flex-direction: column;
4543 - align-items: center;
4544 - gap: 0px;
4545 - font-family: "DM Sans", sans-serif;
4546 - width: 700px;
4547 - margin: 0 auto;
4548 -}
4549 -.e-onboarding101-variant-b-content .e-onboarding101-variant-b-icon {
4550 - margin-bottom: 28px;
4551 -}
4552 -.e-onboarding101-variant-b-content .e-onboarding101-variant-b-icon svg {
4553 - width: 104px;
4554 - height: 104px;
4555 -}
4556 -.e-onboarding101-variant-b-content .e-onboarding101-variant-b-title {
4557 - font-family: "Source Serif Pro", serif;
4558 - font-weight: 700;
4559 - font-size: 48px;
4560 - line-height: 1.3;
4561 - color: #0c0d0e;
4562 - margin: 0 0 10px 0;
4563 - width: 100%;
4564 - text-align: center;
4565 -}
4566 -.e-onboarding101-variant-b-content .e-onboarding101-variant-b-description {
4567 - font-family: "DM Sans", sans-serif;
4568 - font-size: 18px;
4569 - font-weight: 400;
4570 - line-height: 1.5;
4571 - color: #3a3f45;
4572 - letter-spacing: -0.18px;
4573 - margin: 0 0 40px 0;
4574 - width: 100%;
4575 - max-width: 600px;
4576 - text-align: center;
4577 -}
4578 -.e-onboarding101-variant-b-content .e-onboarding101-variant-b-welcome {
4579 - margin-block-end: 5px;
4580 -}
4581 -.e-onboarding101-variant-b-content .e-onboarding101-variant-b-buttons {
4582 - display: flex;
4583 - flex-direction: column;
4584 - gap: 8px;
4585 - width: 264px;
4586 - align-items: center;
4587 - margin-top: 20px;
4588 -}
4589 -.e-onboarding101-variant-b-content .e-onboarding101-variant-b-button {
4590 - display: flex;
4591 - align-items: center;
4592 - justify-content: center;
4593 - height: 48px;
4594 - padding: 14px 16px;
4595 - border-radius: 0;
4596 - border: none;
4597 - font-family: "DM Sans", sans-serif;
4598 - font-weight: 500;
4599 - font-size: 18px;
4600 - line-height: 1;
4601 - letter-spacing: 0.18px;
4602 - cursor: pointer;
4603 - transition: all 0.2s ease;
4604 - white-space: nowrap;
4605 - width: 100%;
4606 - text-decoration: none;
4607 - box-sizing: border-box;
4608 -}
4609 -.e-onboarding101-variant-b-content .e-onboarding101-variant-b-button--primary {
4610 - background: #f3bafd;
4611 - color: #0c0d0e;
4612 -}
4613 -.e-onboarding101-variant-b-content .e-onboarding101-variant-b-button--primary:hover {
4614 - background: #e8a5f8;
4615 -}
4616 -.e-onboarding101-variant-b-content .e-onboarding101-variant-b-button--primary:active {
4617 - background: #dd90f3;
4618 -}
4619 -.e-onboarding101-variant-b-content .e-onboarding101-variant-b-button--secondary {
4620 - background: transparent;
4621 - color: #6a727c;
4622 - text-decoration: underline;
4623 - text-underline-position: from-font;
4624 -}
4625 -.e-onboarding101-variant-b-content .e-onboarding101-variant-b-button--secondary:hover {
4626 - color: #232629;
4627 -}
4628 -.e-onboarding101-variant-b-content .e-onboarding101-variant-b-button--secondary:active {
4629 - color: #0c0d0e;
4630 -}
4631 -
4632 -@media screen and (min-width: 1024px) {
4633 - .e-onboarding101-variant-b .e-onboarding__content {
4634 - min-height: 600px;
4635 - }
4636 -}
4637 -@media screen and (max-width: 768px) {
4638 - .e-onboarding101-variant-b .e-onboarding__page-content {
4639 - padding: 20px;
4640 - width: calc(100% - 40px);
4641 - max-width: 700px;
4642 - }
4643 - .e-onboarding101-variant-b .e-onboarding101-variant-b-content {
4644 - width: 100%;
4645 - }
4646 - .e-onboarding101-variant-b .e-onboarding101-variant-b-title {
4647 - font-size: 36px;
4648 - }
4649 - .e-onboarding101-variant-b .e-onboarding101-variant-b-buttons {
4650 - width: 100%;
4651 - max-width: 300px;
4652 - }
4653 -}
4654 -@media screen and (max-width: 480px) {
4655 - .e-onboarding101-variant-b .e-onboarding__page-content {
4656 - padding: 15px;
4657 - width: calc(100% - 30px);
4658 - }
4659 - .e-onboarding101-variant-b .e-onboarding__content {
4660 - padding-block-start: 5rem;
4661 - }
4662 - .e-onboarding101-variant-b .e-onboarding101-variant-b-content {
4663 - width: 100%;
4664 - }
4665 - .e-onboarding101-variant-b .e-onboarding101-variant-b-title {
4666 - font-size: 28px;
4667 - }
4668 - .e-onboarding101-variant-b .e-onboarding101-variant-b-description {
4669 - font-size: 16px;
4670 - }
4671 - .e-onboarding101-variant-b .e-onboarding101-variant-b-buttons {
4672 - width: 100%;
4673 - }
4674 -}
4675 -.experiment202-variant-b .e-onboarding__progress-bar {
4676 - margin-block-end: 85px;
4677 -}
4678 -.experiment202-variant-b .e-onboarding__page-content--experiment-202 {
4679 - display: flex;
4680 - flex-direction: column;
4681 - align-items: center;
4682 - text-align: center;
4683 - max-width: 1000px;
4684 - margin: 0 auto;
4685 - padding: 0 20px;
4686 -}
4687 -.experiment202-variant-b .e-onboarding__page-content-header {
4688 - margin-block-end: 48px;
4689 -}
4690 -.experiment202-variant-b .e-onboarding__page-content-title {
4691 - font-family: "Source Serif Pro", serif;
4692 - font-weight: 700;
4693 - font-size: 36px;
4694 - line-height: 1.3;
4695 - color: #0C0D0E;
4696 - margin: 0 0 10px 0;
4697 -}
4698 -.experiment202-variant-b .e-onboarding__page-content-subtitle {
4699 - font-family: "DM Sans", sans-serif;
4700 - font-weight: 400;
4701 - font-size: 18px;
4702 - line-height: 1.5;
4703 - color: #3A3F45;
4704 - letter-spacing: -0.18px;
4705 - margin: 0;
4706 -}
4707 -.experiment202-variant-b .e-onboarding__features-grid {
4708 - display: flex;
4709 - justify-content: center;
4710 - flex-wrap: wrap;
4711 - gap: 60px;
4712 - width: 100%;
4713 - padding-block-end: 150px;
4714 - min-height: 280px;
4715 -}
4716 -.experiment202-variant-b .e-onboarding__feature-item {
4717 - display: flex;
4718 - flex-direction: column;
4719 - align-items: center;
4720 - text-align: center;
4721 - gap: 8px;
4722 - max-width: 280px;
4723 -}
4724 -.experiment202-variant-b .e-onboarding__feature-item:last-of-type .e-onboarding__feature-description {
4725 - max-width: 210px;
4726 -}
4727 -.experiment202-variant-b .e-onboarding__feature-icon {
4728 - display: flex;
4729 - align-items: center;
4730 - justify-content: center;
4731 - width: 35px;
4732 - height: 35px;
4733 - margin-block-end: 8px;
4734 -}
4735 -.experiment202-variant-b .e-onboarding__feature-icon svg {
4736 - width: 35px;
4737 - height: 35px;
4738 - flex-shrink: 0;
4739 -}
4740 -.experiment202-variant-b .e-onboarding__feature-content {
4741 - display: flex;
4742 - flex-direction: column;
4743 - align-items: center;
4744 - gap: 8px;
4745 -}
4746 -.experiment202-variant-b .e-onboarding__feature-title {
4747 - font-family: "DM Sans", sans-serif;
4748 - font-weight: 600;
4749 - font-size: 20px;
4750 - line-height: 1.5;
4751 - color: #3A3F45;
4752 - letter-spacing: -0.2px;
4753 - margin: 0;
4754 -}
4755 -.experiment202-variant-b .e-onboarding__feature-description {
4756 - font-family: "DM Sans", sans-serif;
4757 - font-weight: 400;
4758 - font-size: 14px;
4759 - line-height: 1.5;
4760 - color: #3A3F45;
4761 - letter-spacing: -0.14px;
4762 - margin: 0;
4763 - max-width: 260px;
4764 -}
4765 -.experiment202-variant-b .e-onboarding__theme-switch-note {
4766 - font-family: "DM Sans", sans-serif;
4767 - font-weight: 600;
4768 - font-size: 14px;
4769 - line-height: 1.5;
4770 - color: #3A3F45;
4771 - letter-spacing: -0.14px;
4772 - margin: 24px 0 0 0;
4773 -}
4774 -.experiment202-variant-b .e-onboarding__footer {
4775 - display: flex;
4776 - justify-content: center;
4777 -}
4778 -.experiment202-variant-b .e-onboarding__footnote {
4779 - display: flex;
4780 - justify-content: center;
4781 - width: 100%;
4782 - color: #3A3F45;
4783 - text-align: center;
4784 - font-family: "DM Sans";
4785 - font-size: 14px;
4786 - font-weight: 600;
4787 - line-height: 150%;
4788 - letter-spacing: -0.14px;
4789 - margin-block: 24px 60px;
4790 -}
4791 -.experiment202-variant-b .e-onboarding__footnote::before {
4792 - content: initial;
4793 -}
4794 -.experiment202-variant-b .e-onboarding__notice {
4795 - display: flex;
4796 - justify-content: center;
4797 -}
4798 -
4799 -@media screen and (min-width: 769px) {
4800 - .experiment202-variant-b .e-onboarding__button-skip {
4801 - position: absolute;
4802 - inset-inline-end: 30px;
4803 - }
4804 -}
4805 -@media screen and (max-width: 768px) {
4806 - .experiment202-variant-b .e-onboarding__page-content--experiment-202 {
4807 - padding: 0 16px;
4808 - }
4809 - .experiment202-variant-b .e-onboarding__page-content-title {
4810 - font-size: 28px;
4811 - }
4812 - .experiment202-variant-b .e-onboarding__features-grid {
4813 - grid-template-columns: 1fr;
4814 - gap: 40px;
4815 - padding-block-end: 60px;
4816 - }
4817 - .experiment202-variant-b .e-onboarding__feature-title {
4818 - font-size: 18px;
4819 - white-space: normal;
4820 - }
4821 - .experiment202-variant-b .e-onboarding__feature-description {
4822 - max-width: 100%;
4823 - }
4824 -}
4825 -@media (max-width: 1024px) and (min-width: 769px) {
4826 - .experiment202-variant-b .e-onboarding__features-grid {
4827 - display: flex;
4828 - flex-wrap: wrap;
4829 - justify-content: center;
4830 - gap: 40px 60px;
4831 - padding-block-end: 60px;
4832 - }
4833 - .experiment202-variant-b .e-onboarding__feature-description {
4834 - max-width: 220px;
4835 - }
3881 + margin-bottom: 0;
4836 3882 }
4837 3883 /*# sourceMappingURL=app-rtl.css.map */