← All changes | css/wp-optimize-admin.css +935 -42 4.5.2 → 4.7.0 View file →

		@@ -162,15 +162,30 @@
162	162
163	163	#wp-optimize-auto-options {
164	164	margin: 20px 0 0 28px;
165	165	}
166		-#wp-optimize-auto-options .select2-container {
167		- width: 50% !important;
168		- top: -5px;
169		- height: 40px;
170		- margin-left: 10px;
	166	+
	167	+.wpo-fieldgroup--auto-cleanup .select2-container {
	168	+ width: 130px !important;
	169	+ min-width: 100px;
	170	+ top: 0;
	171	+ margin: 5px 0;
171	172	}
172	173
	174	+.wpo-select2 + .select2-container {
	175	+ min-width: 130px;
	176	+}
	177	+.wpo-select2 + .select2-container.select2-container--disabled .select2-selection--single {
	178	+ color: #a7aaad;
	179	+ border-color: #dcdcde;
	180	+ background-color: #f6f7f7;
	181	+ box-shadow: none;
	182	+ text-shadow: 0 1px 0 #fff;
	183	+ cursor: default;
	184	+ transform: none;
	185	+ opacity: 0.7;
	186	+}
	187	+
173	188	.display-none {
174	189	display: none;
175	190	}
176	191
		@@ -183,9 +198,8 @@
183	198	}
184	199
185	200	.save-done {
186	201	color: #D94F00;
187		- font-size: 28px !important;
188	202	}
189	203
190	204	.wp-optimize-settings-optimization-run-spinner {
191	205	position: relative;
		@@ -215,9 +229,9 @@
215	229	text-align: center;
216	230	}
217	231	#wpoptimize_table_list .optimization_done_icon {
218	232	color: #009B24;
219		- font-size: 26px;
	233	+ font-size: 26px !important;
220	234	display: inline-block;
221	235	position: relative;
222	236	}
223	237
		@@ -405,10 +419,17 @@
405	419	.wpo_logging_status_row.inactive {
406	420	color: #CDCFD3;
407	421	}
408	422
	423	+.wpo_add_logger_form {
	424	+ clear: both;
	425	+ display: inline-block;
	426	+ box-sizing: border-box;
	427	+ width: 100%;
	428	+}
	429	+
409	430	.wpo_logging_edit_row {
410		- padding: 0 6px;
	431	+ padding: 5px;
411	432	display: none;
412	433	float: right;
413	434	}
414	435	.wpo_logging_edit_row .wpo_delete_logger {
		@@ -554,16 +575,13 @@
554	575	a.loading.wpo-refresh-gzip-status img.wpo_spinner.display-none {
555	576	display: inline-block;
556	577	}
557	578
558		-#wpo_browser_cache_expire_days {
559		- width: 50px;
	579	+input.wpo_browser_cache_input {
	580	+ width: 60px;
	581	+ padding: 0 8px;
560	582	}
561	583
562		-#wpo_browser_cache_expire_hours {
563		- width: 50px;
564		-}
565		-
566	584	.wpo-enabled .wpo-disabled {
567	585	display: none;
568	586	}
569	587
		@@ -647,8 +665,9 @@
647	665	#wpo-db-analysis-table-search {
648	666	position: relative;
649	667	top: 1px;
650	668	height: 27px;
	669	+ padding-bottom: 3px;
651	670	}
652	671
653	672	hr.wpo-thin-bar {
654	673	height: 1px;
		@@ -770,8 +789,14 @@
770	789	}
771	790	}
772	791
773	792	/* DASHBOARD */
	793	+@media (max-width: 600px) {
	794	+ body.auto-fold #wpcontent {
	795	+ padding-left: 0;
	796	+ }
	797	+}
	798	+
774	799	.wpo-main-header {
775	800	height: 77px;
776	801	position: fixed;
777	802	top: 32px;
		@@ -881,10 +906,10 @@
881	906	}
882	907	@media (max-width: 600px) {
883	908	body.auto-fold .wpo-main-header {
884	909	position: absolute;
885		- left: -10px;
886		- right: -10px;
	910	+ left: 0;
	911	+ right: 0;
887	912	top: 10px;
888	913	}
889	914	}
890	915	@media (max-width: 600px) {
		@@ -1014,8 +1039,13 @@
1014	1039	}
1015	1040	/* Common BLOCKS */
1016	1041	/* Buttons */
1017	1042	@media (max-width: 782px) {
	1043	+ #wp-optimize-wrap #wpo-load-tables-in-batches.button {
	1044	+ margin-bottom: 15px;
	1045	+ }
	1046	+}
	1047	+@media (max-width: 782px) {
1018	1048	#wp-optimize-wrap .button-large {
1019	1049	display: block;
1020	1050	width: 100%;
1021	1051	}
		@@ -1095,14 +1125,44 @@
1095	1125
1096	1126	.wpo-first-child {
1097	1127	margin-top: 0;
1098	1128	}
	1129	+.wpo-first-child span {
	1130	+ font-size: 10px;
	1131	+ color: #3c434a;
	1132	+ font-weight: normal;
	1133	+}
1099	1134
1100	1135	.save-done {
1101	1136	color: #009B24;
1102		- font-size: 32px;
	1137	+ font-size: 30px;
1103	1138	}
1104	1139
	1140	+.wpo-save-btn-container {
	1141	+ display: -ms-flexbox;
	1142	+ display: flex;
	1143	+ -ms-flex-wrap: wrap;
	1144	+ flex-wrap: wrap;
	1145	+ -ms-flex-direction: row;
	1146	+ flex-direction: row;
	1147	+ -ms-flex-align: center;
	1148	+ align-items: center;
	1149	+ gap: 5px;
	1150	+}
	1151	+.wpo-save-btn-container .wpo_spinner {
	1152	+ width: 20px;
	1153	+ height: 20px;
	1154	+ padding-left: 10px;
	1155	+ display: none;
	1156	+ position: relative;
	1157	+ top: 0;
	1158	+}
	1159	+.wpo-save-btn-container .save-done {
	1160	+ width: 30px;
	1161	+ height: 30px;
	1162	+ font-size: 30px;
	1163	+}
	1164	+
1105	1165	p.wpo-take-a-backup {
1106	1166	display: inline-block;
1107	1167	margin: 0;
1108	1168	line-height: 1;
		@@ -1112,8 +1172,11 @@
1112	1172	@media (min-width: 782px) {
1113	1173	.button ~ p.wpo-take-a-backup {
1114	1174	margin-left: 20px;
1115	1175	}
	1176	+ #wpo-load-tables-in-batches.button {
	1177	+ margin-right: 15px;
	1178	+ }
1116	1179	}
1117	1180	/* Postbox */
1118	1181	#wp-optimize-wrap .nav-tab-wrapper ~ .wp-optimize-nav-tab-contents > .postbox {
1119	1182	border: none;
		@@ -1125,8 +1188,14 @@
