stock-filter-wrapper.css — WooCommerce 8.5.0-beta.1

woocommerce / assets / client / blocks / stock-filter-wrapper.css

woocommerce / assets / client / blocks Last commit date

stock-filter-wrapper.css

698 lines

1	/!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!\
2	!* css ../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.2/node_modules/css-loader/dist/cjs.js!../../node_modules/.pnpm/postcss-loader@4.3.0_postcss@8.4.32_webpack@5.88.2/node_modules/postcss-loader/dist/cjs.js!../../node_modules/.pnpm/sass-loader@10.1.0_sass@1.69.5_webpack@5.88.2/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./assets/js/base/components/filter-submit-button/style.scss *!
3	\********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
4	/**
5	* Converts a hex value into the rgb equivalent.
6	*
7	* @param {string} hex - the hexadecimal value to convert
8	* @return {string} comma separated rgb values
9	*/
10	/**
11	* Colors
12	*/
13	/**
14	* SCSS Variables.
15	*
16	* Please use variables from this sheet to ensure consistency across the UI.
17	* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
18	* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
19	*/
20	/**
21	* Converts a hex value into the rgb equivalent.
22	*
23	* @param {string} hex - the hexadecimal value to convert
24	* @return {string} comma separated rgb values
25	*/
26	/**
27	* Colors
28	*/
29	/**
30	* Fonts & basic variables.
31	*/
32	/**
33	* Grid System.
34	* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
35	*/
36	/**
37	* Dimensions.
38	*/
39	/**
40	* Shadows.
41	*/
42	/**
43	* Editor widths.
44	*/
45	/**
46	* Block & Editor UI.
47	*/
48	/**
49	* Block paddings.
50	*/
51	/**
52	* React Native specific.
53	* These variables do not appear to be used anywhere else.
54	*/
55	/* stylelint-disable block-closing-brace-newline-after */
56	/* stylelint-enable */
57	@keyframes spinner__animation {
58	0% {
59	animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297);
60	transform: rotate(0deg);
61	}
62	100% {
63	transform: rotate(360deg);
64	}
65	}
66	@keyframes loading__animation {
67	100% {
68	transform: translateX(100%);
69	}
70	}
71	.wc-block-components-filter-submit-button {
72	border: none;
73	display: block;
74	margin-left: auto;
75	white-space: nowrap;
76	}
77	.wc-block-components-filter-submit-button.is-loading {
78	outline: 0 !important;
79	border: 0 !important;
80	background-color: currentColor !important;
81	color: currentColor !important;
82	width: 100%;
83	border-radius: 0.25rem;
84	display: block;
85	line-height: 1;
86	position: relative !important;
87	overflow: hidden !important;
88	max-width: 100% !important;
89	pointer-events: none;
90	box-shadow: none;
91	z-index: 1; /* Necessary for overflow: hidden to work correctly in Safari */
92	opacity: 0.15;
93	margin-top: 16px;
94	width: -moz-max-content;
95	width: max-content;
96	box-shadow: none;
97	border-radius: 0;
98	line-height: initial;
99	}
100	.wc-block-components-filter-submit-button.is-loading > * {
101	visibility: hidden;
102	}
103	.wc-block-components-filter-submit-button.is-loading::after {
104	content: " ";
105	display: block;
106	position: absolute;
107	left: 0;
108	right: 0;
109	top: 0;
110	height: 100%;
111	background-repeat: no-repeat;
112	background-image: linear-gradient(90deg, currentColor, rgba(245, 245, 245, 0.3019607843), currentColor);
113	transform: translateX(-100%);
114	animation: loading__animation 1.5s ease-in-out infinite;
115	}
116	@media screen and (prefers-reduced-motion: reduce) {
117	.wc-block-components-filter-submit-button.is-loading {
118	animation: none;
119	}
120	}
121	/!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!\
122	!* css ../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.2/node_modules/css-loader/dist/cjs.js!../../node_modules/.pnpm/postcss-loader@4.3.0_postcss@8.4.32_webpack@5.88.2/node_modules/postcss-loader/dist/cjs.js!../../node_modules/.pnpm/sass-loader@10.1.0_sass@1.69.5_webpack@5.88.2/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./assets/js/base/components/filter-reset-button/style.scss *!
123	\*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
124	/**
125	* Converts a hex value into the rgb equivalent.
126	*
127	* @param {string} hex - the hexadecimal value to convert
128	* @return {string} comma separated rgb values
129	*/
130	/**
131	* Colors
132	*/
133	/**
134	* SCSS Variables.
135	*
136	* Please use variables from this sheet to ensure consistency across the UI.
137	* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
138	* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
139	*/
140	/**
141	* Converts a hex value into the rgb equivalent.
142	*
143	* @param {string} hex - the hexadecimal value to convert
144	* @return {string} comma separated rgb values
145	*/
146	/**
147	* Colors
148	*/
149	/**
150	* Fonts & basic variables.
151	*/
152	/**
153	* Grid System.
154	* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
155	*/
156	/**
157	* Dimensions.
158	*/
159	/**
160	* Shadows.
161	*/
162	/**
163	* Editor widths.
164	*/
165	/**
166	* Block & Editor UI.
167	*/
168	/**
169	* Block paddings.
170	*/
171	/**
172	* React Native specific.
173	* These variables do not appear to be used anywhere else.
174	*/
175	/* stylelint-disable block-closing-brace-newline-after */
176	/* stylelint-enable */
177	@keyframes spinner__animation {
178	0% {
179	animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297);
180	transform: rotate(0deg);
181	}
182	100% {
183	transform: rotate(360deg);
184	}
185	}
186	@keyframes loading__animation {
187	100% {
188	transform: translateX(100%);
189	}
190	}
191	.wc-block-components-filter-reset-button {
192	border: 0;
193	border-radius: 0;
194	margin: 0;
195	padding: 0;
196	vertical-align: baseline;
197	color: inherit;
198	font-family: inherit;
199	font-size: inherit;
200	font-style: inherit;
201	font-weight: inherit;
202	letter-spacing: inherit;
203	line-height: inherit;
204	text-decoration: inherit;
205	text-transform: inherit;
206	background: transparent;
207	box-shadow: none;
208	display: inline;
209	text-shadow: none;
210	text-decoration: underline;
211	font-size: 0.875em;
212	text-decoration: underline;
213	font-weight: normal;
214	color: inherit;
215	font-size: 0.875em;
216	cursor: pointer;
217	}
218	.wc-block-components-filter-reset-button:hover, .wc-block-components-filter-reset-button:focus, .wc-block-components-filter-reset-button:active {
219	background: transparent;
220	}
221	.wc-block-components-filter-reset-button:hover {
222	text-decoration: none;
223	color: inherit;
224	cursor: pointer;
225	}
226	.wc-block-components-filter-reset-button[disabled] {
227	cursor: not-allowed;
228	}
229	/!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!\
230	!* css ../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.2/node_modules/css-loader/dist/cjs.js!../../node_modules/.pnpm/postcss-loader@4.3.0_postcss@8.4.32_webpack@5.88.2/node_modules/postcss-loader/dist/cjs.js!../../node_modules/.pnpm/sass-loader@10.1.0_sass@1.69.5_webpack@5.88.2/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./assets/js/base/components/filter-placeholder/style.scss *!
231	\******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
232	/**
233	* Converts a hex value into the rgb equivalent.
234	*
235	* @param {string} hex - the hexadecimal value to convert
236	* @return {string} comma separated rgb values
237	*/
238	/**
239	* Colors
240	*/
241	/**
242	* SCSS Variables.
243	*
244	* Please use variables from this sheet to ensure consistency across the UI.
245	* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
246	* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
247	*/
248	/**
249	* Converts a hex value into the rgb equivalent.
250	*
251	* @param {string} hex - the hexadecimal value to convert
252	* @return {string} comma separated rgb values
253	*/
254	/**
255	* Colors
256	*/
257	/**
258	* Fonts & basic variables.
259	*/
260	/**
261	* Grid System.
262	* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
263	*/
264	/**
265	* Dimensions.
266	*/
267	/**
268	* Shadows.
269	*/
270	/**
271	* Editor widths.
272	*/
273	/**
274	* Block & Editor UI.
275	*/
276	/**
277	* Block paddings.
278	*/
279	/**
280	* React Native specific.
281	* These variables do not appear to be used anywhere else.
282	*/
283	/* stylelint-disable block-closing-brace-newline-after */
284	/* stylelint-enable */
285	@keyframes spinner__animation {
286	0% {
287	animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297);
288	transform: rotate(0deg);
289	}
290	100% {
291	transform: rotate(360deg);
292	}
293	}
294	@keyframes loading__animation {
295	100% {
296	transform: translateX(100%);
297	}
298	}
299	.wc-block-filter-title-placeholder {
300	outline: 0 !important;
301	border: 0 !important;
302	background-color: currentColor !important;
303	color: currentColor !important;
304	width: 100%;
305	border-radius: 0.25rem;
306	display: block;
307	line-height: 1;
308	position: relative !important;
309	overflow: hidden !important;
310	max-width: 100% !important;
311	pointer-events: none;
312	box-shadow: none;
313	z-index: 1; /* Necessary for overflow: hidden to work correctly in Safari */
314	opacity: 0.15;
315	border-radius: 1.625em;
316	box-shadow: none;
317	min-width: 80px;
318	margin-top: 12px;
319	margin-bottom: 12px;
320	max-width: -moz-max-content !important;
321	max-width: max-content !important;
322	}
323	.wc-block-filter-title-placeholder > * {
324	visibility: hidden;
325	}
326	.wc-block-filter-title-placeholder::after {
327	content: " ";
328	display: block;
329	position: absolute;
330	left: 0;
331	right: 0;
332	top: 0;
333	height: 100%;
334	background-repeat: no-repeat;
335	background-image: linear-gradient(90deg, currentColor, rgba(245, 245, 245, 0.3019607843), currentColor);
336	transform: translateX(-100%);
337	animation: loading__animation 1.5s ease-in-out infinite;
338	}
339	@media screen and (prefers-reduced-motion: reduce) {
340	.wc-block-filter-title-placeholder {
341	animation: none;
342	}
343	}
344	.wc-block-filter-title-placeholder .wc-block-stock-filter__title,
345	.wc-block-filter-title-placeholder .wc-block-price-filter__title,
346	.wc-block-filter-title-placeholder .wc-block-active-filters__title,
347	.wc-block-filter-title-placeholder .wc-block-attribute-filter__title,
348	.wc-block-filter-title-placeholder .wc-block-rating-filter__title {
349	margin: 0;
350	height: 1em;
351	}
352	/!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!\
353	!* css ../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.2/node_modules/css-loader/dist/cjs.js!../../node_modules/.pnpm/postcss-loader@4.3.0_postcss@8.4.32_webpack@5.88.2/node_modules/postcss-loader/dist/cjs.js!../../node_modules/.pnpm/sass-loader@10.1.0_sass@1.69.5_webpack@5.88.2/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./assets/js/base/components/filter-element-label/style.scss *!
354	\********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
355	/**
356	* Converts a hex value into the rgb equivalent.
357	*
358	* @param {string} hex - the hexadecimal value to convert
359	* @return {string} comma separated rgb values
360	*/
361	/**
362	* Colors
363	*/
364	/**
365	* SCSS Variables.
366	*
367	* Please use variables from this sheet to ensure consistency across the UI.
368	* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
369	* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
370	*/
371	/**
372	* Converts a hex value into the rgb equivalent.
373	*
374	* @param {string} hex - the hexadecimal value to convert
375	* @return {string} comma separated rgb values
376	*/
377	/**
378	* Colors
379	*/
380	/**
381	* Fonts & basic variables.
382	*/
383	/**
384	* Grid System.
385	* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
386	*/
387	/**
388	* Dimensions.
389	*/
390	/**
391	* Shadows.
392	*/
393	/**
394	* Editor widths.
395	*/
396	/**
397	* Block & Editor UI.
398	*/
399	/**
400	* Block paddings.
401	*/
402	/**
403	* React Native specific.
404	* These variables do not appear to be used anywhere else.
405	*/
406	/* stylelint-disable block-closing-brace-newline-after */
407	/* stylelint-enable */
408	@keyframes spinner__animation {
409	0% {
410	animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297);
411	transform: rotate(0deg);
412	}
413	100% {
414	transform: rotate(360deg);
415	}
416	}
417	@keyframes loading__animation {
418	100% {
419	transform: translateX(100%);
420	}
421	}
422	.wc-filter-element-label-list-count::before {
423	content: " (";
424	}
425	.wc-filter-element-label-list-count::after {
426	content: ")";
427	}
428	/!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!\
429	!* css ../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.2/node_modules/css-loader/dist/cjs.js!../../node_modules/.pnpm/postcss-loader@4.3.0_postcss@8.4.32_webpack@5.88.2/node_modules/postcss-loader/dist/cjs.js!../../node_modules/.pnpm/sass-loader@10.1.0_sass@1.69.5_webpack@5.88.2/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./assets/js/blocks/stock-filter/style.scss *!
430	\***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
431	/**
432	* Converts a hex value into the rgb equivalent.
433	*
434	* @param {string} hex - the hexadecimal value to convert
435	* @return {string} comma separated rgb values
436	*/
437	/**
438	* Colors
439	*/
440	/**
441	* SCSS Variables.
442	*
443	* Please use variables from this sheet to ensure consistency across the UI.
444	* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
445	* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
446	*/
447	/**
448	* Converts a hex value into the rgb equivalent.
449	*
450	* @param {string} hex - the hexadecimal value to convert
451	* @return {string} comma separated rgb values
452	*/
453	/**
454	* Colors
455	*/
456	/**
457	* Fonts & basic variables.
458	*/
459	/**
460	* Grid System.
461	* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
462	*/
463	/**
464	* Dimensions.
465	*/
466	/**
467	* Shadows.
468	*/
469	/**
470	* Editor widths.
471	*/
472	/**
473	* Block & Editor UI.
474	*/
475	/**
476	* Block paddings.
477	*/
478	/**
479	* React Native specific.
480	* These variables do not appear to be used anywhere else.
481	*/
482	/* stylelint-disable block-closing-brace-newline-after */
483	/* stylelint-enable */
484	@keyframes spinner__animation {
485	0% {
486	animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297);
487	transform: rotate(0deg);
488	}
489	100% {
490	transform: rotate(360deg);
491	}
492	}
493	@keyframes loading__animation {
494	100% {
495	transform: translateX(100%);
496	}
497	}
498	.wp-block-woocommerce-stock-filter h1,
499	.wp-block-woocommerce-stock-filter h2,
500	.wp-block-woocommerce-stock-filter h3,
501	.wp-block-woocommerce-stock-filter h4,
502	.wp-block-woocommerce-stock-filter h5,
503	.wp-block-woocommerce-stock-filter h6 {
504	text-transform: inherit;
505	}
506
507	.wc-block-stock-filter {
508	margin-bottom: 24px;
509	}
510	.wc-block-stock-filter.is-loading {
511	outline: 0 !important;
512	border: 0 !important;
513	background-color: currentColor !important;
514	color: currentColor !important;
515	width: 100%;
516	border-radius: 0.25rem;
517	display: block;
518	line-height: 1;
519	position: relative !important;
520	overflow: hidden !important;
521	max-width: 100% !important;
522	pointer-events: none;
523	box-shadow: none;
524	z-index: 1; /* Necessary for overflow: hidden to work correctly in Safari */
525	opacity: 0.15;
526	margin-top: 16px;
527	box-shadow: none;
528	border-radius: 0;
529	}
530	.wc-block-stock-filter.is-loading > * {
531	visibility: hidden;
532	}
533	.wc-block-stock-filter.is-loading::after {
534	content: " ";
535	display: block;
536	position: absolute;
537	left: 0;
538	right: 0;
539	top: 0;
540	height: 100%;
541	background-repeat: no-repeat;
542	background-image: linear-gradient(90deg, currentColor, rgba(245, 245, 245, 0.3019607843), currentColor);
543	transform: translateX(-100%);
544	animation: loading__animation 1.5s ease-in-out infinite;
545	}
546	@media screen and (prefers-reduced-motion: reduce) {
547	.wc-block-stock-filter.is-loading {
548	animation: none;
549	}
550	}
551	.wc-block-stock-filter .wc-block-stock-filter-list {
552	margin: 0;
553	}
554	.wc-block-stock-filter .wc-block-stock-filter-list li label {
555	cursor: pointer;
556	}
557	.wc-block-stock-filter .wc-block-stock-filter-list li input {
558	cursor: pointer;
559	display: inline-block;
560	}
561	.wc-block-stock-filter.style-dropdown {
562	position: relative;
563	display: flex;
564	gap: 16px;
565	align-items: flex-start;
566	}
567	.wc-block-stock-filter.style-dropdown .single-selection .components-form-token-field__token + input[type=text].components-form-token-field__input {
568	opacity: 0;
569	}
570	.wc-block-stock-filter.style-dropdown .single-selection .components-form-token-field__input-container.is-active .components-form-token-field__token + input[type=text].components-form-token-field__input {
571	opacity: 1;
572	}
573	.wc-block-stock-filter.style-dropdown .wc-block-components-filter-submit-button {
574	height: 36px;
575	line-height: 1;
576	}
577	.wc-block-stock-filter.style-dropdown > svg {
578	position: absolute;
579	right: 8px;
580	top: 50%;
581	transform: translateY(-50%);
582	pointer-events: none;
583	}
584	.wc-block-stock-filter .wc-blocks-components-form-token-field-wrapper {
585	flex-grow: 1;
586	max-width: unset;
587	width: 0;
588	height: -moz-max-content;
589	height: max-content;
590	}
591	.wc-block-stock-filter .wc-blocks-components-form-token-field-wrapper:not(.is-loading) {
592	border: 1px solid #757575 !important;
593	border-radius: 4px;
594	}
595	.wc-block-stock-filter .wc-blocks-components-form-token-field-wrapper.is-loading {
596	border-radius: 0.25em;
597	}
598	.wc-block-stock-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field {
599	border-radius: inherit;
600	}
601	.wc-block-stock-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container {
602	color: inherit;
603	font-family: inherit;
604	font-size: inherit;
605	font-style: inherit;
606	font-weight: inherit;
607	letter-spacing: inherit;
608	line-height: inherit;
609	text-decoration: inherit;
610	text-transform: inherit;
611	border: 0;
612	padding: 8px;
613	border-radius: inherit;
614	}
615	.wc-block-stock-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container .components-form-token-field__input {
616	font-size: 0.875em;
617	}
618	.wc-block-stock-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container .components-form-token-field__input::-moz-placeholder {
619	color: #000;
620	}
621	.wc-block-stock-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container .components-form-token-field__input:-ms-input-placeholder {
622	color: #000;
623	}
624	.wc-block-stock-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container .components-form-token-field__input::placeholder {
625	color: #000;
626	}
627	.wc-block-stock-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container .components-form-token-field__suggestions-list {
628	border: 1px solid #757575;
629	border-radius: 4px;
630	margin-top: 8px;
631	max-height: 21em;
632	}
633	.wc-block-stock-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container .components-form-token-field__suggestions-list .components-form-token-field__suggestion {
634	color: #000;
635	border: 1px solid #ccc;
636	border-radius: 4px;
637	margin: 12px;
638	padding: 12px;
639	}
640	.wc-block-stock-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container .components-form-token-field__token,
641	.wc-block-stock-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container .components-form-token-field__suggestion {
642	font-size: 0.875em;
643	}
644	.wc-block-stock-filter .wc-block-components-product-rating {
645	margin-bottom: 0;
646	}
647
648	.wc-blocks-components-form-token-field-wrapper:not(.single-selection) .components-form-token-field__input-container {
649	padding: 4px 30px 4px 8px;
650	}
651	.wc-blocks-components-form-token-field-wrapper:not(.single-selection) .components-form-token-field__input-container .components-form-token-field__token-text {
652	background-color: #fff;
653	border: 1px solid;
654	border-right: 0;
655	border-radius: 25px 0 0 25px;
656	padding: 0.25em 0.5em 0.25em 0.75em;
657	line-height: 22px;
658	}
659	.wc-blocks-components-form-token-field-wrapper:not(.single-selection) .components-form-token-field__input-container > .components-form-token-field__input {
660	margin: 0.25em 0;
661	}
662	.wc-blocks-components-form-token-field-wrapper:not(.single-selection) .components-form-token-field__input-container .components-button.components-form-token-field__remove-token {
663	background-color: #fff;
664	border: 1px solid;
665	border-left: 0;
666	border-radius: 0 25px 25px 0;
667	padding: 1px 0.25em 0 0;
668	}
669	.wc-blocks-components-form-token-field-wrapper:not(.single-selection) .components-form-token-field__input-container .components-button.components-form-token-field__remove-token.has-icon svg {
670	background-color: #e0e0e0;
671	border-radius: 25px;
672	}
673
674	.wc-block-stock-filter__actions {
675	align-items: center;
676	display: flex;
677	gap: 16px;
678	justify-content: flex-end;
679	margin-top: 16px;
680	}
681	.wc-block-stock-filter__actions button[type=submit]:not(.wp-block-search__button).wc-block-components-filter-submit-button {
682	margin-left: 0;
683	margin-top: 0;
684	font-size: 0.875em;
685	}
686	.wc-block-stock-filter__actions .wc-block-stock-filter__button {
687	margin-top: 0.5em;
688	padding: 0.5em 1em;
689	font-size: 0.875em;
690	}
691
692	.editor-styles-wrapper .wc-block-stock-filter .wc-block-stock-filter__button {
693	margin-top: 0.5em;
694	padding: 0.5em 1em;
695	font-size: 0.875em;
696	}
697
698	/# sourceMappingURL=stock-filter-wrapper.css.map/