rating-filter.css — WooCommerce 8.5.0-beta.1

woocommerce / assets / client / blocks / rating-filter.css

woocommerce / assets / client / blocks Last commit date

rating-filter.css

1442 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/product-rating/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-product-rating {
72	display: block;
73	}
74	.wc-block-components-product-rating span {
75	line-height: 1.618;
76	}
77	.wc-block-components-product-rating__stars {
78	display: inline-block;
79	overflow: hidden;
80	position: relative;
81	width: 5.3em;
82	height: 1.618em;
83	line-height: 1.618;
84	font-size: 1em;
85	/* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
86	font-family: star;
87	font-weight: 400;
88	}
89	.wc-block-components-product-rating__stars.wc-block-grid__product-rating__stars {
90	margin: 0;
91	}
92	.wc-block-components-product-rating__stars::before {
93	content: "SSSSS";
94	line-height: 1.618;
95	top: 0;
96	left: 0;
97	right: 0;
98	position: absolute;
99	opacity: 0.5;
100	color: inherit;
101	white-space: nowrap;
102	}
103	.wc-block-components-product-rating__stars span {
104	overflow: hidden;
105	top: 0;
106	left: 0;
107	right: 0;
108	position: absolute;
109	color: inherit;
110	padding-top: 1.5em;
111	}
112	.wc-block-components-product-rating__stars span::before {
113	content: "SSSSS";
114	top: 0;
115	left: 0;
116	right: 0;
117	position: absolute;
118	color: inherit;
119	line-height: 1.618;
120	white-space: nowrap;
121	}
122	.wc-block-all-products .wc-block-components-product-rating {
123	margin-top: 0;
124	margin-bottom: 12px;
125	}
126	.wc-block-components-product-rating__container > * {
127	vertical-align: middle;
128	}
129	.wc-block-components-product-rating__stars + .wc-block-components-product-rating__reviews_count {
130	margin-left: 8px;
131	}
132	.wc-block-components-product-rating__norating-container {
133	display: inline-flex;
134	flex-direction: row;
135	align-items: center;
136	gap: 8px;
137	}
138	.wc-block-components-product-rating__norating {
139	display: inline-block;
140	overflow: hidden;
141	position: relative;
142	width: 1.5em;
143	height: 1.618em;
144	line-height: 1.618;
145	font-size: 1em;
146	/* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
147	font-family: star;
148	font-weight: 400;
149	-webkit-text-stroke: 2px var(--wp--preset--color--black, #000);
150	}
151	.wc-block-components-product-rating__norating::before {
152	content: "S";
153	top: 0;
154	left: 0;
155	right: 0;
156	position: absolute;
157	color: transparent;
158	white-space: nowrap;
159	text-align: center;
160	}
161
162	.wc-block-all-products .is-loading .wc-block-components-product-rating,
163	.wp-block-query .is-loading .wc-block-components-product-rating {
164	outline: 0 !important;
165	border: 0 !important;
166	background-color: currentColor !important;
167	color: currentColor !important;
168	width: 100%;
169	border-radius: 0.25rem;
170	display: block;
171	line-height: 1;
172	position: relative !important;
173	overflow: hidden !important;
174	max-width: 100% !important;
175	pointer-events: none;
176	box-shadow: none;
177	z-index: 1; /* Necessary for overflow: hidden to work correctly in Safari */
178	opacity: 0.15;
179	width: 7em;
180	}
181	.wc-block-all-products .is-loading .wc-block-components-product-rating > *,
182	.wp-block-query .is-loading .wc-block-components-product-rating > * {
183	visibility: hidden;
184	}
185	.wc-block-all-products .is-loading .wc-block-components-product-rating::after,
186	.wp-block-query .is-loading .wc-block-components-product-rating::after {
187	content: " ";
188	display: block;
189	position: absolute;
190	left: 0;
191	right: 0;
192	top: 0;
193	height: 100%;
194	background-repeat: no-repeat;
195	background-image: linear-gradient(90deg, currentColor, rgba(245, 245, 245, 0.3019607843), currentColor);
196	transform: translateX(-100%);
197	animation: loading__animation 1.5s ease-in-out infinite;
198	}
199	@media screen and (prefers-reduced-motion: reduce) {
200	.wc-block-all-products .is-loading .wc-block-components-product-rating,
201	.wp-block-query .is-loading .wc-block-components-product-rating {
202	animation: none;
203	}
204	}
205	.wc-block-all-products .wc-block-components-product-rating__container,
206	.wp-block-query .wc-block-components-product-rating__container {
207	display: block;
208	}
209	.wc-block-all-products .wc-block-components-product-rating__stars.wc-block-grid__product-rating__stars,
210	.wp-block-query .wc-block-components-product-rating__stars.wc-block-grid__product-rating__stars {
211	margin: inherit;
212	}
213	/!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!\
214	!* 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 *!
215	\********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
216	/**
217	* Converts a hex value into the rgb equivalent.
218	*
219	* @param {string} hex - the hexadecimal value to convert
220	* @return {string} comma separated rgb values
221	*/
222	/**
223	* Colors
224	*/
225	/**
226	* SCSS Variables.
227	*
228	* Please use variables from this sheet to ensure consistency across the UI.
229	* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
230	* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
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	* Fonts & basic variables.
243	*/
244	/**
245	* Grid System.
246	* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
247	*/
248	/**
249	* Dimensions.
250	*/
251	/**
252	* Shadows.
253	*/
254	/**
255	* Editor widths.
256	*/
257	/**
258	* Block & Editor UI.
259	*/
260	/**
261	* Block paddings.
262	*/
263	/**
264	* React Native specific.
265	* These variables do not appear to be used anywhere else.
266	*/
267	/* stylelint-disable block-closing-brace-newline-after */
268	/* stylelint-enable */
269	@keyframes spinner__animation {
270	0% {
271	animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297);
272	transform: rotate(0deg);
273	}
274	100% {
275	transform: rotate(360deg);
276	}
277	}
278	@keyframes loading__animation {
279	100% {
280	transform: translateX(100%);
281	}
282	}
283	.wc-block-components-filter-submit-button {
284	border: none;
285	display: block;
286	margin-left: auto;
287	white-space: nowrap;
288	}
289	.wc-block-components-filter-submit-button.is-loading {
290	outline: 0 !important;
291	border: 0 !important;
292	background-color: currentColor !important;
293	color: currentColor !important;
294	width: 100%;
295	border-radius: 0.25rem;
296	display: block;
297	line-height: 1;
298	position: relative !important;
299	overflow: hidden !important;
300	max-width: 100% !important;
301	pointer-events: none;
302	box-shadow: none;
303	z-index: 1; /* Necessary for overflow: hidden to work correctly in Safari */
304	opacity: 0.15;
305	margin-top: 16px;
306	width: -moz-max-content;
307	width: max-content;
308	box-shadow: none;
309	border-radius: 0;
310	line-height: initial;
311	}
312	.wc-block-components-filter-submit-button.is-loading > * {
313	visibility: hidden;
314	}
315	.wc-block-components-filter-submit-button.is-loading::after {
316	content: " ";
317	display: block;
318	position: absolute;
319	left: 0;
320	right: 0;
321	top: 0;
322	height: 100%;
323	background-repeat: no-repeat;
324	background-image: linear-gradient(90deg, currentColor, rgba(245, 245, 245, 0.3019607843), currentColor);
325	transform: translateX(-100%);
326	animation: loading__animation 1.5s ease-in-out infinite;
327	}
328	@media screen and (prefers-reduced-motion: reduce) {
329	.wc-block-components-filter-submit-button.is-loading {
330	animation: none;
331	}
332	}
333	/!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!\
334	!* 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 *!
335	\*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
336	/**
337	* Converts a hex value into the rgb equivalent.
338	*
339	* @param {string} hex - the hexadecimal value to convert
340	* @return {string} comma separated rgb values
341	*/
342	/**
343	* Colors
344	*/
345	/**
346	* SCSS Variables.
347	*
348	* Please use variables from this sheet to ensure consistency across the UI.
349	* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
350	* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
351	*/
352	/**
353	* Converts a hex value into the rgb equivalent.
354	*
355	* @param {string} hex - the hexadecimal value to convert
356	* @return {string} comma separated rgb values
357	*/
358	/**
359	* Colors
360	*/
361	/**
362	* Fonts & basic variables.
363	*/
364	/**
365	* Grid System.
366	* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
367	*/
368	/**
369	* Dimensions.
370	*/
371	/**
372	* Shadows.
373	*/
374	/**
375	* Editor widths.
376	*/
377	/**
378	* Block & Editor UI.
379	*/
380	/**
381	* Block paddings.
382	*/
383	/**
384	* React Native specific.
385	* These variables do not appear to be used anywhere else.
386	*/
387	/* stylelint-disable block-closing-brace-newline-after */
388	/* stylelint-enable */
389	@keyframes spinner__animation {
390	0% {
391	animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297);
392	transform: rotate(0deg);
393	}
394	100% {
395	transform: rotate(360deg);
396	}
397	}
398	@keyframes loading__animation {
399	100% {
400	transform: translateX(100%);
401	}
402	}
403	.wc-block-components-filter-reset-button {
404	border: 0;
405	border-radius: 0;
406	margin: 0;
407	padding: 0;
408	vertical-align: baseline;
409	color: inherit;
410	font-family: inherit;
411	font-size: inherit;
412	font-style: inherit;
413	font-weight: inherit;
414	letter-spacing: inherit;
415	line-height: inherit;
416	text-decoration: inherit;
417	text-transform: inherit;
418	background: transparent;
419	box-shadow: none;
420	display: inline;
421	text-shadow: none;
422	text-decoration: underline;
423	font-size: 0.875em;
424	text-decoration: underline;
425	font-weight: normal;
426	color: inherit;
427	font-size: 0.875em;
428	cursor: pointer;
429	}
430	.wc-block-components-filter-reset-button:hover, .wc-block-components-filter-reset-button:focus, .wc-block-components-filter-reset-button:active {
431	background: transparent;
432	}
433	.wc-block-components-filter-reset-button:hover {
434	text-decoration: none;
435	color: inherit;
436	cursor: pointer;
437	}
438	.wc-block-components-filter-reset-button[disabled] {
439	cursor: not-allowed;
440	}
441	/!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!\
442	!* 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/form-token-field/style.scss *!
443	\****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
444	/**
445	* Converts a hex value into the rgb equivalent.
446	*
447	* @param {string} hex - the hexadecimal value to convert
448	* @return {string} comma separated rgb values
449	*/
450	/**
451	* Colors
452	*/
453	/**
454	* SCSS Variables.
455	*
456	* Please use variables from this sheet to ensure consistency across the UI.
457	* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
458	* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
459	*/
460	/**
461	* Converts a hex value into the rgb equivalent.
462	*
463	* @param {string} hex - the hexadecimal value to convert
464	* @return {string} comma separated rgb values
465	*/
466	/**
467	* Colors
468	*/
469	/**
470	* Fonts & basic variables.
471	*/
472	/**
473	* Grid System.
474	* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
475	*/
476	/**
477	* Dimensions.
478	*/
479	/**
480	* Shadows.
481	*/
482	/**
483	* Editor widths.
484	*/
485	/**
486	* Block & Editor UI.
487	*/
488	/**
489	* Block paddings.
490	*/
491	/**
492	* React Native specific.
493	* These variables do not appear to be used anywhere else.
494	*/
495	/* stylelint-disable block-closing-brace-newline-after */
496	/* stylelint-enable */
497	@keyframes spinner__animation {
498	0% {
499	animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297);
500	transform: rotate(0deg);
501	}
502	100% {
503	transform: rotate(360deg);
504	}
505	}
506	@keyframes loading__animation {
507	100% {
508	transform: translateX(100%);
509	}
510	}
511	.wc-blocks-components-form-token-field-wrapper {
512	/* stylelint-disable no-invalid-position-at-import-rule */
513	/**
514	* Breakpoints & Media Queries
515	*/
516	/**
517	* Converts a hex value into the rgb equivalent.
518	*
519	* @param {string} hex - the hexadecimal value to convert
520	* @return {string} comma separated rgb values
521	*/
522	/**
523	* Long content fade mixin
524	*
525	* Creates a fading overlay to signify that the content is longer
526	* than the space allows.
527	*/
528	/**
529	* Breakpoint mixins
530	*/
531	/**
532	* Focus styles.
533	*/
534	/**
535	* Applies editor left position to the selector passed as argument
536	*/
537	/**
538	* Styles that are reused verbatim in a few places
539	*/
540	/**
541	* Allows users to opt-out of animations via OS-level preferences.
542	*/
543	/**
544	* Reset default styles for JavaScript UI based pages.
545	* This is a WP-admin agnostic reset
546	*/
547	/**
548	* Reset the WP Admin page styles for Gutenberg-like pages.
549	*/
550	/!rtl:begin:ignore/
551	/!rtl:end:ignore/
552	/* stylelint-enable no-invalid-position-at-import-rule */
553	}
554	.wc-blocks-components-form-token-field-wrapper .components-popover {
555	position: fixed;
556	z-index: z-index(".components-popover");
557	top: 0;
558	left: 0;
559	opacity: 0;
560	}
561	.wc-blocks-components-form-token-field-wrapper .components-popover.is-expanded, .wc-blocks-components-form-token-field-wrapper .components-popover[data-x-axis][data-y-axis] {
562	opacity: 1;
563	}
564	.wc-blocks-components-form-token-field-wrapper .components-popover.is-expanded {
565	top: 0;
566	left: 0;
567	right: 0;
568	bottom: 0;
569	z-index: z-index(".components-popover") !important;
570	}
571	.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow) {
572	margin-left: 2px;
573	}
574	.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)::before {
575	border: 8px solid #ccc;
576	}
577	.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow).is-alternate::before {
578	border-color: #1e1e1e;
579	}
580	.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)::after {
581	border: 8px solid #fff;
582	}
583	.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)::before, .wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)::after {
584	content: "";
585	position: absolute;
586	height: 0;
587	width: 0;
588	line-height: 0;
589	}
590	.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=top] {
591	margin-top: -8px;
592	}
593	.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=top]::before {
594	bottom: -8px;
595	}
596	.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=top]::after {
597	bottom: -6px;
598	}
599	.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=top]::before, .wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=top]::after {
600	border-bottom: none;
601	border-left-color: transparent;
602	border-right-color: transparent;
603	border-top-style: solid;
604	margin-left: -10px;
605	}
606	.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=bottom] {
607	margin-top: 8px;
608	}
609	.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=bottom]::before {
610	top: -8px;
611	}
612	.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=bottom]::after {
613	top: -6px;
614	}
615	.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=bottom]::before, .wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=bottom]::after {
616	border-bottom-style: solid;
617	border-left-color: transparent;
618	border-right-color: transparent;
619	border-top: none;
620	margin-left: -10px;
621	}
622	.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=left] {
623	margin-left: -8px;
624	}
625	.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=left]::before {
626	right: -8px;
627	}
628	.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=left]::after {
629	right: -6px;
630	}
631	.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=left]::before, .wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=left]::after {
632	border-bottom-color: transparent;
633	border-left-style: solid;
634	border-right: none;
635	border-top-color: transparent;
636	}
637	.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=right] {
638	margin-left: 8px;
639	}
640	.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=right]::before {
641	left: -8px;
642	}
643	.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=right]::after {
644	left: -6px;
645	}
646	.wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=right]::before, .wc-blocks-components-form-token-field-wrapper .components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=right]::after {
647	border-bottom-color: transparent;
648	border-left: none;
649	border-right-style: solid;
650	border-top-color: transparent;
651	}
652	.wc-blocks-components-form-token-field-wrapper .components-popover[data-y-axis=top] {
653	bottom: 100%;
654	}
655	.wc-blocks-components-form-token-field-wrapper .components-popover[data-y-axis=bottom] {
656	top: 100%;
657	}
658	.wc-blocks-components-form-token-field-wrapper .components-popover[data-y-axis=middle] {
659	align-items: center;
660	display: flex;
661	}
662	.wc-blocks-components-form-token-field-wrapper .components-popover.is-from-top {
663	margin-top: 12px;
664	}
665	.wc-blocks-components-form-token-field-wrapper .components-popover.is-from-bottom {
666	margin-top: -12px;
667	}
668	.wc-blocks-components-form-token-field-wrapper .components-popover.is-from-left:not(.is-from-top):not(.is-from-bottom) {
669	margin-left: 12px;
670	}
671	.wc-blocks-components-form-token-field-wrapper .components-popover.is-from-right:not(.is-from-top):not(.is-from-bottom) {
672	margin-right: 12px;
673	}
674	.wc-blocks-components-form-token-field-wrapper .components-popover__content {
675	height: 100%;
676	background: #fff;
677	border: 1px solid #ccc;
678	box-shadow: 0 0.7px 1px rgba(0, 0, 0, 0.1), 0 1.2px 1.7px -0.2px rgba(0, 0, 0, 0.1), 0 2.3px 3.3px -0.5px rgba(0, 0, 0, 0.1);
679	border-radius: 2px;
680	}
681	.is-alternate .wc-blocks-components-form-token-field-wrapper .components-popover__content {
682	border: 1px solid #1e1e1e;
683	box-shadow: none;
684	}
685	.components-popover .wc-blocks-components-form-token-field-wrapper .components-popover__content {
686	position: absolute;
687	height: auto;
688	overflow-y: auto;
689	}
690	.components-popover.is-expanded .wc-blocks-components-form-token-field-wrapper .components-popover__content {
691	position: static;
692	height: calc(100% - 48px);
693	overflow-y: visible;
694	min-width: auto;
695	border: none;
696	border-top: 1px solid #1e1e1e;
697	}
698	.components-popover[data-y-axis=top] .wc-blocks-components-form-token-field-wrapper .components-popover__content {
699	bottom: 100%;
700	}
701	.components-popover[data-x-axis=center] .wc-blocks-components-form-token-field-wrapper .components-popover__content {
702	left: 50%;
703	transform: translateX(-50%);
704	}
705	.components-popover[data-x-axis=right] .wc-blocks-components-form-token-field-wrapper .components-popover__content {
706	position: absolute;
707	left: 100%;
708	}
709	.components-popover:not([data-y-axis=middle])[data-x-axis=right] .wc-blocks-components-form-token-field-wrapper .components-popover__content {
710	margin-left: -25px;
711	}
712	.components-popover[data-x-axis=left] .wc-blocks-components-form-token-field-wrapper .components-popover__content {
713	position: absolute;
714	right: 100%;
715	}
716	.components-popover:not([data-y-axis=middle])[data-x-axis=left] .wc-blocks-components-form-token-field-wrapper .components-popover__content {
717	margin-right: -25px;
718	}
719	.wc-blocks-components-form-token-field-wrapper .components-popover__header {
720	align-items: center;
721	background: #fff;
722	display: flex;
723	height: 48px;
724	justify-content: space-between;
725	padding: 0 8px 0 16px;
726	}
727	.wc-blocks-components-form-token-field-wrapper .components-popover__header-title {
728	overflow: hidden;
729	text-overflow: ellipsis;
730	white-space: nowrap;
731	width: 100%;
732	}
733	.wc-blocks-components-form-token-field-wrapper .components-popover__close.components-button {
734	z-index: z-index(".components-popover__close");
735	}
736	.wc-blocks-components-form-token-field-wrapper .components-tooltip.components-popover {
737	z-index: z-index(".components-tooltip");
738	}
739	.wc-blocks-components-form-token-field-wrapper .components-tooltip.components-popover .components-popover__content {
740	min-width: 0;
741	}
742	.wc-blocks-components-form-token-field-wrapper .components-tooltip .components-popover__content {
743	background: #1e1e1e;
744	border-radius: 2px;
745	border-width: 0;
746	color: #fff;
747	white-space: nowrap;
748	text-align: center;
749	line-height: 1.4;
750	font-size: 12px;
751	box-shadow: none;
752	}
753	.wc-blocks-components-form-token-field-wrapper .components-tooltip .components-popover__content > div {
754	padding: 4px 8px;
755	}
756	.wc-blocks-components-form-token-field-wrapper .components-tooltip__shortcut {
757	display: inline-block;
758	margin-left: 8px;
759	}
760	.wc-blocks-components-form-token-field-wrapper .disabled-element-wrapper {
761	position: relative;
762	}
763	.wc-blocks-components-form-token-field-wrapper .disabled-element-wrapper .event-catcher {
764	z-index: z-index(".components-tooltip .event-catcher");
765	position: absolute;
766	width: 100%;
767	height: 100%;
768	top: 0;
769	left: 0;
770	bottom: 0;
771	right: 0;
772	}
773	.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container {
774	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
775	padding: 6px 8px;
776	box-shadow: 0 0 0 transparent;
777	transition: box-shadow 0.1s linear;
778	border-radius: 2px;
779	border: 1px solid #949494;
780	/* Fonts smaller than 16px causes mobile safari to zoom. */
781	font-size: 16px;
782	/* Override core line-height. To be reviewed. */
783	line-height: normal;
784	display: flex;
785	flex-wrap: wrap;
786	align-items: center;
787	width: 100%;
788	margin: 0 0 8px 0;
789	padding: 2px 4px;
790	cursor: text;
791	}
792	@media (prefers-reduced-motion: reduce) {
793	.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container {
794	transition-duration: 0s;
795	transition-delay: 0s;
796	}
797	}
798	@media (min-width: 600px) {
799	.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container {
800	font-size: 13px;
801	/* Override core line-height. To be reviewed. */
802	line-height: normal;
803	}
804	}
805	.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container:focus {
806	border-color: var(--wp-admin-theme-color);
807	box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
808	outline: 2px solid transparent;
809	}
810	.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container::-webkit-input-placeholder {
811	color: rgba(30, 30, 30, 0.62);
812	}
813	.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container::-moz-placeholder {
814	opacity: 1;
815	color: rgba(30, 30, 30, 0.62);
816	}
817	.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container:-ms-input-placeholder {
818	color: rgba(30, 30, 30, 0.62);
819	}
820	.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container.is-disabled {
821	background: #ddd;
822	border-color: #ddd;
823	}
824	.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container.is-active {
825	border-color: var(--wp-admin-theme-color);
826	box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
827	outline: 2px solid transparent;
828	}
829	.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container input[type=text].components-form-token-field__input {
830	display: inline-block;
831	flex: 1;
832	font-size: 16px;
833	width: 100%;
834	max-width: 100%;
835	margin-left: 4px;
836	padding: 0;
837	min-height: 24px;
838	min-width: 50px;
839	background: inherit;
840	border: 0;
841	color: #1e1e1e;
842	box-shadow: none;
843	}
844	@media (min-width: 600px) {
845	.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container input[type=text].components-form-token-field__input {
846	font-size: 13px;
847	}
848	}
849	.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container input[type=text].components-form-token-field__input:focus, .components-form-token-field.is-active .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container input[type=text].components-form-token-field__input {
850	outline: none;
851	box-shadow: none;
852	}
853	.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container .components-form-token-field__token + input[type=text].components-form-token-field__input {
854	width: auto;
855	}
856	.wc-blocks-components-form-token-field-wrapper .components-form-token-field__label {
857	display: inline-block;
858	margin-bottom: 4px;
859	}
860	.wc-blocks-components-form-token-field-wrapper .components-form-token-field__help {
861	font-size: 12px;
862	font-style: normal;
863	color: #757575;
864	}
865	.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token {
866	font-size: 13px;
867	display: flex;
868	margin: 2px 4px 2px 0;
869	color: #1e1e1e;
870	max-width: 100%;
871	}
872	.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token.is-success .components-form-token-field__token-text,
873	.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token.is-success .components-form-token-field__remove-token {
874	background: #4ab866;
875	}
876	.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token.is-error .components-form-token-field__token-text,
877	.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token.is-error .components-form-token-field__remove-token {
878	background: #cc1818;
879	}
880	.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token.is-validating .components-form-token-field__token-text,
881	.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token.is-validating .components-form-token-field__remove-token {
882	color: #757575;
883	}
884	.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token.is-borderless {
885	position: relative;
886	padding: 0 16px 0 0;
887	}
888	.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token.is-borderless .components-form-token-field__token-text {
889	background: transparent;
890	color: var(--wp-admin-theme-color);
891	}
892	.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token.is-borderless .components-form-token-field__remove-token {
893	background: transparent;
894	color: #757575;
895	position: absolute;
896	top: 1px;
897	right: 0;
898	}
899	.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token.is-borderless.is-success .components-form-token-field__token-text {
900	color: #4ab866;
901	}
902	.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token.is-borderless.is-error .components-form-token-field__token-text {
903	color: #cc1818;
904	border-radius: 4px 0 0 4px;
905	padding: 0 4px 0 6px;
906	}
907	.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token.is-borderless.is-validating .components-form-token-field__token-text {
908	color: #1e1e1e;
909	}
910	.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token.is-disabled .components-form-token-field__remove-token {
911	cursor: default;
912	}
913	.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token-text,
914	.wc-blocks-components-form-token-field-wrapper .components-form-token-field__remove-token.components-button {
915	display: inline-block;
916	line-height: 24px;
917	height: auto;
918	background: #ddd;
919	min-width: unset;
920	transition: all 0.2s cubic-bezier(0.4, 1, 0.4, 1);
921	}
922	@media (prefers-reduced-motion: reduce) {
923	.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token-text,
924	.wc-blocks-components-form-token-field-wrapper .components-form-token-field__remove-token.components-button {
925	transition-duration: 0s;
926	transition-delay: 0s;
927	animation-duration: 1ms;
928	animation-delay: 0s;
929	}
930	}
931	.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token-text {
932	border-radius: 2px 0 0 2px;
933	padding: 0 0 0 8px;
934	white-space: nowrap;
935	overflow: hidden;
936	text-overflow: ellipsis;
937	}
938	.wc-blocks-components-form-token-field-wrapper .components-form-token-field__remove-token.components-button {
939	cursor: pointer;
940	border-radius: 0 2px 2px 0;
941	padding: 0 2px;
942	color: #1e1e1e;
943	line-height: 10px;
944	overflow: initial;
945	}
946	.wc-blocks-components-form-token-field-wrapper .components-form-token-field__remove-token.components-button:hover {
947	color: #1e1e1e;
948	}
949	.wc-blocks-components-form-token-field-wrapper .components-form-token-field__suggestions-list {
950	flex: 1 0 100%;
951	min-width: 100%;
952	max-height: 9em;
953	overflow-y: auto;
954	transition: all 0.15s ease-in-out;
955	list-style: none;
956	border-top: 1px solid #757575;
957	margin: 4px -4px -4px;
958	padding: 0;
959	}
960	@media (prefers-reduced-motion: reduce) {
961	.wc-blocks-components-form-token-field-wrapper .components-form-token-field__suggestions-list {
962	transition-duration: 0s;
963	transition-delay: 0s;
964	}
965	}
966	.wc-blocks-components-form-token-field-wrapper .components-form-token-field__suggestion {
967	color: #757575;
968	display: block;
969	font-size: 13px;
970	padding: 4px 8px;
971	margin: 0;
972	cursor: pointer;
973	}
974	.wc-blocks-components-form-token-field-wrapper .components-form-token-field__suggestion.is-selected {
975	background: var(--wp-admin-theme-color);
976	color: #fff;
977	}
978	.wc-blocks-components-form-token-field-wrapper .components-form-token-field__suggestion-match {
979	text-decoration: underline;
980	}
981
982	.wc-blocks-components-form-token-field-wrapper {
983	border-color: #949494;
984	}
985	.wc-blocks-components-form-token-field-wrapper .components-visually-hidden,
986	.wc-blocks-components-form-token-field-wrapper .components-form-token-field__label {
987	border: 0;
988	clip: rect(1px, 1px, 1px, 1px);
989	clip-path: inset(50%);
990	height: 1px;
991	width: 1px;
992	margin: -1px;
993	overflow: hidden;
994	/* Many screen reader and browser combinations announce broken words as they would appear visually. */
995	overflow-wrap: normal !important;
996	word-wrap: normal !important;
997	padding: 0;
998	position: absolute !important;
999	}
1000	.wc-blocks-components-form-token-field-wrapper .components-form-token-field,
1001	.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container {
1002	border-color: inherit;
1003	box-sizing: border-box;
1004	margin-bottom: 0;
1005	}
1006	.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container {
1007	background-color: #fff;
1008	border-radius: 0;
1009	box-shadow: none;
1010	color: #000;
1011	position: relative;
1012	}
1013	.wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container input[type=text].components-form-token-field__input {
1014	min-height: 30px;
1015	}
1016	.wc-blocks-components-form-token-field-wrapper .components-form-token-field__remove-token.components-button,
1017	.wc-blocks-components-form-token-field-wrapper .components-form-token-field__token-text {
1018	background: #e0e0e0;
1019	}
1020	.wc-blocks-components-form-token-field-wrapper .components-form-token-field__remove-token {
1021	border: none;
1022	}
1023	.wc-blocks-components-form-token-field-wrapper .components-form-token-field__suggestions-list {
1024	background-color: #fff;
1025	border: 1px solid #949494;
1026	border-width: 0 1px 1px;
1027	left: -1px;
1028	margin: 1px 0 0;
1029	position: absolute;
1030	right: -1px;
1031	top: 100%;
1032	z-index: 50;
1033	}
1034	.wc-blocks-components-form-token-field-wrapper .components-form-token-field__suggestions-list:empty {
1035	display: none;
1036	}
1037	.wc-blocks-components-form-token-field-wrapper .components-form-token-field__suggestion {
1038	padding: 8px;
1039	}
1040	.wc-blocks-components-form-token-field-wrapper .components-form-token-field__suggestion.is-selected {
1041	background: #f0f0f0;
1042	color: #2f2f2f;
1043	}
1044	.wc-blocks-components-form-token-field-wrapper.single-selection .components-form-token-field__token {
1045	margin-right: 0;
1046	position: relative;
1047	width: 100%;
1048	z-index: 1;
1049	}
1050	.wc-blocks-components-form-token-field-wrapper.single-selection .components-form-token-field__remove-token.components-button,
1051	.wc-blocks-components-form-token-field-wrapper.single-selection .components-form-token-field__token-text {
1052	background: transparent;
1053	}
1054	.wc-blocks-components-form-token-field-wrapper.single-selection .components-form-token-field__token-text {
1055	padding-left: 4px;
1056	width: 100%;
1057	}
1058	.wc-blocks-components-form-token-field-wrapper.single-selection .components-form-token-field__token + input[type=text].components-form-token-field__input {
1059	position: absolute;
1060	}
1061	.wc-blocks-components-form-token-field-wrapper.single-selection .is-active .components-form-token-field__token + input[type=text].components-form-token-field__input {
1062	border: 1px solid #949494;
1063	margin: 0 2px 4px;
1064	padding: 0 5px;
1065	position: static;
1066	}
1067	/!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!\
1068	!* 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/rating-filter/style.scss *!
1069	\****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
1070	/**
1071	* Converts a hex value into the rgb equivalent.
1072	*
1073	* @param {string} hex - the hexadecimal value to convert
1074	* @return {string} comma separated rgb values
1075	*/
1076	/**
1077	* Colors
1078	*/
1079	/**
1080	* SCSS Variables.
1081	*
1082	* Please use variables from this sheet to ensure consistency across the UI.
1083	* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
1084	* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
1085	*/
1086	/**
1087	* Converts a hex value into the rgb equivalent.
1088	*
1089	* @param {string} hex - the hexadecimal value to convert
1090	* @return {string} comma separated rgb values
1091	*/
1092	/**
1093	* Colors
1094	*/
1095	/**
1096	* Fonts & basic variables.
1097	*/
1098	/**
1099	* Grid System.
1100	* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
1101	*/
1102	/**
1103	* Dimensions.
1104	*/
1105	/**
1106	* Shadows.
1107	*/
1108	/**
1109	* Editor widths.
1110	*/
1111	/**
1112	* Block & Editor UI.
1113	*/
1114	/**
1115	* Block paddings.
1116	*/
1117	/**
1118	* React Native specific.
1119	* These variables do not appear to be used anywhere else.
1120	*/
1121	/* stylelint-disable block-closing-brace-newline-after */
1122	/* stylelint-enable */
1123	@keyframes spinner__animation {
1124	0% {
1125	animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297);
1126	transform: rotate(0deg);
1127	}
1128	100% {
1129	transform: rotate(360deg);
1130	}
1131	}
1132	@keyframes loading__animation {
1133	100% {
1134	transform: translateX(100%);
1135	}
1136	}
1137	.wc-block-rating-filter.is-loading {
1138	outline: 0 !important;
1139	border: 0 !important;
1140	background-color: currentColor !important;
1141	color: currentColor !important;
1142	width: 100%;
1143	border-radius: 0.25rem;
1144	display: block;
1145	line-height: 1;
1146	position: relative !important;
1147	overflow: hidden !important;
1148	max-width: 100% !important;
1149	pointer-events: none;
1150	box-shadow: none;
1151	z-index: 1; /* Necessary for overflow: hidden to work correctly in Safari */
1152	opacity: 0.15;
1153	margin-top: 16px;
1154	box-shadow: none;
1155	border-radius: 0;
1156	}
1157	.wc-block-rating-filter.is-loading > * {
1158	visibility: hidden;
1159	}
1160	.wc-block-rating-filter.is-loading::after {
1161	content: " ";
1162	display: block;
1163	position: absolute;
1164	left: 0;
1165	right: 0;
1166	top: 0;
1167	height: 100%;
1168	background-repeat: no-repeat;
1169	background-image: linear-gradient(90deg, currentColor, rgba(245, 245, 245, 0.3019607843), currentColor);
1170	transform: translateX(-100%);
1171	animation: loading__animation 1.5s ease-in-out infinite;
1172	}
1173	@media screen and (prefers-reduced-motion: reduce) {
1174	.wc-block-rating-filter.is-loading {
1175	animation: none;
1176	}
1177	}
1178	.wc-block-rating-filter.style-dropdown {
1179	position: relative;
1180	display: flex;
1181	gap: 16px;
1182	align-items: flex-start;
1183	}
1184	.wc-block-rating-filter.style-dropdown .single-selection .components-form-token-field__token + input[type=text].components-form-token-field__input {
1185	opacity: 0;
1186	}
1187	.wc-block-rating-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 {
1188	opacity: 1;
1189	}
1190	.wc-block-rating-filter.style-dropdown .wc-block-components-filter-submit-button {
1191	height: 36px;
1192	line-height: 1;
1193	}
1194	.wc-block-rating-filter.style-dropdown > svg {
1195	position: absolute;
1196	right: 8px;
1197	top: 50%;
1198	transform: translateY(-50%);
1199	pointer-events: none;
1200	}
1201	.wc-block-rating-filter .wc-block-components-product-rating__stars {
1202	display: inline-block;
1203	}
1204	.wc-block-rating-filter .wc-blocks-components-form-token-field-wrapper {
1205	flex-grow: 1;
1206	max-width: unset;
1207	width: 0;
1208	height: -moz-max-content;
1209	height: max-content;
1210	}
1211	.wc-block-rating-filter .wc-blocks-components-form-token-field-wrapper:not(.is-loading) {
1212	border: 1px solid #757575 !important;
1213	border-radius: 4px;
1214	}
1215	.wc-block-rating-filter .wc-blocks-components-form-token-field-wrapper.is-loading {
1216	border-radius: 0.25em;
1217	}
1218	.wc-block-rating-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field {
1219	border-radius: inherit;
1220	}
1221	.wc-block-rating-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container {
1222	color: inherit;
1223	font-family: inherit;
1224	font-size: inherit;
1225	font-style: inherit;
1226	font-weight: inherit;
1227	letter-spacing: inherit;
1228	line-height: inherit;
1229	text-decoration: inherit;
1230	text-transform: inherit;
1231	border: 0;
1232	padding: 8px;
1233	border-radius: inherit;
1234	}
1235	.wc-block-rating-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container .components-form-token-field__input {
1236	font-size: 0.875em;
1237	}
1238	.wc-block-rating-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container .components-form-token-field__input::-moz-placeholder {
1239	color: #000;
1240	}
1241	.wc-block-rating-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container .components-form-token-field__input:-ms-input-placeholder {
1242	color: #000;
1243	}
1244	.wc-block-rating-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container .components-form-token-field__input::placeholder {
1245	color: #000;
1246	}
1247	.wc-block-rating-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container .components-form-token-field__suggestions-list {
1248	border: 1px solid #757575;
1249	border-radius: 4px;
1250	margin-top: 8px;
1251	max-height: 21em;
1252	}
1253	.wc-block-rating-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 {
1254	color: #000;
1255	border: 1px solid #ccc;
1256	border-radius: 4px;
1257	margin: 12px;
1258	padding: 12px;
1259	}
1260	.wc-block-rating-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container .components-form-token-field__token,
1261	.wc-block-rating-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container .components-form-token-field__suggestion {
1262	font-size: 0.875em;
1263	}
1264	.wc-block-rating-filter .wc-block-components-product-rating {
1265	margin-bottom: 0;
1266	}
1267
1268	.wc-blocks-components-form-token-field-wrapper:not(.single-selection) .components-form-token-field__input-container {
1269	padding: 4px 30px 4px 8px;
1270	}
1271	.wc-blocks-components-form-token-field-wrapper:not(.single-selection) .components-form-token-field__input-container .components-form-token-field__token-text {
1272	background-color: #fff;
1273	border: 1px solid;
1274	border-right: 0;
1275	border-radius: 25px 0 0 25px;
1276	padding: 0.25em 0.5em 0.25em 0.75em;
1277	line-height: 22px;
1278	}
1279	.wc-blocks-components-form-token-field-wrapper:not(.single-selection) .components-form-token-field__input-container > .components-form-token-field__input {
1280	margin: 0.25em 0;
1281	}
1282	.wc-blocks-components-form-token-field-wrapper:not(.single-selection) .components-form-token-field__input-container .components-button.components-form-token-field__remove-token {
1283	background-color: #fff;
1284	border: 1px solid;
1285	border-left: 0;
1286	border-radius: 0 25px 25px 0;
1287	padding: 1px 0.25em 0 0;
1288	}
1289	.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 {
1290	background-color: #e0e0e0;
1291	border-radius: 25px;
1292	}
1293
1294	.wp-block-woocommerce-rating-filter {
1295	margin-bottom: 24px;
1296	}
1297	.wp-block-woocommerce-rating-filter .wc-block-rating-filter .wc-block-rating-filter-list li input,
1298	.wp-block-woocommerce-rating-filter .wc-block-rating-filter .wc-block-rating-filter-list li label {
1299	cursor: pointer;
1300	}
1301
1302	.wc-block-rating-filter__actions {
1303	align-items: center;
1304	display: flex;
1305	gap: 16px;
1306	justify-content: flex-end;
1307	margin-top: 16px;
1308	}
1309	.wc-block-rating-filter__actions .wc-block-components-filter-submit-button {
1310	margin-left: 0;
1311	}
1312	.wc-block-rating-filter__actions .wc-block-components-filter-submit-button:disabled {
1313	opacity: 0.6;
1314	cursor: auto;
1315	}
1316	.wc-block-rating-filter__actions button[type=submit]:not(.wp-block-search__button).wc-block-components-filter-submit-button {
1317	margin-left: 0;
1318	margin-top: 0;
1319	font-size: 0.875em;
1320	}
1321	.wc-block-rating-filter__actions .wc-block-rating-filter__button {
1322	margin-top: 0.5em;
1323	padding: 0.5em 1em;
1324	font-size: 0.875em;
1325	}
1326
1327	.editor-styles-wrapper .wc-block-rating-filter .wc-block-rating-filter__button {
1328	margin-top: 0.5em;
1329	padding: 0.5em 1em;
1330	font-size: 0.875em;
1331	}
1332	/!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!\
1333	!* 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/block-error-boundary/style.scss *!
1334	\********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
1335	/**
1336	* Converts a hex value into the rgb equivalent.
1337	*
1338	* @param {string} hex - the hexadecimal value to convert
1339	* @return {string} comma separated rgb values
1340	*/
1341	/**
1342	* Colors
1343	*/
1344	/**
1345	* SCSS Variables.
1346	*
1347	* Please use variables from this sheet to ensure consistency across the UI.
1348	* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
1349	* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
1350	*/
1351	/**
1352	* Converts a hex value into the rgb equivalent.
1353	*
1354	* @param {string} hex - the hexadecimal value to convert
1355	* @return {string} comma separated rgb values
1356	*/
1357	/**
1358	* Colors
1359	*/
1360	/**
1361	* Fonts & basic variables.
1362	*/
1363	/**
1364	* Grid System.
1365	* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
1366	*/
1367	/**
1368	* Dimensions.
1369	*/
1370	/**
1371	* Shadows.
1372	*/
1373	/**
1374	* Editor widths.
1375	*/
1376	/**
1377	* Block & Editor UI.
1378	*/
1379	/**
1380	* Block paddings.
1381	*/
1382	/**
1383	* React Native specific.
1384	* These variables do not appear to be used anywhere else.
1385	*/
1386	/* stylelint-disable block-closing-brace-newline-after */
1387	/* stylelint-enable */
1388	@keyframes spinner__animation {
1389	0% {
1390	animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297);
1391	transform: rotate(0deg);
1392	}
1393	100% {
1394	transform: rotate(360deg);
1395	}
1396	}
1397	@keyframes loading__animation {
1398	100% {
1399	transform: translateX(100%);
1400	}
1401	}
1402	.wc-block-components-error {
1403	display: flex;
1404	padding: 48px 0;
1405	margin: 48px 0;
1406	align-items: center;
1407	justify-content: center;
1408	flex-direction: column;
1409	color: #757575;
1410	text-align: center;
1411	}
1412
1413	.wc-block-components-error__header {
1414	font-size: 2em;
1415	margin: 0;
1416	color: #646970;
1417	}
1418
1419	.wc-block-components-error__image {
1420	width: 25%;
1421	margin: 0 0 24px 0;
1422	}
1423
1424	.wc-block-components-error__text {
1425	margin: 1em 0 0;
1426	color: #8c8f94;
1427	font-size: 1.25em;
1428	max-width: 60ch;
1429	}
1430
1431	.wc-block-components-error__message {
1432	margin: 1em auto 0;
1433	font-style: italic;
1434	color: #8c8f94;
1435	max-width: 60ch;
1436	}
1437
1438	.wc-block-error__button {
1439	margin: 48px 0 0 0;
1440	}
1441
1442	/# sourceMappingURL=rating-filter.css.map/