1125	1188	.wpo-p25,
1126	1189	.postbox.wpo-tab-postbox {
1127	1190	padding: 25px;
1128	1191	}
	1192	+@media (max-width: 480px) {
	1193	+ .wpo-p25,
	1194	+ .postbox.wpo-tab-postbox {
	1195	+ padding: 15px;
	1196	+ }
	1197	+}
1129	1198
1130	1199	.wpo-tab-postbox > h3:first-child {
1131	1200	margin-top: 0;
1132	1201	}
		@@ -1134,9 +1203,9 @@
1134	1203	/* Field group */
1135	1204	.wpo-fieldgroup {
1136	1205	background: #F2F4F5;
1137	1206	border-radius: 8px;
1138		- padding: 20px;
	1207	+ padding: 20px 18px;
1139	1208	}
1140	1209	.wpo-fieldgroup:not(:last-child) {
1141	1210	margin-bottom: 2em;
1142	1211	}
		@@ -1159,11 +1228,13 @@
1159	1228	}
1160	1229	.wpo-fieldgroup pre.code {
1161	1230	padding: 10px;
1162	1231	}
	1232	+.wpo-fieldgroup ul.wpo-minify-cache-size li {
	1233	+ line-height: normal;
	1234	+}
1163	1235	.wpo-fieldgroup fieldset label {
1164	1236	display: block;
1165		- margin-bottom: 6px;
1166	1237	line-height: 20px;
1167	1238	}
1168	1239	.wpo-fieldgroup fieldset .wpo-fieldgroup__subgroup {
1169	1240	margin-bottom: 6px;
		@@ -1168,9 +1239,9 @@
1168	1239	.wpo-fieldgroup fieldset .wpo-fieldgroup__subgroup {
1169	1240	margin-bottom: 6px;
1170	1241	}
1171	1242	.wpo-fieldgroup fieldset .wpo-fieldgroup__subgroup label {
1172		- display: inline-block;
	1243	+ display: inline;
1173	1244	}
1174	1245
1175	1246	.wpo-fieldgroup__subgroup:not(:last-of-type) {
1176	1247	margin-bottom: 20px;
		@@ -1237,10 +1308,10 @@
1237	1308	#wp-optimize-wrap .switch .slider.round::before {
1238	1309	border-radius: 50%;
1239	1310	}
1240	1311	#wp-optimize-wrap .switch input:checked + .slider {
1241		- background: #0272AA;
1242		- border-color: #0272AA;
	1312	+ background: var(--wp-admin-theme-color, #0272AA);
	1313	+ border-color: var(--wp-admin-theme-color, #0272AA);
1243	1314	}
1244	1315	#wp-optimize-wrap .switch input:checked + .slider::before {
1245	1316	background: #FFF;
1246	1317	border-color: #FFF;
		@@ -1420,9 +1491,9 @@
1420	1491	background: transparent;
1421	1492	margin: 0;
1422	1493	border-top: 3px solid transparent;
1423	1494	padding: 7px 15px;
1424		- color: #0272AA;
	1495	+ color: var(--wp-admin-theme-color, #0272AA);
1425	1496	}
1426	1497	#wp-optimize-wrap h2.nav-tab-wrapper .nav-tab .dashicons,
1427	1498	#wp-optimize-wrap h2.nav-tab-wrapper .nav-tab:hover .dashicons,
1428	1499	#wp-optimize-wrap h2.nav-tab-wrapper .nav-tab:focus .dashicons,
		@@ -1451,9 +1522,9 @@
1451	1522	#wp-optimize-wrap h2.nav-tab-wrapper .nav-tab span.menu-pill.premium-only,
1452	1523	#wp-optimize-wrap h2.nav-tab-wrapper .nav-tab:hover span.menu-pill.premium-only,
1453	1524	#wp-optimize-wrap h2.nav-tab-wrapper .nav-tab:focus span.menu-pill.premium-only,
1454	1525	#wp-optimize-wrap h2.nav-tab-wrapper .nav-tab:focus:active span.menu-pill.premium-only {
1455		- background: #0272AA;
	1526	+ background: var(--wp-admin-theme-color, #0272AA);
1456	1527	color: #FFF;
1457	1528	}
1458	1529	#wp-optimize-wrap h2.nav-tab-wrapper .nav-tab span.menu-pill.disabled,
1459	1530	#wp-optimize-wrap h2.nav-tab-wrapper .nav-tab:hover span.menu-pill.disabled,
		@@ -1473,15 +1544,15 @@
1473	1544	#wp-optimize-wrap h2.nav-tab-wrapper .nav-tab-active:focus,
1474	1545	#wp-optimize-wrap h2.nav-tab-wrapper .nav-tab-active:focus:active {
1475	1546	background: #FFF;
1476	1547	box-shadow: 0 0 1px rgba(0, 0, 0, 0.04);
1477		- border-top-color: #0272AA;
	1548	+ border-top-color: var(--wp-admin-theme-color, #0272AA);
1478	1549	}
1479	1550	#wp-optimize-wrap h2.nav-tab-wrapper .nav-tab-active .dashicons,
1480	1551	#wp-optimize-wrap h2.nav-tab-wrapper .nav-tab-active:hover .dashicons,
1481	1552	#wp-optimize-wrap h2.nav-tab-wrapper .nav-tab-active:focus .dashicons,
1482	1553	#wp-optimize-wrap h2.nav-tab-wrapper .nav-tab-active:focus:active .dashicons {
1483		- color: #0272AA;
	1554	+ color: var(--wp-admin-theme-color, #0272AA);
1484	1555	}
1485	1556	#wp-optimize-wrap h2.nav-tab-wrapper .wpo-feedback {
1486	1557	display: block;
1487	1558	float: right;
		@@ -2006,9 +2077,11 @@
2006	2077	margin-right: 0;
2007	2078	}
2008	2079	}
2009	2080	/* Unused images / wpo_smush_image / image grid*/
2010		-.wpo_unused_image, .wpo_smush_image {
	2081	+#wpo_unused_images:not(.wpo_unused_image_list_view) .wpo_unused_image,
	2082	+#wpo_unused_images_trash:not(.wpo_unused_image_list_view) .wpo_unused_image,
	2083	+.wpo_smush_image {
2011	2084	position: relative;
2012	2085	margin: 4px;
2013	2086	width: calc(50% - 8px);
2014	2087	text-align: center;
		@@ -2013,23 +2086,31 @@
2013	2086	width: calc(50% - 8px);
2014	2087	text-align: center;
2015	2088	}
2016	2089	@media (min-width: 500px) {
2017		- .wpo_unused_image, .wpo_smush_image {
	2090	+ #wpo_unused_images:not(.wpo_unused_image_list_view) .wpo_unused_image,
	2091	+ #wpo_unused_images_trash:not(.wpo_unused_image_list_view) .wpo_unused_image,
	2092	+ .wpo_smush_image {
2018	2093	width: calc(25% - 8px);
2019	2094	}
2020	2095	}
2021	2096	@media (min-width: 782px) {
2022		- .wpo_unused_image, .wpo_smush_image {
	2097	+ #wpo_unused_images:not(.wpo_unused_image_list_view) .wpo_unused_image,
	2098	+ #wpo_unused_images_trash:not(.wpo_unused_image_list_view) .wpo_unused_image,
	2099	+ .wpo_smush_image {
2023	2100	width: calc(16.6666% - 8px);
2024	2101	}
2025	2102	}
2026	2103	@media (min-width: 1100px) {
2027		- .wpo_unused_image, .wpo_smush_image {
	2104	+ #wpo_unused_images:not(.wpo_unused_image_list_view) .wpo_unused_image,
	2105	+ #wpo_unused_images_trash:not(.wpo_unused_image_list_view) .wpo_unused_image,
	2106	+ .wpo_smush_image {
2028	2107	width: calc(12.5% - 8px);
2029	2108	}
2030	2109	}
2031		-.wpo_unused_image .wpo_unused_image__input, .wpo_smush_image .wpo_unused_image__input {
	2110	+#wpo_unused_images:not(.wpo_unused_image_list_view) .wpo_unused_image .wpo_unused_image__input,
	2111	+#wpo_unused_images_trash:not(.wpo_unused_image_list_view) .wpo_unused_image .wpo_unused_image__input,
	2112	+.wpo_smush_image .wpo_unused_image__input {
2032	2113	position: absolute;
2033	2114	top: 10px;
2034	2115	opacity: 0;
2035	2116	width: 0;
		@@ -2034,9 +2115,29 @@
2034	2115	opacity: 0;
2035	2116	width: 0;
2036	2117	height: 0;
2037	2118	}
2038		-.wpo_unused_image label, .wpo_smush_image label {
	2119	+#wpo_unused_images:not(.wpo_unused_image_list_view) .wpo_unused_image .button,
	2120	+#wpo_unused_images_trash:not(.wpo_unused_image_list_view) .wpo_unused_image .button,
	2121	+.wpo_smush_image .button {
	2122	+ background: #f6f7f7;
	2123	+ border-radius: 3px;
	2124	+}
	2125	+#wpo_unused_images:not(.wpo_unused_image_list_view) .wpo_unused_image .button:focus, #wpo_unused_images:not(.wpo_unused_image_list_view) .wpo_unused_image .button:active,
	2126	+#wpo_unused_images_trash:not(.wpo_unused_image_list_view) .wpo_unused_image .button:focus,
	2127	+#wpo_unused_images_trash:not(.wpo_unused_image_list_view) .wpo_unused_image .button:active,
	2128	+.wpo_smush_image .button:focus,
	2129	+.wpo_smush_image .button:active {
	2130	+ background: #f6f7f7;
	2131	+}
	2132	+#wpo_unused_images:not(.wpo_unused_image_list_view) .wpo_unused_image .button:hover,
	2133	+#wpo_unused_images_trash:not(.wpo_unused_image_list_view) .wpo_unused_image .button:hover,
	2134	+.wpo_smush_image .button:hover {
	2135	+ background: #f0f0f1;
	2136	+}
	2137	+#wpo_unused_images:not(.wpo_unused_image_list_view) .wpo_unused_image label,
	2138	+#wpo_unused_images_trash:not(.wpo_unused_image_list_view) .wpo_unused_image label,
	2139	+.wpo_smush_image label {
2039	2140	display: block;
2040	2141	width: 100%;
2041	2142	position: relative;
2042	2143	padding: 1px;
		@@ -2042,14 +2143,18 @@
2042	2143	padding: 1px;
2043	2144	border: 3px solid #F2F4F5;
2044	2145	box-sizing: border-box;
2045	2146	}
2046		-.wpo_unused_image label::before, .wpo_smush_image label::before {
	2147	+#wpo_unused_images:not(.wpo_unused_image_list_view) .wpo_unused_image label::before,
	2148	+#wpo_unused_images_trash:not(.wpo_unused_image_list_view) .wpo_unused_image label::before,
	2149	+.wpo_smush_image label::before {
2047	2150	content: "";
2048	2151	display: block;
2049	2152	padding-top: 100%;
2050	2153	}
2051		-.wpo_unused_image label .thumbnail, .wpo_smush_image label .thumbnail {
	2154	+#wpo_unused_images:not(.wpo_unused_image_list_view) .wpo_unused_image label .thumbnail,
	2155	+#wpo_unused_images_trash:not(.wpo_unused_image_list_view) .wpo_unused_image label .thumbnail,
	2156	+.wpo_smush_image label .thumbnail {
2052	2157	position: absolute;
2053	2158	top: 1px;
2054	2159	left: 1px;
2055	2160	width: calc(100% - 2px);
		@@ -2059,9 +2164,11 @@
2059	2164	background-position: 50% 50%;
2060	2165	overflow: hidden;
2061	2166	background: rgba(220, 220, 220, 0.2);
2062	2167	}
2063		-.wpo_unused_image label .thumbnail img, .wpo_smush_image label .thumbnail img {
	2168	+#wpo_unused_images:not(.wpo_unused_image_list_view) .wpo_unused_image label .thumbnail img,
	2169	+#wpo_unused_images_trash:not(.wpo_unused_image_list_view) .wpo_unused_image label .thumbnail img,
	2170	+.wpo_smush_image label .thumbnail img {
2064	2171	display: block;
2065	2172	margin: 0;
2066	2173	max-height: 100%;
2067	2174	position: absolute;
		@@ -2071,9 +2178,11 @@
2071	2178	-webkit-user-select: none;
2072	2179	-ms-user-select: none;
2073	2180	user-select: none;
2074	2181	}
2075		-.wpo_unused_image label span.dashicons, .wpo_smush_image label span.dashicons {
	2182	+#wpo_unused_images:not(.wpo_unused_image_list_view) .wpo_unused_image label span.dashicons,
	2183	+#wpo_unused_images_trash:not(.wpo_unused_image_list_view) .wpo_unused_image label span.dashicons,
	2184	+.wpo_smush_image label span.dashicons {
2076	2185	position: absolute;
2077	2186	top: 50%;
2078	2187	left: 50%;
2079	2188	transform: translate(-50%, -50%);
		@@ -2080,15 +2189,27 @@
2080	2189	font-size: 25px;
2081	2190	width: 25px;
2082	2191	opacity: 0.2;
2083	2192	}
2084		-.wpo_unused_image .wpo_unused_image__input:checked + label, .wpo_unused_image.selected label, .wpo_smush_image .wpo_unused_image__input:checked + label, .wpo_smush_image.selected label {
	2193	+#wpo_unused_images:not(.wpo_unused_image_list_view) .wpo_unused_image .wpo_unused_image__input:checked + label, #wpo_unused_images:not(.wpo_unused_image_list_view) .wpo_unused_image.selected label,
	2194	+#wpo_unused_images_trash:not(.wpo_unused_image_list_view) .wpo_unused_image .wpo_unused_image__input:checked + label,
	2195	+#wpo_unused_images_trash:not(.wpo_unused_image_list_view) .wpo_unused_image.selected label,
	2196	+.wpo_smush_image .wpo_unused_image__input:checked + label,
	2197	+.wpo_smush_image.selected label {
2085	2198	border-color: #0272AA;
2086	2199	}
2087		-.wpo_unused_image:focus-within label, .wpo_smush_image:focus-within label {
	2200	+#wpo_unused_images:not(.wpo_unused_image_list_view) .wpo_unused_image:focus-within label,
	2201	+#wpo_unused_images_trash:not(.wpo_unused_image_list_view) .wpo_unused_image:focus-within label,
	2202	+.wpo_smush_image:focus-within label {
2088	2203	box-shadow: 0 0 4px #0272AA;
2089	2204	}
2090		-.wpo_unused_image a, .wpo_unused_image a.button, .wpo_unused_image a.button:active, .wpo_smush_image a, .wpo_smush_image a.button, .wpo_smush_image a.button:active {
	2205	+#wpo_unused_images:not(.wpo_unused_image_list_view) .wpo_unused_image a, #wpo_unused_images:not(.wpo_unused_image_list_view) .wpo_unused_image a.button, #wpo_unused_images:not(.wpo_unused_image_list_view) .wpo_unused_image a.button:active,
	2206	+#wpo_unused_images_trash:not(.wpo_unused_image_list_view) .wpo_unused_image a,
	2207	+#wpo_unused_images_trash:not(.wpo_unused_image_list_view) .wpo_unused_image a.button,
	2208	+#wpo_unused_images_trash:not(.wpo_unused_image_list_view) .wpo_unused_image a.button:active,
	2209	+.wpo_smush_image a,
	2210	+.wpo_smush_image a.button,
	2211	+.wpo_smush_image a.button:active {
2091	2212	position: absolute;
2092	2213	z-index: 2;
2093	2214	bottom: 13px;
2094	2215	left: 50%;
		@@ -2094,9 +2215,15 @@
2094	2215	left: 50%;
2095	2216	transform: translateX(-50%);
2096	2217	display: none;
2097	2218	}
2098		-.wpo_unused_image:hover a, .wpo_unused_image:hover a.button, .wpo_unused_image:hover a.button:active, .wpo_smush_image:hover a, .wpo_smush_image:hover a.button, .wpo_smush_image:hover a.button:active {
	2219	+#wpo_unused_images:not(.wpo_unused_image_list_view) .wpo_unused_image:hover a, #wpo_unused_images:not(.wpo_unused_image_list_view) .wpo_unused_image:hover a.button, #wpo_unused_images:not(.wpo_unused_image_list_view) .wpo_unused_image:hover a.button:active,
	2220	+#wpo_unused_images_trash:not(.wpo_unused_image_list_view) .wpo_unused_image:hover a,
	2221	+#wpo_unused_images_trash:not(.wpo_unused_image_list_view) .wpo_unused_image:hover a.button,
	2222	+#wpo_unused_images_trash:not(.wpo_unused_image_list_view) .wpo_unused_image:hover a.button:active,
	2223	+.wpo_smush_image:hover a,
	2224	+.wpo_smush_image:hover a.button,
	2225	+.wpo_smush_image:hover a.button:active {
2099	2226	display: inline-block;
2100	2227	}
2101	2228
2102	2229	#wpo_unused_images, #wpo_unused_images_trash, #wpo_smush_images_grid {
		@@ -2158,8 +2285,15 @@
2158	2285	z-index: 999;
2159	2286	position: relative;
2160	2287	}
2161	2288
	2289	+.wpo_unused_image_list_view .wpo_unused_images_remove_single.button-link,
	2290	+.wpo_unused_image_list_view .wpo_unused_images_remove_single.button-link:hover {
	2291	+ background: none;
	2292	+ border: none;
	2293	+ color: #F00;
	2294	+}
	2295	+
2162	2296	/* More Plugins page */
2163	2297	/* Plugins family / Premium */
2164	2298	p.wpo-plugin-installed {
2165	2299	color: #009B24;
		@@ -2369,8 +2503,18 @@
2369	2503	padding: 16px 14px;
2370	2504	}
2371	2505
2372	2506	/* tablesorter */
	2507	+#wp-optimize-wrap #wpoptimize_table_list td:nth-child(2) span {
	2508	+ font-size: 11px;
	2509	+}
	2510	+#wp-optimize-wrap #wpoptimize_table_list td:nth-child(2) span.status {
	2511	+ color: #9B0000;
	2512	+ font-weight: bold;
	2513	+}
	2514	+#wp-optimize-wrap #wpoptimize_table_list td span {
	2515	+ font-size: 13px;
	2516	+}
2373	2517	#wp-optimize-wrap .wp-list-table td {
2374	2518	word-break: break-all;
2375	2519	}
2376	2520	@media screen and (max-width: 782px) {
		@@ -2413,8 +2557,9 @@
2413	2557	color: #F00;
2414	2558	}
2415	2559
2416	2560	#page_cache_length_value {
	2561	+ min-height: 28px;
2417	2562	height: 28px;
2418	2563	position: relative;
2419	2564	top: 2px;
2420	2565	}
		@@ -2481,8 +2626,15 @@
2481	2626	vertical-align: middle;
2482	2627	color: green;
2483	2628	}
2484	2629
	2630	+#wpo_gzip_control_panel {
	2631	+ margin-bottom: 10px;
	2632	+}
	2633	+#wpo_gzip_control_panel .wpo_shade_inner {
	2634	+ padding-top: 150px;
	2635	+}
	2636	+
2485	2637	#wp-optimize-wrap .filename {
2486	2638	display: inline-block;
2487	2639	padding: 6px 0;
2488	2640	}
		@@ -2523,9 +2675,9 @@
2523	2675	#wp-optimize-wrap .processed .wpo_min_log .wpo_min_file_error a {
2524	2676	color: #9B3600;
2525	2677	}
2526	2678	#wp-optimize-wrap .processed .wpo_min_log .wpo_min_file_error a:hover {
2527		- color: rgb(104, 36.2322580645, 0);
	2679	+ color: rgb(40.7843137255%, 14.2087286528%, 0%);
2528	2680	}
2529	2681	#wp-optimize-wrap .processed .wpo_min_log .wpo_min_file_debug {
2530	2682	color: #9c9c9c;
2531	2683	display: inline-block;
		@@ -2571,10 +2723,15 @@
2571	2723	padding-left: 1em;
2572	2724	border-left: 2px solid #E2E2E2;
2573	2725	margin-left: 0.5em;
2574	2726	}
	2727	+#wp-optimize-wrap .wpo-fieldgroup .wpo-inline-advertise {
	2728	+ display: inline-block;
	2729	+ vertical-align: top;
	2730	+ line-height: 20px;
	2731	+}
