| @@ -1,5 +1,5 @@ | ||
| 1 | -/*! elementor - v3.2.5 - 16-06-2021 */ | |
| 1 | +/*! elementor - v3.3.0 - 11-07-2021 */ | |
| 2 | 2 | @import "//fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"; |
| 3 | 3 | :root { |
| 4 | 4 | --color-box-shadow-color: rgba(0, 0, 0, 0.05); } |
| 5 | 5 | |
| @@ -112,11 +112,11 @@ | ||
| 112 | 112 | --button-primary-background-color: #39b54a; |
| 113 | 113 | --button-primary-hover-background-color: #33a242; |
| 114 | 114 | --button-primary-active-background-color: #35a945; |
| 115 | 115 | --button-primary-color: #fff; |
| 116 | - --button-secondary-background-color: #c2cbd2; | |
| 117 | - --button-secondary-hover-background-color: #b3bec7; | |
| 118 | - --button-secondary-active-background-color: #b9c3cc; | |
| 116 | + --button-secondary-background-color: #a4afb7; | |
| 117 | + --button-secondary-hover-background-color: #96a2ac; | |
| 118 | + --button-secondary-active-background-color: #9ba7b0; | |
| 119 | 119 | --button-secondary-color: #fff; |
| 120 | 120 | --button-danger-background-color: #b01b1b; |
| 121 | 121 | --button-danger-hover-background-color: #9a1818; |
| 122 | 122 | --button-danger-active-background-color: #a31919; |
| @@ -146,12 +146,12 @@ | ||
| 146 | 146 | --button-primary-background-color: #39b54a; |
| 147 | 147 | --button-primary-color: #fff; |
| 148 | 148 | --button-primary-hover-background-color: #33a242; |
| 149 | 149 | --button-primary-active-background-color: #35a945; |
| 150 | - --button-secondary-background-color: #64666a; | |
| 150 | + --button-secondary-background-color: #b4b5b7; | |
| 151 | 151 | --button-secondary-color: #fff; |
| 152 | - --button-secondary-hover-background-color: #58595d; | |
| 153 | - --button-secondary-active-background-color: #5d5e62; | |
| 152 | + --button-secondary-hover-background-color: #a7a8ab; | |
| 153 | + --button-secondary-active-background-color: #acadb0; | |
| 154 | 154 | --button-cta-background-color: #93003F; |
| 155 | 155 | --button-cta-hover-background-color: #7a0034; |
| 156 | 156 | --button-cta-active-background-color: #840038; |
| 157 | 157 | --button-cta-color: #fff; |
| @@ -165,11 +165,16 @@ | ||
| 165 | 165 | --button-disabled-color: #fff; } |
| 166 | 166 | .eps-button--contained { |
| 167 | 167 | color: var(--button-color); |
| 168 | 168 | padding: var(--button-padding-y) var(--button-padding-x); |
| 169 | - background-color: var(--button-background-color, transparent); } | |
| 169 | + background-color: var(--button-background-color, transparent); | |
| 170 | + border: 1px solid var(--button-background-color); } | |
| 170 | 171 | .eps-button--contained:hover { |
| 171 | 172 | color: var(--button-color); } |
| 173 | + .eps-button--outlined { | |
| 174 | + display: block; | |
| 175 | + padding: var(--button-padding-y) var(--button-padding-x); | |
| 176 | + border: 1px solid var(--button-background-color); } | |
| 172 | 177 | .eps-button--contained, .eps-button--outlined { |
| 173 | 178 | -webkit-border-radius: 0.1875rem; |
| 174 | 179 | border-radius: 0.1875rem; } |
| 175 | 180 | .eps-button--underlined { |
| @@ -660,9 +665,9 @@ | ||
| 660 | 665 | background-color: var(--app-header-background-color); |
| 661 | 666 | -webkit-box-shadow: 0 4px 10px var(--color-box-shadow-color); |
| 662 | 667 | box-shadow: 0 4px 10px var(--color-box-shadow-color); |
| 663 | 668 | position: relative; |
| 664 | - z-index: 1; | |
| 669 | + z-index: 3; | |
| 665 | 670 | height: 3.125rem; |
| 666 | 671 | padding: 0 1rem; } |
| 667 | 672 | .eps-app__header-buttons { |
| 668 | 673 | display: -webkit-box; |
| @@ -732,9 +737,9 @@ | ||
| 732 | 737 | flex-grow: 0; |
| 733 | 738 | overflow-y: auto; |
| 734 | 739 | -webkit-box-shadow: 2px 8px 23px 3px var(--color-box-shadow-color); |
| 735 | 740 | box-shadow: 2px 8px 23px 3px var(--color-box-shadow-color); |
| 736 | - z-index: 2; } | |
| 741 | + z-index: 4; } | |
| 737 | 742 | .eps-app__content { |
| 738 | 743 | -webkit-box-flex: 1; |
| 739 | 744 | -ms-flex-positive: 1; |
| 740 | 745 | flex-grow: 1; |
| @@ -888,24 +893,8 @@ | ||
| 888 | 893 | .eps-menu__title { |
| 889 | 894 | margin-top: 2.75rem; |
| 890 | 895 | margin-bottom: 1rem; } |
| 891 | 896 | |
| 892 | -.e-app-import-process { | |
| 893 | - --e-app-import-process-icon-color: #a4afb7; | |
| 894 | - --e-app-import-process-text-color: #a4afb7; } | |
| 895 | - .e-app-import-process__icon { | |
| 896 | - color: var(--e-app-import-process-icon-color); | |
| 897 | - font-size: 1.85rem; | |
| 898 | - margin-bottom: 2.75rem; } | |
| 899 | - .e-app-import-process__title { | |
| 900 | - margin-bottom: 1.5rem; } | |
| 901 | - .e-app-import-process__text { | |
| 902 | - color: var(--e-app-import-process-text-color); } | |
| 903 | - | |
| 904 | -.eps-theme-dark .e-app-import-process { | |
| 905 | - --e-app-import-process-icon-color: #b4b5b7; | |
| 906 | - --e-app-import-process-text-color: #b4b5b7; } | |
| 907 | - | |
| 908 | 897 | .e-app-import__drop-zone { |
| 909 | 898 | margin-top: 1.25rem; } |
| 910 | 899 | |
| 911 | 900 | .e-site-editor__promotion-overlay__link { |
| @@ -930,28 +919,8 @@ | ||
| 930 | 919 | font-size: 1.25rem; |
| 931 | 920 | color: #fff; |
| 932 | 921 | margin-bottom: 1rem; } |
| 933 | 922 | |
| 934 | -.e-app-import-export-message { | |
| 935 | - display: -webkit-box; | |
| 936 | - display: -ms-flexbox; | |
| 937 | - display: flex; | |
| 938 | - -webkit-box-orient: vertical; | |
| 939 | - -webkit-box-direction: normal; | |
| 940 | - -ms-flex-direction: column; | |
| 941 | - flex-direction: column; | |
| 942 | - -webkit-box-align: center; | |
| 943 | - -ms-flex-align: center; | |
| 944 | - align-items: center; | |
| 945 | - -webkit-box-pack: center; | |
| 946 | - -ms-flex-pack: center; | |
| 947 | - justify-content: center; | |
| 948 | - height: 100%; | |
| 949 | - max-width: 700px; | |
| 950 | - margin: 0 auto; } | |
| 951 | - .e-app-import-export-message__content { | |
| 952 | - text-align: center; } | |
| 953 | - | |
| 954 | 923 | .e-app-import-export-wizard-step { |
| 955 | 924 | --e-app-import-export-wizard-step-icon-color: #c2cbd2; |
| 956 | 925 | --e-app-import-export-wizard-step-text-color: #a4afb7; |
| 957 | 926 | --e-app-import-export-wizard-step-bottom-text-color: #a4afb7; |
| @@ -957,19 +926,23 @@ | ||
| 957 | 926 | --e-app-import-export-wizard-step-bottom-text-color: #a4afb7; |
| 958 | 927 | height: 100%; |
| 959 | 928 | position: relative; |
| 960 | 929 | text-align: center; } |
| 961 | - .e-app-import-export-wizard-step__image-container { | |
| 930 | + .e-app-import-export-wizard-step__media-container { | |
| 962 | 931 | height: 140px; |
| 963 | 932 | margin: 5.5rem 0 2.75rem; } |
| 964 | 933 | .e-app-import-export-wizard-step__icon { |
| 965 | - margin-bottom: 2.75rem; | |
| 966 | 934 | color: var(--e-app-import-export-wizard-step-icon-color); |
| 967 | 935 | font-size: 50px; } |
| 936 | + .e-app-import-export-wizard-step__icon.eicon-loading { | |
| 937 | + font-size: 1.85rem; } | |
| 968 | 938 | .e-app-import-export-wizard-step__heading { |
| 969 | 939 | margin-bottom: 1.5rem; } |
| 970 | 940 | .e-app-import-export-wizard-step__description { |
| 971 | 941 | color: var(--e-app-import-export-wizard-step-text-color); } |
| 942 | + .e-app-import-export-wizard-step__content { | |
| 943 | + text-align: initial; | |
| 944 | + margin-bottom: 1.25rem; } | |
| 972 | 945 | .e-app-import-export-wizard-step__notice { |
| 973 | 946 | display: block; |
| 974 | 947 | position: -webkit-sticky; |
| 975 | 948 | position: sticky; |
| @@ -1050,17 +1023,19 @@ | ||
| 1050 | 1023 | --card-background-color: rgba(255, 255, 255, 0.5); |
| 1051 | 1024 | --card-background-color-hover: #fff; |
| 1052 | 1025 | --card-box-shadow: 0 4px 10px var(--color-box-shadow-color); |
| 1053 | 1026 | --card-header-footer-border: 1px solid #f1f3f5; |
| 1027 | + --card-header-footer-active-border: 2px solid #e2e6ea; | |
| 1054 | 1028 | --card-headline-color: #6d7882; |
| 1055 | 1029 | --card-figure-background-color: #f1f3f5; |
| 1056 | 1030 | --card-image-overlay-background-color: rgba(0, 0, 0, 0.2); } |
| 1057 | 1031 | |
| 1058 | 1032 | .eps-theme-dark { |
| 1059 | - --card-background-color: rgba(64, 67, 73, 0.5); | |
| 1060 | - --card-background-color-hover: #404349; | |
| 1033 | + --card-background-color: #404349; | |
| 1034 | + --card-background-color-hover: rgba(76, 79, 86, 0.8); | |
| 1061 | 1035 | --card-box-shadow: 0 3px 6px var(--color-box-shadow-color); |
| 1062 | 1036 | --card-header-footer-border: 1px solid #34383c; |
| 1037 | + --card-header-footer-active-border: 1px solid #26292C; | |
| 1063 | 1038 | --card-headline-color: #e0e1e3; |
| 1064 | 1039 | --card-figure-background-color: #34383c; |
| 1065 | 1040 | --card-image-overlay-background-color: rgba(52, 56, 60, 0.5); } |
| 1066 | 1041 | |
| @@ -1073,8 +1048,9 @@ | ||
| 1073 | 1048 | -webkit-transition: 0.3s; |
| 1074 | 1049 | -o-transition: 0.3s; |
| 1075 | 1050 | transition: 0.3s; |
| 1076 | 1051 | font-size: 0.75rem; |
| 1052 | + overflow: hidden; | |
| 1077 | 1053 | /* |
| 1078 | 1054 | todo: TBD: Optionally remove headline styling in favor of a global atom depending on variation needs |
| 1079 | 1055 | */ } |
| 1080 | 1056 | .eps-card__header { |
| @@ -1086,8 +1062,10 @@ | ||
| 1086 | 1062 | display: flex; |
| 1087 | 1063 | -webkit-box-align: center; |
| 1088 | 1064 | -ms-flex-align: center; |
| 1089 | 1065 | align-items: center; } |
| 1066 | + .eps-card__header--padding { | |
| 1067 | + padding: var(--eps-card-header-padding); } | |
| 1090 | 1068 | .eps-card__headline { |
| 1091 | 1069 | color: var(--card-headline-color); |
| 1092 | 1070 | margin-bottom: 0; |
| 1093 | 1071 | font-weight: 500; |
| @@ -1099,8 +1077,10 @@ | ||
| 1099 | 1077 | text-overflow: ellipsis; |
| 1100 | 1078 | white-space: nowrap; } |
| 1101 | 1079 | .eps-card__body { |
| 1102 | 1080 | padding: 0.625rem 0.625rem; } |
| 1081 | + .eps-card__body--padding { | |
| 1082 | + padding: var(--eps-card-body-padding); } | |
| 1103 | 1083 | .eps-card__figure { |
| 1104 | 1084 | background-color: var(--card-figure-background-color); |
| 1105 | 1085 | position: relative; |
| 1106 | 1086 | padding-bottom: var(--card-image-aspect-ratio, 95.6%); |
| @@ -1131,8 +1111,10 @@ | ||
| 1131 | 1111 | .eps-card__footer { |
| 1132 | 1112 | padding: 0.625rem; |
| 1133 | 1113 | border-top: var(--card-header-footer-border); |
| 1134 | 1114 | font-size: 0.6875rem; } |
| 1115 | + .eps-card__footer--padding { | |
| 1116 | + padding: var(--eps-card-footer-padding); } | |
| 1135 | 1117 | .eps-card:hover { |
| 1136 | 1118 | background-color: var(--card-background-color-hover); } |
| 1137 | 1119 | |
| 1138 | 1120 | :root { |
| @@ -1952,10 +1934,9 @@ | ||
| 1952 | 1934 | background: var(--eps-modal-background-color); |
| 1953 | 1935 | -webkit-border-radius: 0.1875rem; |
| 1954 | 1936 | border-radius: 0.1875rem; |
| 1955 | 1937 | -webkit-animation: eps-animation-pop 0.15s cubic-bezier(0.57, 0.53, 0.71, 1.47) forwards; |
| 1956 | - animation: eps-animation-pop 0.15s cubic-bezier(0.57, 0.53, 0.71, 1.47) forwards; | |
| 1957 | - overflow: hidden; } | |
| 1938 | + animation: eps-animation-pop 0.15s cubic-bezier(0.57, 0.53, 0.71, 1.47) forwards; } | |
| 1958 | 1939 | .eps-modal__overlay { |
| 1959 | 1940 | background: rgba(0, 0, 0, 0.5); |
| 1960 | 1941 | position: fixed; |
| 1961 | 1942 | display: -webkit-box; |
| @@ -1974,11 +1955,15 @@ | ||
| 1974 | 1955 | z-index: 1030; } |
| 1975 | 1956 | .eps-modal__header { |
| 1976 | 1957 | font-size: 0.875rem; |
| 1977 | 1958 | background: var(--eps-modal-header-background-color); |
| 1978 | - color: #fff; | |
| 1979 | 1959 | height: 2.75rem; |
| 1980 | - padding: 0.625rem 1rem; } | |
| 1960 | + padding: 0.625rem 1rem; | |
| 1961 | + -webkit-border-radius: 0.1875rem; | |
| 1962 | + border-radius: 0.1875rem; } | |
| 1963 | + .eps-modal__header, | |
| 1964 | + .eps-modal__header .title { | |
| 1965 | + color: #fff; } | |
| 1981 | 1966 | .eps-modal__icon { |
| 1982 | 1967 | -webkit-margin-end: 0.625rem; |
| 1983 | 1968 | margin-inline-end: 0.625rem; } |
| 1984 | 1969 | .eps-modal__body { |
| @@ -1991,8 +1976,10 @@ | ||
| 1991 | 1976 | .eps-modal__tip:not(:last-child), .eps-modal .eps-tip:not(:last-child) { |
| 1992 | 1977 | margin-bottom: 1.875rem; } |
| 1993 | 1978 | .eps-modal__tip:not(:first-child), .eps-modal .eps-tip:not(:first-child) { |
| 1994 | 1979 | margin-top: 1.875rem; } |
| 1980 | + .eps-modal__section:not(:first-child) { | |
| 1981 | + margin-top: 1.875rem; } | |
| 1995 | 1982 | .eps-modal__close-wrapper { |
| 1996 | 1983 | -webkit-padding-start: 1rem; |
| 1997 | 1984 | padding-inline-start: 1rem; |
| 1998 | 1985 | -webkit-border-start: solid 1px #fff; |
| @@ -2135,8 +2122,9 @@ | ||
| 2135 | 2122 | |
| 2136 | 2123 | .eps-list { |
| 2137 | 2124 | --eps-list-item-separated-border-color: #f1f3f5; |
| 2138 | 2125 | padding: 0; |
| 2126 | + margin: 0; | |
| 2139 | 2127 | list-style-type: none; } |
| 2140 | 2128 | .eps-list--padding { |
| 2141 | 2129 | padding: var(--eps-list-padding); } |
| 2142 | 2130 | .eps-list__item { |
| @@ -2142,10 +2130,10 @@ | ||
| 2142 | 2130 | .eps-list__item { |
| 2143 | 2131 | padding: 0; } |
| 2144 | 2132 | .eps-list__item--padding { |
| 2145 | 2133 | padding: var(--eps-list-item-padding); } |
| 2146 | - .eps-list--separated .eps-list__item:not(:last-child) { | |
| 2147 | - border-bottom: 1px solid var(--eps-list-item-separated-border-color); } | |
| 2134 | + .eps-list--separated .eps-list__item:not(:last-child) { | |
| 2135 | + border-bottom: 1px solid var(--eps-list-item-separated-border-color); } | |
| 2148 | 2136 | |
| 2149 | 2137 | .eps-theme-dark .eps-list { |
| 2150 | 2138 | --eps-list-item-separated-border-color: #34383c; } |
| 2151 | 2139 | |
| @@ -2275,8 +2263,11 @@ | ||
| 2275 | 2263 | --checkbox-checked-hover-background-color: #33a242; |
| 2276 | 2264 | --checkbox-checked-active-background-color: #44c455; |
| 2277 | 2265 | --checkbox-indicator-color: #fff; } |
| 2278 | 2266 | |
| 2267 | +.eps-theme-dark { | |
| 2268 | + --checkbox-background-color: transparent; } | |
| 2269 | + | |
| 2279 | 2270 | .eps-checkbox { |
| 2280 | 2271 | -webkit-appearance: none; |
| 2281 | 2272 | -webkit-border-radius: 0.1875rem; |
| 2282 | 2273 | border-radius: 0.1875rem; |
| @@ -2346,14 +2337,14 @@ | ||
| 2346 | 2337 | border-radius: 3px; |
| 2347 | 2338 | width: 375px; } |
| 2348 | 2339 | .eps-dialog__close-button { |
| 2349 | 2340 | position: absolute; |
| 2350 | - top: 0; | |
| 2351 | - right: 0; | |
| 2341 | + top: -2.75rem; | |
| 2342 | + right: -2.75rem; | |
| 2352 | 2343 | margin-top: 0.625rem; |
| 2353 | 2344 | margin-right: 0.625rem; |
| 2354 | 2345 | z-index: 1040; |
| 2355 | - font-size: size(2.5); | |
| 2346 | + font-size: 1.25rem; | |
| 2356 | 2347 | color: #fff; } |
| 2357 | 2348 | .eps-dialog__content { |
| 2358 | 2349 | padding: 1.5rem 1.875rem 1rem; |
| 2359 | 2350 | font-size: 0.75rem; } |
| @@ -2377,9 +2368,12 @@ | ||
| 2377 | 2368 | -webkit-border-start: 1px solid var(--hr-color); |
| 2378 | 2369 | border-inline-start: 1px solid var(--hr-color); } |
| 2379 | 2370 | |
| 2380 | 2371 | .eps-inline-link { |
| 2381 | - color: var(--eps-inline-link-color); } | |
| 2372 | + color: var(--eps-inline-link-color); | |
| 2373 | + background-color: initial; | |
| 2374 | + border: 0; | |
| 2375 | + padding: 0; } | |
| 2382 | 2376 | .eps-inline-link--color-primary { |
| 2383 | 2377 | --eps-inline-link-color: #39b54a; } |
| 2384 | 2378 | .eps-inline-link--color-secondary { |
| 2385 | 2379 | --eps-inline-link-color: #c2cbd2; } |
| @@ -2394,10 +2388,815 @@ | ||
| 2394 | 2388 | .eps-inline-link--underline-hover:hover, .eps-inline-link--underline-always, .eps-inline-link--underline-always:hover { |
| 2395 | 2389 | text-decoration: underline; } |
| 2396 | 2390 | .eps-inline-link--italic { |
| 2397 | 2391 | font-style: italic; } |
| 2392 | + .eps-inline-link, .eps-inline-link:focus { | |
| 2393 | + outline: none; } | |
| 2398 | 2394 | |
| 2395 | +.eps-text-field { | |
| 2396 | + --eps-text-field-color: #6d7882; | |
| 2397 | + --eps-text-field-background-color: #fff; | |
| 2398 | + --eps-text-field-placeholder-color: #a4afb7; | |
| 2399 | + --eps-text-field-outlined-border-color: #d5dadf; | |
| 2400 | + --eps-text-field-outlined-focus-border-color: #c2cbd2; | |
| 2401 | + width: 100%; | |
| 2402 | + color: var(--eps-text-field-color); | |
| 2403 | + background-color: var(--eps-text-field-background-color); | |
| 2404 | + border: 0; | |
| 2405 | + outline: none; | |
| 2406 | + font-family: Roboto, Arial, Helvetica, Verdana, sans-serif; | |
| 2407 | + font-size: 0.875rem; | |
| 2408 | + font-weight: 400; | |
| 2409 | + line-height: 1.5; | |
| 2410 | + -webkit-font-smoothing: antialiased; | |
| 2411 | + -moz-osx-font-smoothing: grayscale; } | |
| 2412 | + .eps-text-field--outlined { | |
| 2413 | + -webkit-border-radius: 0.1875rem; | |
| 2414 | + border-radius: 0.1875rem; | |
| 2415 | + border: 1px solid var(--eps-text-field-outlined-border-color); | |
| 2416 | + padding: 0.625rem; } | |
| 2417 | + .eps-text-field--outlined:focus { | |
| 2418 | + border-color: var(--eps-text-field-outlined-focus-border-color); } | |
| 2419 | + .eps-text-field::-webkit-input-placeholder { | |
| 2420 | + color: var(--eps-text-field-placeholder-color); | |
| 2421 | + font-family: Roboto, Arial, Helvetica, Verdana, sans-serif; | |
| 2422 | + font-size: 0.875rem; | |
| 2423 | + font-weight: 400; | |
| 2424 | + line-height: 1.5; | |
| 2425 | + -webkit-font-smoothing: antialiased; | |
| 2426 | + -moz-osx-font-smoothing: grayscale; } | |
| 2427 | + .eps-text-field::-moz-placeholder { | |
| 2428 | + color: var(--eps-text-field-placeholder-color); | |
| 2429 | + font-family: Roboto, Arial, Helvetica, Verdana, sans-serif; | |
| 2430 | + font-size: 0.875rem; | |
| 2431 | + font-weight: 400; | |
| 2432 | + line-height: 1.5; | |
| 2433 | + -webkit-font-smoothing: antialiased; | |
| 2434 | + -moz-osx-font-smoothing: grayscale; } | |
| 2435 | + .eps-text-field::-ms-input-placeholder { | |
| 2436 | + color: var(--eps-text-field-placeholder-color); | |
| 2437 | + font-family: Roboto, Arial, Helvetica, Verdana, sans-serif; | |
| 2438 | + font-size: 0.875rem; | |
| 2439 | + font-weight: 400; | |
| 2440 | + line-height: 1.5; | |
| 2441 | + -webkit-font-smoothing: antialiased; | |
| 2442 | + -moz-osx-font-smoothing: grayscale; } | |
| 2443 | + .eps-text-field::placeholder { | |
| 2444 | + color: var(--eps-text-field-placeholder-color); | |
| 2445 | + font-family: Roboto, Arial, Helvetica, Verdana, sans-serif; | |
| 2446 | + font-size: 0.875rem; | |
| 2447 | + font-weight: 400; | |
| 2448 | + line-height: 1.5; | |
| 2449 | + -webkit-font-smoothing: antialiased; | |
| 2450 | + -moz-osx-font-smoothing: grayscale; } | |
| 2451 | + | |
| 2452 | +.eps-theme-dark .eps-text-field { | |
| 2453 | + --eps-text-field-color: #b4b5b7; | |
| 2454 | + --eps-text-field-background-color: #34383c; | |
| 2455 | + --eps-text-field-placeholder-color: #7d7e82; | |
| 2456 | + --eps-text-field-outlined-border-color: #64666a; | |
| 2457 | + --eps-text-field-outlined-focus-border-color: #7d7e82; } | |
| 2458 | + | |
| 2399 | 2459 | .e-app-import-export-content-layout { |
| 2460 | + display: -webkit-box; | |
| 2461 | + display: -ms-flexbox; | |
| 2462 | + display: flex; | |
| 2463 | + -webkit-box-pack: center; | |
| 2464 | + -ms-flex-pack: center; | |
| 2465 | + justify-content: center; | |
| 2466 | + height: 100%; } | |
| 2467 | + .e-app-import-export-content-layout__container { | |
| 2468 | + -ms-flex-preferred-size: 1075px; | |
| 2469 | + flex-basis: 1075px; } | |
| 2470 | + | |
| 2471 | +.e-app-export-complete__kit-content-title { | |
| 2472 | + margin: 2.75rem 0 0.625rem; } | |
| 2473 | + | |
| 2474 | +.e-app-export-kit-content { | |
| 2475 | + --e-app-export-kit-content-title-color: #556068; | |
| 2476 | + --e-app-export-kit-content-description-color: #6d7882; } | |
| 2477 | + .e-app-export-kit-content__checkbox { | |
| 2478 | + -ms-flex-negative: 0; | |
| 2479 | + flex-shrink: 0; | |
| 2480 | + -webkit-margin-end: 0.75rem; | |
| 2481 | + margin-inline-end: 0.75rem; } | |
| 2482 | + .e-app-export-kit-content__title { | |
| 2483 | + color: var(--e-app-export-kit-content-title-color); } | |
| 2484 | + .e-app-export-kit-content__description { | |
| 2485 | + color: var(--e-app-export-kit-content-description-color); | |
| 2486 | + -webkit-margin-end: 1.25rem; | |
| 2487 | + margin-inline-end: 1.25rem; } | |
| 2488 | + .e-app-export-kit-content__notice { | |
| 2489 | + margin-top: 1rem; } | |
| 2490 | + | |
| 2491 | +.eps-theme-dark .e-app-export-kit-content { | |
| 2492 | + --e-app-export-kit-content-title-color: #e0e1e3; | |
| 2493 | + --e-app-export-kit-content-description-color: #b4b5b7; } | |
| 2494 | + | |
| 2495 | +.e-app-export-complete-kit-data-list { | |
| 2496 | + --e-app-export-complete-kit-data-border-color: #d5dadf; } | |
| 2497 | + .e-app-export-complete-kit-data-list__item { | |
| 2498 | + padding: 0.625rem 0; | |
| 2499 | + border-bottom: 1px solid var(--e-app-export-complete-kit-data-border-color); } | |
| 2500 | + | |
| 2501 | +.eps-theme-dark .e-app-export-complete-kit-data-list { | |
| 2502 | + --e-app-export-complete-kit-data-border-color: #4c4f56; } | |
| 2503 | + | |
| 2504 | +.e-app-import-resolver { | |
| 2505 | + --e-app-import-resolver-panel-header-background-color: #fff; | |
| 2506 | + --e-app-import-resolver-panel-body-background-color: rgba(255, 255, 255, 0.5); | |
| 2507 | + --e-app-import-resolver-conflicts-asset-border-color: #c2cbd2; | |
| 2508 | + --e-app-import-resolver-conflicts-asset-inactive-color: #a4afb7; | |
| 2509 | + padding-bottom: 1.25rem; } | |
| 2510 | + .e-app-import-resolver__notice { | |
| 2511 | + margin-bottom: 1.25rem; } | |
| 2512 | + .e-app-import-resolver__panel, .e-app-import-resolver__panel:hover { | |
| 2513 | + background-color: initial; } | |
| 2514 | + .e-app-import-resolver__panel-header { | |
| 2515 | + background-color: var(--e-app-import-resolver-panel-header-background-color); } | |
| 2516 | + .e-app-import-resolver__panel-body { | |
| 2517 | + background-color: var(--e-app-import-resolver-panel-body-background-color); } | |
| 2518 | + .e-app-import-resolver-conflicts__container { | |
| 2519 | + -webkit-box-shadow: 0 2px 3px 1px var(--color-box-shadow-color); | |
| 2520 | + box-shadow: 0 2px 3px 1px var(--color-box-shadow-color); } | |
| 2521 | + .e-app-import-resolver-conflicts__checkbox { | |
| 2522 | + -ms-flex-negative: 0; | |
| 2523 | + flex-shrink: 0; | |
| 2524 | + -webkit-margin-end: 0.75rem; | |
| 2525 | + margin-inline-end: 0.75rem; } | |
| 2526 | + .e-app-import-resolver-conflicts__title { | |
| 2527 | + line-height: 1; } | |
| 2528 | + .e-app-import-resolver-conflicts__asset:not(:first-child) { | |
| 2529 | + -webkit-border-start: 2px solid var(--e-app-import-resolver-conflicts-asset-border-color); | |
| 2530 | + border-inline-start: 2px solid var(--e-app-import-resolver-conflicts-asset-border-color); | |
| 2531 | + -webkit-padding-start: 1rem; | |
| 2532 | + padding-inline-start: 1rem; | |
| 2533 | + -webkit-margin-start: 1rem; | |
| 2534 | + margin-inline-start: 1rem; } | |
| 2535 | + .e-app-import-resolver-conflicts__asset:not(.active) { | |
| 2536 | + color: var(--e-app-import-resolver-conflicts-asset-inactive-color); } | |
| 2537 | + .e-app-import-resolver-conflicts__edit-template { | |
| 2538 | + -webkit-margin-start: 0.3125rem; | |
| 2539 | + margin-inline-start: 0.3125rem; } | |
| 2540 | + | |
| 2541 | +.eps-theme-dark .e-app-import-resolver { | |
| 2542 | + --e-app-import-resolver-panel-header-background-color: #4c4f56; | |
| 2543 | + --e-app-import-resolver-panel-body-background-color: rgba(0, 0, 0, 0.05); | |
| 2544 | + --e-app-import-resolver-conflicts-asset-border-color: #64666a; | |
| 2545 | + --e-app-import-resolver-conflicts-asset-inactive-color: #7d7e82; } | |
| 2546 | + | |
| 2547 | +.e-app-import-export-panel { | |
| 2548 | + --e-app-import-export-panel-header-background-color: #fff; | |
| 2549 | + --e-app-import-export-panel-body-background-color: rgba(255, 255, 255, 0.5); } | |
| 2550 | + .e-app-import-export-panel, .e-app-import-export-panel:hover { | |
| 2551 | + background-color: initial; } | |
| 2552 | + .e-app-import-export-panel__header { | |
| 2553 | + background-color: var(--e-app-import-export-panel-header-background-color); } | |
| 2554 | + .e-app-import-export-panel__body { | |
| 2555 | + background-color: var(--e-app-import-export-panel-body-background-color); } | |
| 2556 | + | |
| 2557 | +.eps-theme-dark .e-app-import-export-panel { | |
| 2558 | + --e-app-import-export-panel-header-background-color: #404349; | |
| 2559 | + --e-app-import-export-panel-body-background-color: rgba(64, 67, 73, 0.5); } | |
| 2560 | + | |
| 2561 | +.e-app-export-kit { | |
| 2562 | + padding-bottom: 1.25rem; } | |
| 2563 | + .e-app-export-kit-information { | |
| 2564 | + margin-top: 1.25rem; } | |
| 2565 | + .e-app-export-kit-information__field-header { | |
| 2566 | + margin-bottom: 0.625rem; } | |
| 2567 | + .e-app-export-kit-information__label { | |
| 2568 | + margin: 0; } | |
| 2569 | + .e-app-export-kit-information__info-icon { | |
| 2570 | + -webkit-margin-start: 0.625rem; | |
| 2571 | + margin-inline-start: 0.625rem; } | |
| 2572 | + .e-app-export-kit-info-modal__icon { | |
| 2573 | + -webkit-padding-start: 0.625rem; | |
| 2574 | + padding-inline-start: 0.625rem; } | |
| 2575 | + .e-app-export-kit-info-modal__heading { | |
| 2576 | + margin-bottom: 1.25rem; } | |
| 2577 | + | |
| 2578 | +.e-app-import-export-info-modal__section:not(:first-child) { | |
| 2579 | + margin-top: 1.875rem; } | |
| 2580 | + | |
| 2581 | +.e-app-import-export-info-modal__heading { | |
| 2582 | + margin-bottom: 1.25rem; } | |
| 2583 | + | |
| 2584 | +:root { | |
| 2585 | + --eps-badge-background-color: #fff; } | |
| 2586 | + | |
| 2587 | +.eps-theme-dark { | |
| 2588 | + --eps-badge-background-color: #404349; } | |
| 2589 | + | |
| 2590 | +.eps-badge { | |
| 2591 | + display: inline-block; | |
| 2592 | + background: var(--eps-badge-background-color); | |
| 2593 | + padding: 0 0.5rem; | |
| 2594 | + line-height: 1.8; | |
| 2595 | + -webkit-box-shadow: 0 3px 6px var(--color-box-shadow-color); | |
| 2596 | + box-shadow: 0 3px 6px var(--color-box-shadow-color); | |
| 2597 | + -webkit-border-radius: 4px; | |
| 2598 | + border-radius: 4px; | |
| 2599 | + font-size: 0.75rem; } | |
| 2600 | + .eps-badge--sm { | |
| 2601 | + font-size: 0.625rem; | |
| 2602 | + -webkit-border-radius: 3px; | |
| 2603 | + border-radius: 3px; | |
| 2604 | + padding: 0 0.3125rem; | |
| 2605 | + line-height: 1.5; } | |
| 2606 | + | |
| 2607 | +.eps-collapse__title { | |
| 2608 | + cursor: pointer; | |
| 2609 | + padding: 0.3125rem 0; | |
| 2610 | + display: -webkit-box; | |
| 2611 | + display: -ms-flexbox; | |
| 2612 | + display: flex; | |
| 2613 | + -webkit-box-align: center; | |
| 2614 | + -ms-flex-align: center; | |
| 2615 | + align-items: center; | |
| 2616 | + -webkit-box-pack: justify; | |
| 2617 | + -ms-flex-pack: justify; | |
| 2618 | + justify-content: space-between; | |
| 2619 | + width: 100%; | |
| 2620 | + background: transparent; | |
| 2621 | + border: none; | |
| 2622 | + color: inherit; } | |
| 2623 | + .eps-collapse__title:focus { | |
| 2624 | + outline: none; } | |
| 2625 | + | |
| 2626 | +.eps-collapse__icon { | |
| 2627 | + -webkit-transition: all 150ms; | |
| 2628 | + -o-transition: all 150ms; | |
| 2629 | + transition: all 150ms; } | |
| 2630 | + | |
| 2631 | +.eps-collapse__content { | |
| 2632 | + margin-top: 0.625rem; | |
| 2633 | + display: none; } | |
| 2634 | + | |
| 2635 | +.eps-collapse[data-open] .eps-collapse__content { | |
| 2636 | + display: block; } | |
| 2637 | + | |
| 2638 | +.eps-collapse[data-open] .eps-collapse__icon { | |
| 2639 | + -webkit-transform: rotate(90deg); | |
| 2640 | + -ms-transform: rotate(90deg); | |
| 2641 | + transform: rotate(90deg); } | |
| 2642 | + | |
| 2643 | +.e-kit-library-bottom-promotion { | |
| 2644 | + --e-kit-library-bottom-promotion-color: tints(600); } | |
| 2645 | + | |
| 2646 | +.eps-theme-dark .e-kit-library-bottom-promotion { | |
| 2647 | + --e-kit-library-bottom-promotion-color: dark-tints(400); } | |
| 2648 | + | |
| 2649 | +.e-kit-library-bottom-promotion { | |
| 2650 | + width: 100%; | |
| 2651 | + text-align: center; | |
| 2652 | + margin-top: 1.875rem; | |
| 2653 | + color: var(--e-kit-library-bottom-promotion-color); } | |
| 2654 | + | |
| 2655 | +.e-kit-library__error-screen { | |
| 2656 | + margin-top: 2.75rem; } | |
| 2657 | + .e-kit-library__error-screen-title { | |
| 2658 | + margin-top: 2.75rem; | |
| 2659 | + margin-bottom: 0; } | |
| 2660 | + .e-kit-library__error-screen-description { | |
| 2661 | + margin-top: 1.5rem; | |
| 2662 | + color: #a4afb7; | |
| 2663 | + text-align: center; | |
| 2664 | + max-width: 520px; } | |
| 2665 | + | |
| 2666 | +.e-kit-library__kit-favorite-actions { | |
| 2667 | + padding: 0.3125rem; | |
| 2668 | + -webkit-transition: 0.3s all; | |
| 2669 | + -o-transition: 0.3s all; | |
| 2670 | + transition: 0.3s all; | |
| 2671 | + -webkit-border-radius: 4px; | |
| 2672 | + border-radius: 4px; } | |
| 2673 | + .e-kit-library__kit-favorite-actions--active { | |
| 2674 | + color: #b01b1b; } | |
| 2675 | + .e-kit-library__kit-favorite-actions--loading { | |
| 2676 | + opacity: 50%; | |
| 2677 | + cursor: default; } | |
| 2678 | + .e-kit-library__kit-favorite-actions:hover { | |
| 2679 | + background-color: rgba(176, 27, 27, 0.1); } | |
| 2680 | + | |
| 2681 | +.e-kit-library__filter-indication { | |
| 2682 | + margin-top: 1.5rem; | |
| 2683 | + display: -webkit-box; | |
| 2684 | + display: -ms-flexbox; | |
| 2685 | + display: flex; | |
| 2686 | + -webkit-box-align: center; | |
| 2687 | + -ms-flex-align: center; | |
| 2688 | + align-items: center; } | |
| 2689 | + .e-kit-library__filter-indication-text { | |
| 2690 | + margin-bottom: 0; | |
| 2691 | + display: -webkit-box; | |
| 2692 | + display: -ms-flexbox; | |
| 2693 | + display: flex; | |
| 2694 | + -webkit-box-align: center; | |
| 2695 | + -ms-flex-align: center; | |
| 2696 | + align-items: center; } | |
| 2697 | + .e-kit-library__filter-indication-badge { | |
| 2698 | + margin-left: 0.3125rem; | |
| 2699 | + display: -webkit-box; | |
| 2700 | + display: -ms-flexbox; | |
| 2701 | + display: flex; | |
| 2702 | + -webkit-box-align: center; | |
| 2703 | + -ms-flex-align: center; | |
| 2704 | + align-items: center; } | |
| 2705 | + .e-kit-library__filter-indication-badge-remove { | |
| 2706 | + margin-left: 0.3125rem; | |
| 2707 | + font-size: 0.875rem; } | |
| 2708 | + .e-kit-library__filter-indication-button { | |
| 2709 | + margin-left: 1.5rem; } | |
| 2710 | + | |
| 2711 | +#eps-app-header-btn-apply, | |
| 2712 | +#eps-app-header-btn-promotion, | |
| 2713 | +#eps-app-header-btn-connect { | |
| 2714 | + margin-left: 0.625rem; | |
| 2715 | + margin-right: 0.625rem; } | |
| 2716 | + | |
| 2717 | +.e-kit-library__apply-button { | |
| 2718 | + display: -webkit-box; | |
| 2719 | + display: -ms-flexbox; | |
| 2720 | + display: flex; | |
| 2721 | + -webkit-box-align: center; | |
| 2722 | + -ms-flex-align: center; | |
| 2723 | + align-items: center; | |
| 2724 | + -webkit-box-pack: center; | |
| 2725 | + -ms-flex-pack: center; | |
| 2726 | + justify-content: center; | |
| 2727 | + gap: 0.3125rem; } | |
| 2728 | + | |
| 2729 | +.e-kit-library__kit-item { | |
| 2730 | + --e-kit-library-kit-item-overlay-promotion-button-background-color: #fcfcfc; } | |
| 2731 | + | |
| 2732 | +.eps-theme-dark .e-kit-library__kit-item { | |
| 2733 | + --e-kit-library-kit-item-overlay-promotion-button-background-color: #404349; } | |
| 2734 | + | |
| 2735 | +.e-kit-library__kit-item-overlay { | |
| 2736 | + height: 100%; } | |
| 2737 | + .e-kit-library__kit-item-overlay > *:first-child { | |
| 2738 | + -webkit-box-flex: 1; | |
| 2739 | + -ms-flex: 1; | |
| 2740 | + flex: 1; } | |
| 2741 | + | |
| 2742 | +.e-kit-library__kit-item-overlay-overview-button { | |
| 2743 | + display: -webkit-box; | |
| 2744 | + display: -ms-flexbox; | |
| 2745 | + display: flex; | |
| 2746 | + -webkit-box-orient: vertical; | |
| 2747 | + -webkit-box-direction: normal; | |
| 2748 | + -ms-flex-direction: column; | |
| 2749 | + flex-direction: column; | |
| 2750 | + -webkit-box-align: center; | |
| 2751 | + -ms-flex-align: center; | |
| 2752 | + align-items: center; | |
| 2753 | + -webkit-box-pack: center; | |
| 2754 | + -ms-flex-pack: center; | |
| 2755 | + justify-content: center; | |
| 2756 | + color: white; | |
| 2400 | 2757 | height: 100%; |
| 2401 | - max-width: 1075px; | |
| 2402 | - margin: 0 auto; } | |
| 2758 | + width: 100%; } | |
| 2759 | + .e-kit-library__kit-item-overlay-overview-button > i { | |
| 2760 | + font-size: 2rem; | |
| 2761 | + margin-bottom: 5px; } | |
| 2762 | + .e-kit-library__kit-item-overlay-overview-button > span { | |
| 2763 | + font-size: 0.9rem; } | |
| 2764 | + | |
| 2765 | +.e-kit-library__kit-item-overlay-promotion-button { | |
| 2766 | + display: -webkit-box; | |
| 2767 | + display: -ms-flexbox; | |
| 2768 | + display: flex; | |
| 2769 | + width: 100%; | |
| 2770 | + background: white; | |
| 2771 | + -webkit-box-align: center; | |
| 2772 | + -ms-flex-align: center; | |
| 2773 | + align-items: center; | |
| 2774 | + -webkit-box-pack: center; | |
| 2775 | + -ms-flex-pack: center; | |
| 2776 | + justify-content: center; | |
| 2777 | + padding: 10px; | |
| 2778 | + font-size: 13px; | |
| 2779 | + color: #93003F; | |
| 2780 | + background: var(--e-kit-library-kit-item-overlay-promotion-button-background-color); } | |
| 2781 | + .e-kit-library__kit-item-overlay-promotion-button > * { | |
| 2782 | + margin: 0 3px; } | |
| 2783 | + | |
| 2784 | +.e-kit-library__kit-item-subscription-plan-badge { | |
| 2785 | + position: absolute; | |
| 2786 | + top: 0; | |
| 2787 | + right: 0; | |
| 2788 | + margin: 0.3125rem; | |
| 2789 | + color: #fff; | |
| 2790 | + text-transform: uppercase; } | |
| 2791 | + | |
| 2792 | +:root { | |
| 2793 | + --e-kit-library-header-back-border: 1px solid #f1f3f5; | |
| 2794 | + --e-kit-library-header-back-color: #a4afb7; } | |
| 2795 | + | |
| 2796 | +.eps-theme-dark { | |
| 2797 | + --e-kit-library-header-back-border: 1px solid #64666a; | |
| 2798 | + --e-kit-library-header-back-color: #b4b5b7; } | |
| 2799 | + | |
| 2800 | +.e-kit-library__header-back { | |
| 2801 | + color: var(--e-kit-library-header-back-color); | |
| 2802 | + padding-right: 1.25rem; | |
| 2803 | + padding-left: 0.3125rem; | |
| 2804 | + display: -webkit-inline-box; | |
| 2805 | + display: -ms-inline-flexbox; | |
| 2806 | + display: inline-flex; | |
| 2807 | + -webkit-box-pack: center; | |
| 2808 | + -ms-flex-pack: center; | |
| 2809 | + justify-content: center; | |
| 2810 | + -webkit-box-align: center; | |
| 2811 | + -ms-flex-align: center; | |
| 2812 | + align-items: center; | |
| 2813 | + height: 100%; | |
| 2814 | + border-right: var(--e-kit-library-header-back-border); } | |
| 2815 | + .e-kit-library__header-back-container { | |
| 2816 | + -webkit-box-flex: 1; | |
| 2817 | + -ms-flex: 1; | |
| 2818 | + flex: 1; | |
| 2819 | + height: 100%; } | |
| 2820 | + .e-kit-library__header-back .eps-icon { | |
| 2821 | + -webkit-transform: rotate(0deg); | |
| 2822 | + -ms-transform: rotate(0deg); | |
| 2823 | + transform: rotate(0deg); } | |
| 2824 | + | |
| 2825 | +.e-kit-library__page-loader { | |
| 2826 | + width: 100%; | |
| 2827 | + height: 100%; | |
| 2828 | + display: grid; | |
| 2829 | + place-items: center; | |
| 2830 | + font-size: 1.85rem; | |
| 2831 | + color: #a4afb7; } | |
| 2832 | + | |
| 2833 | +.eps-search-input { | |
| 2834 | + --eps-search-input-background-color: #fcfcfc; | |
| 2835 | + --eps-search-input-background-color-focus: #fff; | |
| 2836 | + --eps-search-input-color: #556068; | |
| 2837 | + --eps-search-input-placeholder-color: #a4afb7; } | |
| 2838 | + | |
| 2839 | +.eps-theme-dark .eps-search-input { | |
| 2840 | + --eps-search-input-background-color: #404349; | |
| 2841 | + --eps-search-input-background-color-focus: #4c4f56; | |
| 2842 | + --eps-search-input-color: #b4b5b7; | |
| 2843 | + --eps-search-input-placeholder-color: #b4b5b7; } | |
| 2844 | + | |
| 2845 | +.eps-search-input { | |
| 2846 | + width: 100%; | |
| 2847 | + font-size: 0.9375rem; | |
| 2848 | + padding: 0.625rem 2.75rem; | |
| 2849 | + border: none; | |
| 2850 | + background: var(--eps-search-input-background-color); | |
| 2851 | + outline: none; | |
| 2852 | + color: var(--eps-search-input-color); | |
| 2853 | + line-height: 1; | |
| 2854 | + height: 2.75rem; } | |
| 2855 | + .eps-search-input--sm { | |
| 2856 | + font-size: 0.8125rem; | |
| 2857 | + padding: 0.5rem 1.875rem; } | |
| 2858 | + .eps-search-input:focus { | |
| 2859 | + background: var(--eps-search-input-background-color-focus); } | |
| 2860 | + .eps-search-input::-webkit-input-placeholder { | |
| 2861 | + color: var(--eps-search-input-placeholder-color); | |
| 2862 | + font-style: italic; } | |
| 2863 | + .eps-search-input::-moz-placeholder { | |
| 2864 | + color: var(--eps-search-input-placeholder-color); | |
| 2865 | + font-style: italic; } | |
| 2866 | + .eps-search-input::-ms-input-placeholder { | |
| 2867 | + color: var(--eps-search-input-placeholder-color); | |
| 2868 | + font-style: italic; } | |
| 2869 | + .eps-search-input::placeholder { | |
| 2870 | + color: var(--eps-search-input-placeholder-color); | |
| 2871 | + font-style: italic; } | |
| 2872 | + .eps-search-input__container { | |
| 2873 | + position: relative; } | |
| 2874 | + .eps-search-input__icon { | |
| 2875 | + font-size: 1.25rem; | |
| 2876 | + padding: 0.625rem; | |
| 2877 | + color: #a4afb7; | |
| 2878 | + position: absolute; | |
| 2879 | + top: 0; | |
| 2880 | + left: 0; | |
| 2881 | + left: 0; | |
| 2882 | + height: 100%; | |
| 2883 | + display: -webkit-box; | |
| 2884 | + display: -ms-flexbox; | |
| 2885 | + display: flex; | |
| 2886 | + -webkit-box-align: center; | |
| 2887 | + -ms-flex-align: center; | |
| 2888 | + align-items: center; | |
| 2889 | + -webkit-box-pack: center; | |
| 2890 | + -ms-flex-pack: center; | |
| 2891 | + justify-content: center; } | |
| 2892 | + .eps-search-input__icon--sm { | |
| 2893 | + font-size: 0.75rem; } | |
| 2894 | + .eps-search-input__clear-icon { | |
| 2895 | + font-size: 0.875rem; | |
| 2896 | + padding: 0.625rem; | |
| 2897 | + color: #a4afb7; | |
| 2898 | + position: absolute; | |
| 2899 | + top: 0; | |
| 2900 | + right: 0; | |
| 2901 | + height: 100%; | |
| 2902 | + display: -webkit-box; | |
| 2903 | + display: -ms-flexbox; | |
| 2904 | + display: flex; | |
| 2905 | + -webkit-box-align: center; | |
| 2906 | + -ms-flex-align: center; | |
| 2907 | + align-items: center; | |
| 2908 | + -webkit-box-pack: center; | |
| 2909 | + -ms-flex-pack: center; | |
| 2910 | + justify-content: center; } | |
| 2911 | + .eps-search-input__clear-icon--sm { | |
| 2912 | + font-size: 0.6875rem; } | |
| 2913 | + | |
| 2914 | +:root { | |
| 2915 | + --eps-sort-select-select-background-color: #fcfcfc; | |
| 2916 | + --eps-sort-select-select-color: #556068; | |
| 2917 | + --eps-sort-select-button-background-color: #fcfcfc; | |
| 2918 | + --eps-sort-select-button-border: 1px solid #f1f3f5; } | |
| 2919 | + | |
| 2920 | +.eps-theme-dark { | |
| 2921 | + --eps-sort-select-select-background-color: #404349; | |
| 2922 | + --eps-sort-select-select-color: #b4b5b7; | |
| 2923 | + --eps-sort-select-button-background-color: #404349; | |
| 2924 | + --eps-sort-select-button-border: 1px solid #26292C; } | |
| 2925 | + | |
| 2926 | +.eps-sort-select { | |
| 2927 | + width: 100%; | |
| 2928 | + font-size: 0.9375rem; | |
| 2929 | + display: -webkit-box; | |
| 2930 | + display: -ms-flexbox; | |
| 2931 | + display: flex; } | |
| 2932 | + .eps-sort-select__select-wrapper { | |
| 2933 | + -webkit-box-flex: 1; | |
| 2934 | + -ms-flex: 1; | |
| 2935 | + flex: 1; | |
| 2936 | + position: relative; } | |
| 2937 | + .eps-sort-select__select-wrapper::after { | |
| 2938 | + content: "\e8ad"; | |
| 2939 | + font-family: eicons; | |
| 2940 | + position: absolute; | |
| 2941 | + right: 0.625rem; | |
| 2942 | + top: 0; | |
| 2943 | + bottom: 0; | |
| 2944 | + color: #a4afb7; | |
| 2945 | + display: -webkit-box; | |
| 2946 | + display: -ms-flexbox; | |
| 2947 | + display: flex; | |
| 2948 | + -webkit-box-align: center; | |
| 2949 | + -ms-flex-align: center; | |
| 2950 | + align-items: center; | |
| 2951 | + -webkit-box-pack: center; | |
| 2952 | + -ms-flex-pack: center; | |
| 2953 | + justify-content: center; | |
| 2954 | + pointer-events: none; } | |
| 2955 | + .eps-sort-select__select { | |
| 2956 | + width: 100%; | |
| 2957 | + padding: 0.625rem 0.625rem; | |
| 2958 | + border: none; | |
| 2959 | + background: var(--eps-sort-select-select-background-color); | |
| 2960 | + outline: none; | |
| 2961 | + color: var(--eps-sort-select-select-color); | |
| 2962 | + line-height: 1; | |
| 2963 | + cursor: pointer; | |
| 2964 | + height: 2.75rem; | |
| 2965 | + -moz-appearance: none; | |
| 2966 | + appearance: none; | |
| 2967 | + -webkit-appearance: none; | |
| 2968 | + -webkit-border-radius: 0; | |
| 2969 | + border-radius: 0; } | |
| 2970 | + .eps-sort-select__button { | |
| 2971 | + padding: 0.75rem 0.75rem; | |
| 2972 | + background: var(--eps-sort-select-button-background-color); | |
| 2973 | + border-left: var(--eps-sort-select-button-border); | |
| 2974 | + line-height: 1; | |
| 2975 | + color: #a4afb7; } | |
| 2976 | + | |
| 2977 | +.e-kit-library__tags-filter { | |
| 2978 | + margin-top: 2.75rem; } | |
| 2979 | + .e-kit-library__tags-filter-list { | |
| 2980 | + margin-bottom: 2.75rem; } | |
| 2981 | + .e-kit-library__tags-filter-list .eps-collapse__title { | |
| 2982 | + padding-right: 1.875rem; | |
| 2983 | + padding-left: 1.875rem; | |
| 2984 | + text-transform: uppercase; } | |
| 2985 | + .e-kit-library__tags-filter-list .eps-collapse__content { | |
| 2986 | + margin: 0.3125rem 1.875rem; } | |
| 2987 | + .e-kit-library__tags-filter-list-container { | |
| 2988 | + max-height: 250px; | |
| 2989 | + overflow: auto; } | |
| 2990 | + .e-kit-library__tags-filter-list-search { | |
| 2991 | + margin-bottom: 0.625rem; } | |
| 2992 | + .e-kit-library__tags-filter-list-search .eps-search-input { | |
| 2993 | + background: #fff; } | |
| 2994 | + .e-kit-library__tags-filter-list-item { | |
| 2995 | + padding: 0.625rem 0; | |
| 2996 | + display: -webkit-box; | |
| 2997 | + display: -ms-flexbox; | |
| 2998 | + display: flex; | |
| 2999 | + -webkit-box-align: center; | |
| 3000 | + -ms-flex-align: center; | |
| 3001 | + align-items: center; | |
| 3002 | + font-weight: 500; } | |
| 3003 | + .e-kit-library__tags-filter-list-item input { | |
| 3004 | + margin-right: 0.3125rem; } | |
| 3005 | + | |
| 3006 | +.e-kit-library #eps-app-header-btn-refetch { | |
| 3007 | + padding: 0; } | |
| 3008 | + | |
| 3009 | +.e-kit-library-header-info-modal-container { | |
| 3010 | + margin-bottom: 2.75rem; } | |
| 3011 | + | |
| 3012 | +.e-kit-library__index-layout-container { | |
| 3013 | + -webkit-box-flex: 1; | |
| 3014 | + -ms-flex-positive: 1; | |
| 3015 | + flex-grow: 1; | |
| 3016 | + overflow-y: auto; | |
| 3017 | + display: -webkit-box; | |
| 3018 | + display: -ms-flexbox; | |
| 3019 | + display: flex; | |
| 3020 | + -webkit-box-orient: vertical; | |
| 3021 | + -webkit-box-direction: normal; | |
| 3022 | + -ms-flex-direction: column; | |
| 3023 | + flex-direction: column; } | |
| 3024 | + | |
| 3025 | +.e-kit-library__index-layout-top-area { | |
| 3026 | + padding: 1.875rem 2.75rem; | |
| 3027 | + position: -webkit-sticky; | |
| 3028 | + position: sticky; | |
| 3029 | + top: -1px; | |
| 3030 | + width: 100%; | |
| 3031 | + z-index: 2; | |
| 3032 | + background-color: var(--app-background-color); | |
| 3033 | + gap: 1.5rem; } | |
| 3034 | + .e-kit-library__index-layout-top-area-search, .e-kit-library__index-layout-top-area-sort { | |
| 3035 | + min-width: 265px; } | |
| 3036 | + .e-kit-library__index-layout-top-area-search { | |
| 3037 | + -webkit-box-flex: 1; | |
| 3038 | + -ms-flex: 1; | |
| 3039 | + flex: 1; } | |
| 3040 | + | |
| 3041 | +.e-kit-library__index-layout-main { | |
| 3042 | + padding-top: 0; | |
| 3043 | + padding-bottom: 1.5rem; | |
| 3044 | + overflow-y: hidden; | |
| 3045 | + height: auto; | |
| 3046 | + -webkit-box-flex: 1; | |
| 3047 | + -ms-flex: 1 0 auto; | |
| 3048 | + flex: 1 0 auto; | |
| 3049 | + display: -webkit-box; | |
| 3050 | + display: -ms-flexbox; | |
| 3051 | + display: flex; | |
| 3052 | + -webkit-box-orient: vertical; | |
| 3053 | + -webkit-box-direction: normal; | |
| 3054 | + -ms-flex-direction: column; | |
| 3055 | + flex-direction: column; | |
| 3056 | + -webkit-box-pack: justify; | |
| 3057 | + -ms-flex-pack: justify; | |
| 3058 | + justify-content: space-between; } | |
| 3059 | + | |
| 3060 | +.eps-search-input { | |
| 3061 | + --e-kit-library-item-sidebar-header-title-color: #6d7882; | |
| 3062 | + --e-kit-library-item-sidebar-description-color: #6d7882; | |
| 3063 | + --e-kit-library-item-information-text-color: #6d7882; } | |
| 3064 | + | |
| 3065 | +.eps-theme-dark .eps-search-input { | |
| 3066 | + --e-kit-library-item-sidebar-header-title-color: #b4b5b7; | |
| 3067 | + --e-kit-library-item-sidebar-description-color: #b4b5b7; | |
| 3068 | + --e-kit-library-item-information-text-color: #b4b5b7; } | |
| 3069 | + | |
| 3070 | +.e-kit-library__item-sidebar { | |
| 3071 | + padding: 1.5rem 1.875rem; } | |
| 3072 | + | |
| 3073 | +.e-kit-library__item-sidebar-header { | |
| 3074 | + display: -webkit-box; | |
| 3075 | + display: -ms-flexbox; | |
| 3076 | + display: flex; | |
| 3077 | + -webkit-box-align: center; | |
| 3078 | + -ms-flex-align: center; | |
| 3079 | + align-items: center; | |
| 3080 | + -webkit-box-pack: justify; | |
| 3081 | + -ms-flex-pack: justify; | |
| 3082 | + justify-content: space-between; } | |
| 3083 | + | |
| 3084 | +.e-kit-library__item-sidebar-header-title { | |
| 3085 | + color: var(--e-kit-library-item-sidebar-header-title-color); | |
| 3086 | + margin-bottom: 0; } | |
| 3087 | + | |
| 3088 | +.e-kit-library__item-sidebar-thumbnail { | |
| 3089 | + margin-top: 1.5rem; | |
| 3090 | + -webkit-box-shadow: 0 4px 10px var(--color-box-shadow-color); | |
| 3091 | + box-shadow: 0 4px 10px var(--color-box-shadow-color); } | |
| 3092 | + | |
| 3093 | +.e-kit-library__item-sidebar-description { | |
| 3094 | + margin-top: 1.5rem; | |
| 3095 | + color: var(--e-kit-library-item-sidebar-description-color); } | |
| 3096 | + | |
| 3097 | +.e-kit-library__item-sidebar-collapse-tags { | |
| 3098 | + margin-top: 2.75rem; } | |
| 3099 | + | |
| 3100 | +.e-kit-library__item-sidebar-collapse-info { | |
| 3101 | + margin-top: 1.875rem; } | |
| 3102 | + | |
| 3103 | +.e-kit-library__item-sidebar-tags-container { | |
| 3104 | + gap: 0.625rem; } | |
| 3105 | + | |
| 3106 | +.e-kit-library__item-information-text { | |
| 3107 | + font-size: 0.8125rem; | |
| 3108 | + color: var(--e-kit-library-item-information-text-color); | |
| 3109 | + margin-bottom: 0.3125rem; } | |
| 3110 | + | |
| 3111 | +.e-kit-library { | |
| 3112 | + --e-kit-library-content-overview-group-title-color: #6d7882; } | |
| 3113 | + | |
| 3114 | +.eps-theme-dark .e-kit-library { | |
| 3115 | + --e-kit-library-content-overview-group-title-color: #b4b5b7; } | |
| 3116 | + | |
| 3117 | +.e-kit-library__content-overview-group-item { | |
| 3118 | + margin-bottom: 2.75rem; } | |
| 3119 | + | |
| 3120 | +.e-kit-library__content-overview-group-title { | |
| 3121 | + margin-bottom: 1.875rem; | |
| 3122 | + color: var(--e-kit-library-content-overview-group-title-color); } | |
| 3123 | + | |
| 3124 | +.e-kit-library__preview-responsive-controls { | |
| 3125 | + width: auto; } | |
| 3126 | + .e-kit-library__preview-responsive-controls-item { | |
| 3127 | + margin: 0 0.3125rem; | |
| 3128 | + color: #a4afb7; | |
| 3129 | + padding: 0.3125rem; } | |
| 3130 | + .e-kit-library__preview-responsive-controls-item:hover { | |
| 3131 | + background: rgba(88, 208, 245, 0.1); | |
| 3132 | + -webkit-border-radius: 3px; | |
| 3133 | + border-radius: 3px; | |
| 3134 | + -webkit-transition: all 0.3s; | |
| 3135 | + -o-transition: all 0.3s; | |
| 3136 | + transition: all 0.3s; } | |
| 3137 | + .e-kit-library__preview-responsive-controls-item--active { | |
| 3138 | + color: #58d0f5; } | |
| 3139 | + | |
| 3140 | +.e-kit-library__preview-loader { | |
| 3141 | + position: absolute; | |
| 3142 | + top: 0; | |
| 3143 | + left: 0; | |
| 3144 | + z-index: 0; } | |
| 3145 | + | |
| 3146 | +.e-kit-library__preview-iframe { | |
| 3147 | + border: none; | |
| 3148 | + -webkit-transition: all 0.3s; | |
| 3149 | + -o-transition: all 0.3s; | |
| 3150 | + transition: all 0.3s; | |
| 3151 | + -webkit-box-shadow: 0 4px 10px var(--color-box-shadow-color); | |
| 3152 | + box-shadow: 0 4px 10px var(--color-box-shadow-color); } | |
| 3153 | + | |
| 3154 | +.e-kit-library__preview-iframe-container { | |
| 3155 | + overflow-y: auto; | |
| 3156 | + position: relative; | |
| 3157 | + z-index: 1; } | |
| 3158 | + | |
| 3159 | +.e-app-collapse { | |
| 3160 | + --e-app-collapse-icon-color: #6d7882; } | |
| 3161 | + .e-app-collapse-toggle { | |
| 3162 | + position: relative; } | |
| 3163 | + .e-app-collapse-toggle--active { | |
| 3164 | + cursor: pointer; } | |
| 3165 | + .e-app-collapse-toggle__icon { | |
| 3166 | + color: var(--e-app-collapse-icon-color); | |
| 3167 | + display: -webkit-box; | |
| 3168 | + display: -ms-flexbox; | |
| 3169 | + display: flex; | |
| 3170 | + -webkit-box-align: center; | |
| 3171 | + -ms-flex-align: center; | |
| 3172 | + align-items: center; | |
| 3173 | + -webkit-box-pack: center; | |
| 3174 | + -ms-flex-pack: center; | |
| 3175 | + justify-content: center; | |
| 3176 | + font-size: 0.875rem; | |
| 3177 | + position: absolute; | |
| 3178 | + top: 50%; | |
| 3179 | + right: var(--e-app-collapse-toggle-icon-spacing); | |
| 3180 | + -webkit-transform: translateY(-50%); | |
| 3181 | + -ms-transform: translateY(-50%); | |
| 3182 | + transform: translateY(-50%); } | |
| 3183 | + .e-app-collapse-toggle__icon:before { | |
| 3184 | + -webkit-transition: all 0.2s linear; | |
| 3185 | + -o-transition: all 0.2s linear; | |
| 3186 | + transition: all 0.2s linear; } | |
| 3187 | + .e-app-collapse-content { | |
| 3188 | + display: none; } | |
| 3189 | + .e-app-collapse--opened .e-app-collapse-toggle__icon:before { | |
| 3190 | + -webkit-transform: rotate(-180deg); | |
| 3191 | + -ms-transform: rotate(-180deg); | |
| 3192 | + transform: rotate(-180deg); } | |
| 3193 | + .e-app-collapse--opened .e-app-collapse-content { | |
| 3194 | + display: block; } | |
| 3195 | + | |
| 3196 | +[dir="rtl"] .e-app-collapse-toggle__icon { | |
| 3197 | + right: initial; | |
| 3198 | + left: var(--e-app-collapse-toggle-icon-spacing); } | |
| 3199 | + | |
| 3200 | +.eps-theme-dark .e-app-collapse { | |
| 3201 | + --e-app-collapse-icon-color: #b4b5b7; } | |
| 2403 | 3202 | /*# sourceMappingURL=app.css.map */ |