2575	2732	#wp-optimize-wrap {
2576		- /*
	2733	+ /*
2577	2734	Asset preload table
2578	2735	*/
2579	2736	}
2580	2737	#wp-optimize-wrap .asset-preload-list {
		@@ -2627,8 +2784,9 @@
2627	2784	color: #D0D2D4;
2628	2785	}
2629	2786	#wp-optimize-wrap .asset-preload-list input#preload_href {
2630	2787	width: 100%;
	2788	+ min-height: 28px;
2631	2789	}
2632	2790	#wp-optimize-wrap .asset-preload-list select#preload_type {
2633	2791	width: 100%;
2634	2792	}
		@@ -2711,8 +2869,26 @@
2711	2869	.wpo-confirm .wpo-modal--content > h3 .dashicons.dashicons-warning {
2712	2870	color: #feb901;
2713	2871	}
2714	2872
	2873	+@media (max-width: 782px) {
	2874	+ .wpo-modal--container {
	2875	+ padding: 1em;
	2876	+ display: -ms-flexbox;
	2877	+ display: flex;
	2878	+ -ms-flex-direction: column;
	2879	+ flex-direction: column;
	2880	+ }
	2881	+ .admin-bar .wpo-modal--container {
	2882	+ padding-top: calc(46px + 1em);
	2883	+ }
	2884	+ .wpo-modal {
	2885	+ width: 100%;
	2886	+ top: auto;
	2887	+ transform: none;
	2888	+ margin: auto;
	2889	+ }
	2890	+}
2715	2891	@media (min-width: 780px) {
2716	2892	.power-tweaks--list {
2717	2893	display: -ms-flexbox;
2718	2894	display: flex;
		@@ -2760,8 +2936,37 @@
2760	2936	.power-tweaks--list .wpo-power-tweak .actions {
2761	2937	margin-top: 1em;
2762	2938	margin-bottom: 1em;
2763	2939	}
	2940	+.power-tweaks--list .wpo-power-tweak .wpo-post-meta-sites-status {
	2941	+ max-height: 230px;
	2942	+ overflow-y: auto;
	2943	+ margin: 20px 0;
	2944	+ border: 1px solid #c3c4c7;
	2945	+ scrollbar-width: thin;
	2946	+ scrollbar-color: #a9a9a9 #f2f4f5;
	2947	+}
	2948	+.power-tweaks--list .wpo-power-tweak .wpo-post-meta-sites-status::-webkit-scrollbar {
	2949	+ width: 8px;
	2950	+}
	2951	+.power-tweaks--list .wpo-power-tweak .wpo-post-meta-sites-status::-webkit-scrollbar-track {
	2952	+ background: #f2f4f5;
	2953	+}
	2954	+.power-tweaks--list .wpo-power-tweak .wpo-post-meta-sites-status::-webkit-scrollbar-thumb {
	2955	+ background-color: #a9a9a9;
	2956	+ border-radius: 4px;
	2957	+}
	2958	+.power-tweaks--list .wpo-power-tweak .wpo-post-meta-sites-status .wpo-post-meta-sites-table {
	2959	+ border: none;
	2960	+ border-right: 1px solid #c3c4c7;
	2961	+}
	2962	+.power-tweaks--list .wpo-power-tweak .wpo-post-meta-sites-status .wpo-post-meta-sites-table thead th {
	2963	+ position: sticky;
	2964	+ top: 0;
	2965	+ z-index: 1;
	2966	+ background: #fff;
	2967	+ box-shadow: inset 0 -1px 0 #c3c4c7;
	2968	+}
2764	2969	.power-tweaks--list .wpo-power-tweak .last-run, .power-tweaks--list .wpo-power-tweak .last-updated {
2765	2970	margin-top: 1em;
2766	2971	font-size: 0.8em;
2767	2972	color: #a9a9a9;
		@@ -2827,5 +3032,693 @@
2827	3032	#wpo_404_detector_results h1 {
2828	3033	line-height: 1.2;
2829	3034	word-wrap: break-word;
2830	3035	font-size: 1.2rem;
	3036	+}
	3037	+
	3038	+.wpo-dash {
	3039	+ display: -ms-flexbox;
	3040	+ display: flex;
	3041	+ -ms-flex-direction: column;
	3042	+ flex-direction: column;
	3043	+ font-family: "Inter", sans-serif;
	3044	+}
	3045	+
	3046	+.wpo-dash-toolbar {
	3047	+ display: none;
	3048	+}
	3049	+
	3050	+.wpo-dash-link {
	3051	+ color: #2271B1;
	3052	+ text-decoration: none;
	3053	+ font-weight: 500;
	3054	+}
	3055	+.wpo-dash-link:hover, .wpo-dash-link:active {
	3056	+ color: #2271B1;
	3057	+ opacity: 0.7;
	3058	+ text-decoration: none;
	3059	+}
	3060	+.wpo-dash-link:focus {
	3061	+ color: #2271B1;
	3062	+ box-shadow: none;
	3063	+ outline: none;
	3064	+}
	3065	+
	3066	+.wpo-warn {
	3067	+ color: #b26900;
	3068	+ font-weight: 500;
	3069	+ text-decoration: none;
	3070	+}
	3071	+.wpo-warn:hover, .wpo-warn:active {
	3072	+ color: #b26900;
	3073	+ opacity: 0.7;
	3074	+ text-decoration: none;
	3075	+}
	3076	+.wpo-warn:focus {
	3077	+ color: #b26900;
	3078	+ box-shadow: none;
	3079	+ outline: none;
	3080	+}
	3081	+
	3082	+.wpo-promo-app:hover, .wpo-promo-app:active {
	3083	+ color: #50575e;
	3084	+}
	3085	+.wpo-promo-app:focus {
	3086	+ color: #50575e;
	3087	+ box-shadow: none;
	3088	+ outline: none;
	3089	+}
	3090	+
	3091	+.wpo-refresh-btn {
	3092	+ display: -ms-inline-flexbox;
	3093	+ display: inline-flex;
	3094	+ -ms-flex-align: center;
	3095	+ align-items: center;
	3096	+ gap: 4px;
	3097	+ background: none;
	3098	+ border: none;
	3099	+ padding: 0;
	3100	+ cursor: pointer;
	3101	+ font-size: 13px;
	3102	+ color: #2271B1;
	3103	+ font-weight: 500;
	3104	+}
	3105	+.wpo-refresh-btn:hover {
	3106	+ opacity: 0.7;
	3107	+}
	3108	+.wpo-refresh-btn .dashicons {
	3109	+ font-size: 16px;
	3110	+ width: 16px;
	3111	+ height: 16px;
	3112	+}
	3113	+.wpo-refresh-btn .dashicons.wpo-spinning {
	3114	+ animation: wpo-spin 1s linear infinite;
	3115	+}
	3116	+
	3117	+@keyframes wpo-spin {
	3118	+ to {
	3119	+ transform: rotate(360deg);
	3120	+ }
	3121	+}
	3122	+.wpo-top-row {
	3123	+ display: -ms-grid;
	3124	+ display: grid;
	3125	+ -ms-grid-columns: 1fr 1fr;
	3126	+ grid-template-columns: 1fr 1fr;
	3127	+ gap: 0;
	3128	+}
	3129	+
	3130	+.wpo-mod-grid {
	3131	+ display: -ms-grid;
	3132	+ display: grid;
	3133	+ -ms-grid-columns: 1fr 1fr;
	3134	+ grid-template-columns: 1fr 1fr;
	3135	+ gap: 12px;
	3136	+}
	3137	+
	3138	+.wpo-card,
	3139	+.wpo-mod-card {
	3140	+ background: #fff;
	3141	+ border: 1px solid #ddd;
	3142	+ padding: 1rem 1.25rem;
	3143	+}
	3144	+
	3145	+.wpo-mod-card {
	3146	+ display: -ms-flexbox;
	3147	+ display: flex;
	3148	+ -ms-flex-direction: column;
	3149	+ flex-direction: column;
	3150	+ gap: 8px;
	3151	+ min-width: 0;
	3152	+ box-shadow: 0 0 1px 0 rgba(59, 59, 59, 0.06), 0 1px 1px 0 rgba(59, 59, 59, 0.05), 0 2px 1px 0 rgba(59, 59, 59, 0.03), 0 4px 2px 0 rgba(59, 59, 59, 0.01), 0 7px 2px 0 rgba(59, 59, 59, 0);
	3153	+}
	3154	+
	3155	+.wpo-inactive-card {
	3156	+ opacity: 0.8;
	3157	+}
	3158	+
	3159	+.wpo-setup-eyebrow {
	3160	+ display: -ms-flexbox;
	3161	+ display: flex;
	3162	+ -ms-flex-align: center;
	3163	+ align-items: center;
	3164	+ gap: 5px;
	3165	+ font-size: 12px;
	3166	+ font-weight: 600;
	3167	+ color: #339900;
	3168	+ text-transform: uppercase;
	3169	+ letter-spacing: 0.05em;
	3170	+}
	3171	+
	3172	+.wpo-setup-eyebrow.grey-out {
	3173	+ color: #9FA4A7;
	3174	+}
	3175	+
	3176	+.wpo-setup-eyebrow .wpo-dot {
	3177	+ background: currentColor;
	3178	+}
	3179	+
	3180	+.wpo-setup-title {
	3181	+ font-size: 32px;
	3182	+ font-weight: 600;
	3183	+ color: #1C252C;
	3184	+ margin: 12px 0 5px;
	3185	+}
	3186	+
	3187	+.wpo-setup-sub {
	3188	+ font-size: 14px;
	3189	+ font-weight: 400;
	3190	+ color: #4F565B;
	3191	+ margin: 0 0 15px;
	3192	+}
	3193	+
	3194	+.wpo-setup-meta {
	3195	+ width: 100%;
	3196	+ position: absolute;
	3197	+ bottom: -2px;
	3198	+ display: -ms-flexbox;
	3199	+ display: flex;
	3200	+ -ms-flex-direction: row;
	3201	+ flex-direction: row;
	3202	+ -ms-flex-pack: justify;
	3203	+ justify-content: space-between;
	3204	+ -ms-flex-align: center;
	3205	+ align-items: center;
	3206	+}
	3207	+
	3208	+.wpo-setup-meta span {
	3209	+ font-size: 12px;
	3210	+ color: #50575e;
	3211	+}
	3212	+
	3213	+.wpo-setup-meta .icon-meta {
	3214	+ margin-right: 4px;
	3215	+}
	3216	+
	3217	+.wpo-setup-meta a {
	3218	+ font-size: 13px;
	3219	+}
	3220	+
	3221	+.wpo-setup-meta a.button.button-setup {
	3222	+ background: #2271B1;
	3223	+ color: #fff;
	3224	+ padding: 0 25px;
	3225	+ height: 25px;
	3226	+ min-height: 25px;
	3227	+ border-radius: 3px;
	3228	+ display: -ms-flexbox;
	3229	+ display: flex;
	3230	+ -ms-flex-align: center;
	3231	+ align-items: center;
	3232	+ box-shadow: none !important;
	3233	+ outline: none !important;
	3234	+ border: none !important;
	3235	+}
	3236	+
	3237	+.wpo-setup-meta a.button.button-setup:hover {
	3238	+ opacity: 0.7;
	3239	+}
	3240	+
	3241	+.wpo-setup-meta a.button.button-setup span.dashicons.dashicons-arrow-right-alt {
	3242	+ color: #fff;
	3243	+ height: 20px;
	3244	+ margin-left: 5px;
	3245	+ line-height: 1.8;
	3246	+}
	3247	+
	3248	+.wpo-setup-meta span.wpo-running-label {
	3249	+ display: -ms-flexbox;
	3250	+ display: flex;
	3251	+ -ms-flex-pack: justify;
	3252	+ justify-content: space-between;
	3253	+ -ms-flex-align: center;
	3254	+ align-items: center;
	3255	+}
	3256	+
	3257	+.wpo-setup-meta a.wpo-dash-link {
	3258	+ display: -ms-flexbox;
	3259	+ display: flex;
	3260	+ -ms-flex-direction: row;
	3261	+ flex-direction: row;
	3262	+ -ms-flex-pack: justify;
	3263	+ justify-content: space-between;
	3264	+ -ms-flex-align: center;
	3265	+ align-items: center;
	3266	+}
	3267	+
	3268	+.wpo-big-num {
	3269	+ font-size: 40px;
	3270	+ font-weight: 600;
	3271	+ color: #1d2327;
	3272	+}
	3273	+
	3274	+.wpo-big-num--green {
	3275	+ color: #339900;
	3276	+}
	3277	+
	3278	+.wpo-big-num--zero.grey-out {
	3279	+ color: #9FA4A7;
	3280	+}
	3281	+
	3282	+.wpo-big-num--zero span {
	3283	+ font-size: 18px;
	3284	+}
	3285	+
	3286	+.wpo-savings-sub {
	3287	+ font-size: 14px;
	3288	+ color: #696F72;
	3289	+ margin: 8px 0 25px;
	3290	+}
	3291	+
	3292	+.wpo-savings-bar-label {
	3293	+ font-size: 11px;
	3294	+ color: #8c8f94;
	3295	+ margin-bottom: 6px;
	3296	+}
	3297	+
	3298	+.wpo-bar-wrap {
	3299	+ height: 8px;
	3300	+ border-radius: 4px;
	3301	+ background: #eee;
	3302	+ display: -ms-flexbox;
	3303	+ display: flex;
	3304	+ overflow: hidden;
	3305	+ margin-bottom: 10px;
	3306	+}
	3307	+
	3308	+.wpo-bar-seg {
	3309	+ height: 100%;
	3310	+ transition: width 0.6s ease;
	3311	+}
	3312	+
	3313	+.wpo-bar-legend {
	3314	+ display: -ms-flexbox;
	3315	+ display: flex;
	3316	+ gap: 14px;
	3317	+ -ms-flex-wrap: wrap;
	3318	+ flex-wrap: wrap;
	3319	+}
	3320	+
	3321	+.wpo-legend-item {
	3322	+ display: -ms-flexbox;
	3323	+ display: flex;
	3324	+ -ms-flex-align: center;
	3325	+ align-items: center;
	3326	+ gap: 5px;
	3327	+ font-size: 11px;
	3328	+ color: #50575e;
	3329	+}
	3330	+
	3331	+.wpo-legend-square {
	3332	+ width: 10px;
	3333	+ height: 10px;
	3334	+ border-radius: 2px;
	3335	+ -ms-flex-negative: 0;
	3336	+ flex-shrink: 0;
	3337	+}
	3338	+
	3339	+.wpo-card-saving-bar {
	3340	+ position: relative;
	3341	+ height: 100%;
	3342	+}
	3343	+
	3344	+.wpo-bar-wrap.wpo-bar-wrap--empty .wpo-bar-seg {
	3345	+ width: 100%;
	3346	+ height: 100%;
	3347	+ background: #F1F5F8;
	3348	+ border-radius: 4px;
	3349	+}
	3350	+
	3351	+.wpo-modules-label {
	3352	+ font-size: 12px;
	3353	+ font-weight: 500;
	3354	+ text-transform: uppercase;
	3355	+ color: #696F72;
	3356	+ margin-bottom: 5px;
	3357	+}
	3358	+
	3359	+.wpo-mod-header {
	3360	+ display: -ms-flexbox;
	3361	+ display: flex;
	3362	+ -ms-flex-pack: justify;
	3363	+ justify-content: space-between;
	3364	+ -ms-flex-align: center;
	3365	+ align-items: center;
	3366	+}
	3367	+
	3368	+.wpo-mod-icon-title {
	3369	+ display: -ms-flexbox;
	3370	+ display: flex;
	3371	+ -ms-flex-align: center;
	3372	+ align-items: center;
	3373	+ gap: 7px;
	3374	+ font-size: 13px;
	3375	+ color: #50575e;
	3376	+}
	3377	+
	3378	+.wpo-mod-big {
	3379	+ font-size: 22px;
	3380	+ font-weight: 500;
	3381	+ color: #1d2327;
	3382	+ line-height: 1.1;
	3383	+}
	3384	+
	3385	+.wpo-mod-big span {
	3386	+ font-size: 14px;
	3387	+ font-weight: 400;
	3388	+ color: #50575e;
	3389	+}
	3390	+
	3391	+.wpo-mod-desc {
	3392	+ font-size: 12px;
	3393	+ color: #50575e;
	3394	+ line-height: 1.5;
	3395	+ margin: 4px 0 0;
	3396	+}
	3397	+
	3398	+.wpo-feature-list {
	3399	+ display: -ms-flexbox;
	3400	+ display: flex;
	3401	+ -ms-flex-direction: column;
	3402	+ flex-direction: column;
	3403	+ gap: 6px;
	3404	+ border-top: 1px solid #eee;
	3405	+ padding-top: 8px;
	3406	+}
	3407	+
	3408	+.wpo-feat-row {
	3409	+ display: -ms-flexbox;
	3410	+ display: flex;
	3411	+ -ms-flex-pack: justify;
	3412	+ justify-content: space-between;
	3413	+ -ms-flex-align: center;
	3414	+ align-items: center;
	3415	+ font-size: 12px;
	3416	+}
	3417	+
	3418	+.wpo-feat-name {
	3419	+ color: #1C252C;
	3420	+ display: -ms-flexbox;
	3421	+ display: flex;
	3422	+ -ms-flex-align: center;
	3423	+ align-items: center;
	3424	+ gap: 4px;
	3425	+}
	3426	+
	3427	+.wpo-feat-name--truncate {
	3428	+ overflow: hidden;
	3429	+}
	3430	+
	3431	+.wpo-feat-name--truncate .wpo-dot {
	3432	+ min-width: 8px;
	3433	+}
	3434	+
	3435	+.wpo-feat-tasks {
	3436	+ overflow: hidden;
	3437	+ text-overflow: ellipsis;
	3438	+ white-space: nowrap;
	3439	+}
	3440	+
	3441	+.wpo-feat-val {
	3442	+ color: #696F72;
	3443	+ -ms-flex-negative: 0;
	3444	+ flex-shrink: 0;
	3445	+ margin-left: 8px;
	3446	+}
	3447	+
	3448	+.wpo-feat-val.premium {
	3449	+ color: #C4511C;
	3450	+}
	3451	+
	3452	+.wpo-mod-footer {
	3453	+ display: -ms-flexbox;
	3454	+ display: flex;
	3455	+ -ms-flex-pack: justify;
	3456	+ justify-content: space-between;
	3457	+ -ms-flex-align: center;
	3458	+ align-items: center;
	3459	+ padding-top: 15px;
	3460	+ border-top: 1px solid #eee;
	3461	+ margin-top: auto;
	3462	+}
	3463	+
	3464	+.wpo-mod-footer span {
	3465	+ font-size: 11px;
	3466	+ color: #8c8f94;
	3467	+}
	3468	+
	3469	+.wpo-mod-footer a {
	3470	+ font-size: 12px;
	3471	+}
	3472	+
	3473	+.wpo-badge {
	3474	+ display: -ms-inline-flexbox;
	3475	+ display: inline-flex;
	3476	+ -ms-flex-align: center;
	3477	+ align-items: center;
	3478	+ gap: 5px;
	3479	+ font-size: 11px;
	3480	+ font-weight: 500;
	3481	+ padding: 5px 15px;
	3482	+ border-radius: 20px;
	3483	+}
	3484	+
	3485	+.wpo-badge.active {
	3486	+ background: #e0f2e0;
	3487	+ color: #267300;
	3488	+}
	3489	+
	3490	+.wpo-badge.scheduled {
	3491	+ background: #e0f2e0;
	3492	+ color: #267300;
	3493	+}
	3494	+
	3495	+.wpo-badge.inactive {
	3496	+ background: #f0f0f0;
	3497	+ color: #555;
	3498	+ border: 1px solid #ddd;
	3499	+}
	3500	+
	3501	+.wpo-badge.active::before,
	3502	+.wpo-badge.scheduled::before {
	3503	+ content: "✓";
	3504	+ font-size: 11px;
	3505	+ font-weight: 700;
	3506	+ margin-right: 3px;
	3507	+}
	3508	+
	3509	+.wpo-dash *[class*=wpo-badge] {
	3510	+ text-transform: capitalize;
	3511	+}
	3512	+
	3513	+.wpo-dot {
	3514	+ font-size: 0;
	3515	+ width: 8px;
	3516	+ height: 8px;
	3517	+ background: #9FA4A7;
	3518	+ border-radius: 20px;
	3519	+}
	3520	+
	3521	+.wpo-dot-on {
	3522	+ background: #66CC66;
	3523	+}
	3524	+
	3525	+.wpo-dot-off {
	3526	+ background: #E5E7E9;
	3527	+}
	3528	+
	3529	+.grey-out span.wpo-dot-on {
	3530	+ color: #9FA4A7;
	3531	+}
	3532	+
	3533	+.wpo-notice {
	3534	+ background: #f1f8fd;
	3535	+ border: 1px solid #C7E2F6;
	3536	+ border-left: 2px solid #2271B1;
	3537	+ padding: 8px 10px;
	3538	+ display: -ms-flexbox;
	3539	+ display: flex;
	3540	+ gap: 8px;
	3541	+ -ms-flex-align: start;
	3542	+ align-items: flex-start;
	3543	+ font-size: 12px;
	3544	+ color: #50575e;
	3545	+ line-height: 1.5;
	3546	+ margin: 5px 0 10px;
	3547	+}
	3548	+
	3549	+.wpo-notice a {
	3550	+ color: #2271B1;
	3551	+ text-decoration: underline;
	3552	+}
	3553	+
	3554	+.wpo-promo {
	3555	+ border: 1px solid #FDE5CC;
	3556	+ border-radius: 14px;
	3557	+ background: #FFF5EB;
	3558	+ padding: 0.75rem 1.25rem;
	3559	+ display: -ms-flexbox;
	3560	+ display: flex;
	3561	+ -ms-flex-align: center;
	3562	+ align-items: center;
	3563	+ gap: 1rem;
	3564	+ -ms-flex-wrap: wrap;
	3565	+ flex-wrap: wrap;
	3566	+ margin-top: 20px;
	3567	+}
	3568	+
	3569	+.wpo-promo-label {
	3570	+ font-size: 13px;
	3571	+ line-height: 18px;
	3572	+ font-weight: 600;
	3573	+ color: #C4511C;
	3574	+}
	3575	+
	3576	+.wpo-promo-apps {
	3577	+ display: -ms-flexbox;
	3578	+ display: flex;
	3579	+ gap: 3rem;
	3580	+ -ms-flex: 1;
	3581	+ flex: 1;
	3582	+ -ms-flex-pack: center;
	3583	+ justify-content: center;
	3584	+}
	3585	+
	3586	+.wpo-promo-app {
	3587	+ font-size: 12px;
	3588	+ color: #50575e;
	3589	+ display: -ms-flexbox;
	3590	+ display: flex;
	3591	+ -ms-flex-direction: row;
	3592	+ flex-direction: row;
	3593	+ -ms-flex-align: start;
	3594	+ align-items: flex-start;
	3595	+ gap: 2px;
	3596	+ text-decoration: none;
	3597	+}
	3598	+.wpo-promo-app:hover {
	3599	+ opacity: 0.85;
	3600	+ text-decoration: none;
	3601	+}
	3602	+
	3603	+.wpo-promo-app img {
	3604	+ display: block;
	3605	+ width: 25px;
	3606	+ height: 25px;
	3607	+ object-fit: contain;
	3608	+ margin-top: -3px;
	3609	+}
	3610	+
	3611	+.wpo-promo-app .wpo-promo-app-name {
	3612	+ display: block;
	3613	+ color: #1d2327;
	3614	+ font-weight: 600;
	3615	+ font-size: 12px;
	3616	+}
	3617	+
	3618	+.wpo-promo-app span {
	3619	+ display: block;
	3620	+ margin-top: 5px;
	3621	+}
	3622	+
	3623	+.wpo-promo-btn {
	3624	+ margin-left: auto;
	3625	+ font-size: 12px;
	3626	+ background: #2271B1;
	3627	+ color: #fff !important;
	3628	+ border: none;
	3629	+ padding: 9px 0;
	3630	+ border-radius: 4px;
	3631	+ cursor: pointer;
	3632	+ text-decoration: none;
	3633	+ width: 152px;
	3634	+ text-align: center;
	3635	+ display: -ms-inline-flexbox;
	3636	+ display: inline-flex;
	3637	+ -ms-flex-align: center;
	3638	+ align-items: center;
	3639	+ -ms-flex-pack: center;
	3640	+ justify-content: center;
	3641	+ gap: 4px;
	3642	+}
	3643	+
	3644	+.wpo-promo-btn-icon {
	3645	+ font-size: 14px;
	3646	+ width: 14px;
	3647	+ height: 14px;
	3648	+ transform: rotate(-45deg);
	3649	+ -ms-flex-negative: 0;
	3650	+ flex-shrink: 0;
	3651	+}
	3652	+
	3653	+/* Icons */
	3654	+.wpo-dash .wpo-dash-icon {
	3655	+ width: 15px;
	3656	+ height: 15px;
	3657	+ font-size: 15px;
	3658	+}
	3659	+
	3660	+.wpo-dash-link span.dashicons {
	3661	+ color: #2271b1;
	3662	+ font-size: 12px;
	3663	+}
	3664	+
	3665	+.wpo-dash a > span.dashicons {
	3666	+ height: inherit;
	3667	+ margin-right: -2px;
	3668	+ text-align: right;
	3669	+}
	3670	+
	3671	+.wpo-notice .wpo-dash-icon {
	3672	+ color: #3F81D1;
	3673	+ font-size: 16px;
	3674	+}
	3675	+
	3676	+.wpo-top-row {
	3677	+ background-color: #F8FBFC;
	3678	+ border: 1px solid #ddd;
	3679	+ border-radius: 16px;
	3680	+ margin-bottom: 30px;
	3681	+ padding: 25px 0;
	3682	+ box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
	3683	+}
	3684	+
	3685	+.wpo-top-row .wpo-card {
	3686	+ background: transparent;
	3687	+ position: relative;
	3688	+ border: none;
	3689	+ padding: 0;
	3690	+ margin: 0 20px;
	3691	+}
	3692	+
	3693	+span.size-unit {
	3694	+ font-size: 18px;
	3695	+}
	3696	+
	3697	+.wpo-unused-images-count {
	3698	+ color: #D90000;
	3699	+}
	3700	+
	3701	+.wpo-feat-row.wpo-backup-before-cleanup span.dashicons.dashicons-arrow-right-alt {
	3702	+ font-size: 13px;
	3703	+ margin-top: -1px;
	3704	+}
	3705	+
	3706	+@media (max-width: 782px) {
	3707	+ .wpo-mod-grid {
	3708	+ -ms-grid-columns: 1fr;
	3709	+ grid-template-columns: 1fr;
	3710	+ }
	3711	+ .wpo-top-row {
	3712	+ -ms-grid-columns: 1fr;
	3713	+ grid-template-columns: 1fr;
	3714	+ }
	3715	+ .wpo-top-row .wpo-card:nth-child(2) {
	3716	+ margin: 20px;
	3717	+ }
	3718	+ .wpo-promo-apps {
	3719	+ gap: 1rem;
	3720	+ }
	3721	+ .wpo-setup-meta {
	3722	+ bottom: -7px;
	3723	+ }
2831	3724	}