all-products-rtl.css — WooCommerce 8.5.0-beta.1

woocommerce / assets / client / blocks / all-products-rtl.css

woocommerce / assets / client / blocks Last commit date

all-products-rtl.css

3148 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/pagination/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-pagination {
72	margin: 0 auto 16px;
73	}
74
75	.wc-block-components-pagination__page,
76	.wc-block-components-pagination__ellipsis {
77	font-size: 1em;
78	color: #333;
79	display: inline-block;
80	font-weight: normal;
81	}
82
83	.wc-block-components-pagination__page {
84	border-color: transparent;
85	padding: 0.3em 0.6em;
86	min-width: 2.2em;
87	}
88	.wc-block-components-pagination__page:not([disabled]) {
89	cursor: pointer;
90	}
91	@media (max-width: 782px) {
92	.wc-block-components-pagination__page {
93	padding: 0.1em 0.2em;
94	min-width: 1.6em;
95	}
96	}
97	.wc-block-components-pagination__page:not(.toggle) {
98	background-color: transparent;
99	}
100
101	.wc-block-components-pagination__ellipsis {
102	padding: 0.3em;
103	}
104	@media (max-width: 782px) {
105	.wc-block-components-pagination__ellipsis {
106	padding: 0.1em;
107	}
108	}
109
110	.wc-block-components-pagination__page--active[disabled] {
111	color: #333;
112	font-weight: bold;
113	opacity: 1 !important;
114	}
115	.wc-block-components-pagination__page--active[disabled]:hover, .wc-block-components-pagination__page--active[disabled]:focus {
116	background-color: inherit;
117	color: #333;
118	opacity: 1 !important;
119	}
120
121	html[dir=rtl] .wc-block-components-pagination-page--arrow span {
122	display: inline-block;
123	transform: scale(-1, 1);
124	}
125	/!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!\
126	!* 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-list/product-sort-select/style.scss *!
127	\********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
128	/**
129	* Converts a hex value into the rgb equivalent.
130	*
131	* @param {string} hex - the hexadecimal value to convert
132	* @return {string} comma separated rgb values
133	*/
134	/**
135	* Colors
136	*/
137	/**
138	* SCSS Variables.
139	*
140	* Please use variables from this sheet to ensure consistency across the UI.
141	* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
142	* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
143	*/
144	/**
145	* Converts a hex value into the rgb equivalent.
146	*
147	* @param {string} hex - the hexadecimal value to convert
148	* @return {string} comma separated rgb values
149	*/
150	/**
151	* Colors
152	*/
153	/**
154	* Fonts & basic variables.
155	*/
156	/**
157	* Grid System.
158	* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
159	*/
160	/**
161	* Dimensions.
162	*/
163	/**
164	* Shadows.
165	*/
166	/**
167	* Editor widths.
168	*/
169	/**
170	* Block & Editor UI.
171	*/
172	/**
173	* Block paddings.
174	*/
175	/**
176	* React Native specific.
177	* These variables do not appear to be used anywhere else.
178	*/
179	/* stylelint-disable block-closing-brace-newline-after */
180	/* stylelint-enable */
181	@keyframes spinner__animation {
182	0% {
183	animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297);
184	transform: rotate(0deg);
185	}
186	100% {
187	transform: rotate(-360deg);
188	}
189	}
190	@keyframes loading__animation {
191	100% {
192	transform: translateX(-100%);
193	}
194	}
195	.wc-block-components-product-sort-select {
196	margin-bottom: 24px;
197	text-align: right;
198	}
199	/!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!\
200	!* 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-list/style.scss *!
201	\************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
202	/**
203	* Converts a hex value into the rgb equivalent.
204	*
205	* @param {string} hex - the hexadecimal value to convert
206	* @return {string} comma separated rgb values
207	*/
208	/**
209	* Colors
210	*/
211	/**
212	* SCSS Variables.
213	*
214	* Please use variables from this sheet to ensure consistency across the UI.
215	* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
216	* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
217	*/
218	/**
219	* Converts a hex value into the rgb equivalent.
220	*
221	* @param {string} hex - the hexadecimal value to convert
222	* @return {string} comma separated rgb values
223	*/
224	/**
225	* Colors
226	*/
227	/**
228	* Fonts & basic variables.
229	*/
230	/**
231	* Grid System.
232	* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
233	*/
234	/**
235	* Dimensions.
236	*/
237	/**
238	* Shadows.
239	*/
240	/**
241	* Editor widths.
242	*/
243	/**
244	* Block & Editor UI.
245	*/
246	/**
247	* Block paddings.
248	*/
249	/**
250	* React Native specific.
251	* These variables do not appear to be used anywhere else.
252	*/
253	/* stylelint-disable block-closing-brace-newline-after */
254	/* stylelint-enable */
255	@keyframes spinner__animation {
256	0% {
257	animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297);
258	transform: rotate(0deg);
259	}
260	100% {
261	transform: rotate(-360deg);
262	}
263	}
264	@keyframes loading__animation {
265	100% {
266	transform: translateX(-100%);
267	}
268	}
269	@keyframes spin {
270	from {
271	transform: rotate(0deg);
272	}
273	to {
274	transform: rotate(-360deg);
275	}
276	}
277	.wc-block-grid {
278	text-align: center;
279	}
280
281	.wc-block-grid__no-products {
282	padding: 48px;
283	text-align: center;
284	width: 100%;
285	}
286	.wc-block-grid__no-products .wc-block-grid__no-products-image {
287	max-width: 150px;
288	margin: 0 auto 1em;
289	display: block;
290	color: inherit;
291	}
292	.wc-block-grid__no-products .wc-block-grid__no-products-title {
293	display: block;
294	margin: 0;
295	font-weight: bold;
296	}
297	.wc-block-grid__no-products .wc-block-grid__no-products-description {
298	display: block;
299	margin: 0.25em 0 1em 0;
300	}
301
302	.wc-block-grid__products {
303	display: flex;
304	flex-wrap: wrap;
305	padding: 0;
306	margin: 0 -8px 16px;
307	background-clip: padding-box;
308	}
309
310	.wc-block-grid__product {
311	box-sizing: border-box;
312	padding: 0;
313	margin: 0;
314	float: none;
315	width: auto;
316	position: relative;
317	text-align: center;
318	border-right: 8px solid transparent;
319	border-left: 8px solid transparent;
320	border-bottom: 16px solid transparent;
321	list-style: none;
322	}
323
324	.wc-block-grid__product.wc-block-grid__product {
325	box-sizing: border-box;
326	}
327
328	.theme-twentytwenty .wc-block-grid.has-aligned-buttons .wc-block-grid__product,
329	.wc-block-grid.has-aligned-buttons .wc-block-grid__product {
330	display: flex;
331	flex-direction: column;
332	}
333	.theme-twentytwenty .wc-block-grid.has-aligned-buttons .wc-block-grid__product > :last-child,
334	.wc-block-grid.has-aligned-buttons .wc-block-grid__product > :last-child {
335	margin-top: auto;
336	margin-bottom: 0;
337	padding-bottom: 12px;
338	}
339	.theme-twentytwenty .wc-block-grid.has-1-columns .wc-block-grid__product,
340	.wc-block-grid.has-1-columns .wc-block-grid__product {
341	flex: 1 0 100%;
342	max-width: 100%;
343	}
344	.theme-twentytwenty .wc-block-grid.has-2-columns .wc-block-grid__product,
345	.wc-block-grid.has-2-columns .wc-block-grid__product {
346	flex: 1 0 50%;
347	max-width: 50%;
348	}
349	.theme-twentytwenty .wc-block-grid.has-3-columns .wc-block-grid__product,
350	.wc-block-grid.has-3-columns .wc-block-grid__product {
351	flex: 1 0 33.3333333333%;
352	max-width: 33.3333333333%;
353	}
354	.theme-twentytwenty .wc-block-grid.has-4-columns .wc-block-grid__product,
355	.wc-block-grid.has-4-columns .wc-block-grid__product {
356	flex: 1 0 25%;
357	max-width: 25%;
358	}
359	.theme-twentytwenty .wc-block-grid.has-5-columns .wc-block-grid__product,
360	.wc-block-grid.has-5-columns .wc-block-grid__product {
361	flex: 1 0 20%;
362	max-width: 20%;
363	}
364	.theme-twentytwenty .wc-block-grid.has-6-columns .wc-block-grid__product,
365	.wc-block-grid.has-6-columns .wc-block-grid__product {
366	flex: 1 0 16.6666666667%;
367	max-width: 16.6666666667%;
368	}
369	.theme-twentytwenty .wc-block-grid.has-7-columns .wc-block-grid__product,
370	.wc-block-grid.has-7-columns .wc-block-grid__product {
371	flex: 1 0 14.2857142857%;
372	max-width: 14.2857142857%;
373	}
374	.theme-twentytwenty .wc-block-grid.has-8-columns .wc-block-grid__product,
375	.wc-block-grid.has-8-columns .wc-block-grid__product {
376	flex: 1 0 12.5%;
377	max-width: 12.5%;
378	}
379	.theme-twentytwenty .wc-block-grid.has-6-columns .wc-block-grid__product,
380	.wc-block-grid.has-6-columns .wc-block-grid__product {
381	font-size: 0.5em;
382	}
383	.theme-twentytwenty .wc-block-grid.has-6-columns.alignfull .wc-block-grid__product, .theme-twentytwenty .wc-block-grid.has-5-columns .wc-block-grid__product,
384	.wc-block-grid.has-6-columns.alignfull .wc-block-grid__product,
385	.wc-block-grid.has-5-columns .wc-block-grid__product {
386	font-size: 0.58em;
387	}
388	.theme-twentytwenty .wc-block-grid.has-5-columns.alignfull .wc-block-grid__product, .theme-twentytwenty .wc-block-grid.has-4-columns:not(.alignwide):not(.alignfull) .wc-block-grid__product,
389	.wc-block-grid.has-5-columns.alignfull .wc-block-grid__product,
390	.wc-block-grid.has-4-columns:not(.alignwide):not(.alignfull) .wc-block-grid__product {
391	font-size: 0.75em;
392	}
393	.theme-twentytwenty .wc-block-grid.has-3-columns:not(.alignwide):not(.alignfull),
394	.wc-block-grid.has-3-columns:not(.alignwide):not(.alignfull) {
395	font-size: 0.92em;
396	}
397
398	@media (max-width: 480px) {
399	.wc-block-grid.has-2-columns .wc-block-grid__products {
400	display: block;
401	}
402	.wc-block-grid.has-2-columns .wc-block-grid__product {
403	margin-right: auto;
404	margin-left: auto;
405	flex: 1 0 100%;
406	max-width: 100%;
407	padding: 0;
408	}
409	.wc-block-grid.has-3-columns .wc-block-grid__products {
410	display: block;
411	}
412	.wc-block-grid.has-3-columns .wc-block-grid__product {
413	margin-right: auto;
414	margin-left: auto;
415	flex: 1 0 100%;
416	max-width: 100%;
417	padding: 0;
418	}
419	.wc-block-grid.has-4-columns .wc-block-grid__products {
420	display: block;
421	}
422	.wc-block-grid.has-4-columns .wc-block-grid__product {
423	margin-right: auto;
424	margin-left: auto;
425	flex: 1 0 100%;
426	max-width: 100%;
427	padding: 0;
428	}
429	.wc-block-grid.has-5-columns .wc-block-grid__products {
430	display: block;
431	}
432	.wc-block-grid.has-5-columns .wc-block-grid__product {
433	margin-right: auto;
434	margin-left: auto;
435	flex: 1 0 100%;
436	max-width: 100%;
437	padding: 0;
438	}
439	.wc-block-grid.has-6-columns .wc-block-grid__products {
440	display: block;
441	}
442	.wc-block-grid.has-6-columns .wc-block-grid__product {
443	margin-right: auto;
444	margin-left: auto;
445	flex: 1 0 100%;
446	max-width: 100%;
447	padding: 0;
448	}
449	.wc-block-grid.has-7-columns .wc-block-grid__products {
450	display: block;
451	}
452	.wc-block-grid.has-7-columns .wc-block-grid__product {
453	margin-right: auto;
454	margin-left: auto;
455	flex: 1 0 100%;
456	max-width: 100%;
457	padding: 0;
458	}
459	.wc-block-grid.has-8-columns .wc-block-grid__products {
460	display: block;
461	}
462	.wc-block-grid.has-8-columns .wc-block-grid__product {
463	margin-right: auto;
464	margin-left: auto;
465	flex: 1 0 100%;
466	max-width: 100%;
467	padding: 0;
468	}
469	}
470	@media (min-width: 481px) and (max-width: 600px) {
471	.wc-block-grid.has-2-columns .wc-block-grid__product {
472	flex: 1 0 50%;
473	max-width: 50%;
474	padding: 0;
475	margin: 0 0 24px 0;
476	}
477	.wc-block-grid.has-2-columns .wc-block-grid__product:nth-child(odd) {
478	padding-left: 8px;
479	}
480	.wc-block-grid.has-2-columns .wc-block-grid__product:nth-child(even) {
481	padding-right: 8px;
482	}
483	.wc-block-grid.has-3-columns .wc-block-grid__product {
484	flex: 1 0 50%;
485	max-width: 50%;
486	padding: 0;
487	margin: 0 0 24px 0;
488	}
489	.wc-block-grid.has-3-columns .wc-block-grid__product:nth-child(odd) {
490	padding-left: 8px;
491	}
492	.wc-block-grid.has-3-columns .wc-block-grid__product:nth-child(even) {
493	padding-right: 8px;
494	}
495	.wc-block-grid.has-4-columns .wc-block-grid__product {
496	flex: 1 0 50%;
497	max-width: 50%;
498	padding: 0;
499	margin: 0 0 24px 0;
500	}
501	.wc-block-grid.has-4-columns .wc-block-grid__product:nth-child(odd) {
502	padding-left: 8px;
503	}
504	.wc-block-grid.has-4-columns .wc-block-grid__product:nth-child(even) {
505	padding-right: 8px;
506	}
507	.wc-block-grid.has-5-columns .wc-block-grid__product {
508	flex: 1 0 50%;
509	max-width: 50%;
510	padding: 0;
511	margin: 0 0 24px 0;
512	}
513	.wc-block-grid.has-5-columns .wc-block-grid__product:nth-child(odd) {
514	padding-left: 8px;
515	}
516	.wc-block-grid.has-5-columns .wc-block-grid__product:nth-child(even) {
517	padding-right: 8px;
518	}
519	.wc-block-grid.has-6-columns .wc-block-grid__product {
520	flex: 1 0 50%;
521	max-width: 50%;
522	padding: 0;
523	margin: 0 0 24px 0;
524	}
525	.wc-block-grid.has-6-columns .wc-block-grid__product:nth-child(odd) {
526	padding-left: 8px;
527	}
528	.wc-block-grid.has-6-columns .wc-block-grid__product:nth-child(even) {
529	padding-right: 8px;
530	}
531	.wc-block-grid.has-7-columns .wc-block-grid__product {
532	flex: 1 0 50%;
533	max-width: 50%;
534	padding: 0;
535	margin: 0 0 24px 0;
536	}
537	.wc-block-grid.has-7-columns .wc-block-grid__product:nth-child(odd) {
538	padding-left: 8px;
539	}
540	.wc-block-grid.has-7-columns .wc-block-grid__product:nth-child(even) {
541	padding-right: 8px;
542	}
543	.wc-block-grid.has-8-columns .wc-block-grid__product {
544	flex: 1 0 50%;
545	max-width: 50%;
546	padding: 0;
547	margin: 0 0 24px 0;
548	}
549	.wc-block-grid.has-8-columns .wc-block-grid__product:nth-child(odd) {
550	padding-left: 8px;
551	}
552	.wc-block-grid.has-8-columns .wc-block-grid__product:nth-child(even) {
553	padding-right: 8px;
554	}
555	}
556	/!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!\
557	!* 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/hocs/with-scroll-to-top/style.scss *!
558	\************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
559	/**
560	* Converts a hex value into the rgb equivalent.
561	*
562	* @param {string} hex - the hexadecimal value to convert
563	* @return {string} comma separated rgb values
564	*/
565	/**
566	* Colors
567	*/
568	/**
569	* SCSS Variables.
570	*
571	* Please use variables from this sheet to ensure consistency across the UI.
572	* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
573	* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
574	*/
575	/**
576	* Converts a hex value into the rgb equivalent.
577	*
578	* @param {string} hex - the hexadecimal value to convert
579	* @return {string} comma separated rgb values
580	*/
581	/**
582	* Colors
583	*/
584	/**
585	* Fonts & basic variables.
586	*/
587	/**
588	* Grid System.
589	* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
590	*/
591	/**
592	* Dimensions.
593	*/
594	/**
595	* Shadows.
596	*/
597	/**
598	* Editor widths.
599	*/
600	/**
601	* Block & Editor UI.
602	*/
603	/**
604	* Block paddings.
605	*/
606	/**
607	* React Native specific.
608	* These variables do not appear to be used anywhere else.
609	*/
610	/* stylelint-disable block-closing-brace-newline-after */
611	/* stylelint-enable */
612	@keyframes spinner__animation {
613	0% {
614	animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297);
615	transform: rotate(0deg);
616	}
617	100% {
618	transform: rotate(-360deg);
619	}
620	}
621	@keyframes loading__animation {
622	100% {
623	transform: translateX(-100%);
624	}
625	}
626	.with-scroll-to-top__scroll-point {
627	position: relative;
628	top: -36px;
629	}
630	/!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!\
631	!* 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 *!
632	\********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
633	/**
634	* Converts a hex value into the rgb equivalent.
635	*
636	* @param {string} hex - the hexadecimal value to convert
637	* @return {string} comma separated rgb values
638	*/
639	/**
640	* Colors
641	*/
642	/**
643	* SCSS Variables.
644	*
645	* Please use variables from this sheet to ensure consistency across the UI.
646	* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
647	* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
648	*/
649	/**
650	* Converts a hex value into the rgb equivalent.
651	*
652	* @param {string} hex - the hexadecimal value to convert
653	* @return {string} comma separated rgb values
654	*/
655	/**
656	* Colors
657	*/
658	/**
659	* Fonts & basic variables.
660	*/
661	/**
662	* Grid System.
663	* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
664	*/
665	/**
666	* Dimensions.
667	*/
668	/**
669	* Shadows.
670	*/
671	/**
672	* Editor widths.
673	*/
674	/**
675	* Block & Editor UI.
676	*/
677	/**
678	* Block paddings.
679	*/
680	/**
681	* React Native specific.
682	* These variables do not appear to be used anywhere else.
683	*/
684	/* stylelint-disable block-closing-brace-newline-after */
685	/* stylelint-enable */
686	@keyframes spinner__animation {
687	0% {
688	animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297);
689	transform: rotate(0deg);
690	}
691	100% {
692	transform: rotate(-360deg);
693	}
694	}
695	@keyframes loading__animation {
696	100% {
697	transform: translateX(-100%);
698	}
699	}
700	.wc-block-components-error {
701	display: flex;
702	padding: 48px 0;
703	margin: 48px 0;
704	align-items: center;
705	justify-content: center;
706	flex-direction: column;
707	color: #757575;
708	text-align: center;
709	}
710
711	.wc-block-components-error__header {
712	font-size: 2em;
713	margin: 0;
714	color: #646970;
715	}
716
717	.wc-block-components-error__image {
718	width: 25%;
719	margin: 0 0 24px 0;
720	}
721
722	.wc-block-components-error__text {
723	margin: 1em 0 0;
724	color: #8c8f94;
725	font-size: 1.25em;
726	max-width: 60ch;
727	}
728
729	.wc-block-components-error__message {
730	margin: 1em auto 0;
731	font-style: italic;
732	color: #8c8f94;
733	max-width: 60ch;
734	}
735
736	.wc-block-error__button {
737	margin: 48px 0 0 0;
738	}
739	/!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!\
740	!* 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-name/style.scss *!
741	\************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
742	/**
743	* Converts a hex value into the rgb equivalent.
744	*
745	* @param {string} hex - the hexadecimal value to convert
746	* @return {string} comma separated rgb values
747	*/
748	/**
749	* Colors
750	*/
751	/**
752	* SCSS Variables.
753	*
754	* Please use variables from this sheet to ensure consistency across the UI.
755	* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
756	* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
757	*/
758	/**
759	* Converts a hex value into the rgb equivalent.
760	*
761	* @param {string} hex - the hexadecimal value to convert
762	* @return {string} comma separated rgb values
763	*/
764	/**
765	* Colors
766	*/
767	/**
768	* Fonts & basic variables.
769	*/
770	/**
771	* Grid System.
772	* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
773	*/
774	/**
775	* Dimensions.
776	*/
777	/**
778	* Shadows.
779	*/
780	/**
781	* Editor widths.
782	*/
783	/**
784	* Block & Editor UI.
785	*/
786	/**
787	* Block paddings.
788	*/
789	/**
790	* React Native specific.
791	* These variables do not appear to be used anywhere else.
792	*/
793	/* stylelint-disable block-closing-brace-newline-after */
794	/* stylelint-enable */
795	@keyframes spinner__animation {
796	0% {
797	animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297);
798	transform: rotate(0deg);
799	}
800	100% {
801	transform: rotate(-360deg);
802	}
803	}
804	@keyframes loading__animation {
805	100% {
806	transform: translateX(-100%);
807	}
808	}
809	.wc-block-components-product-name {
810	font-size: 1em;
811	overflow-wrap: anywhere;
812	word-break: break-word;
813	-ms-word-break: break-all;
814	}
815	/!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!\
816	!* 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/atomic/blocks/product-elements/title/style.scss *!
817	\********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
818	/**
819	* Converts a hex value into the rgb equivalent.
820	*
821	* @param {string} hex - the hexadecimal value to convert
822	* @return {string} comma separated rgb values
823	*/
824	/**
825	* Colors
826	*/
827	/**
828	* SCSS Variables.
829	*
830	* Please use variables from this sheet to ensure consistency across the UI.
831	* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
832	* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
833	*/
834	/**
835	* Converts a hex value into the rgb equivalent.
836	*
837	* @param {string} hex - the hexadecimal value to convert
838	* @return {string} comma separated rgb values
839	*/
840	/**
841	* Colors
842	*/
843	/**
844	* Fonts & basic variables.
845	*/
846	/**
847	* Grid System.
848	* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
849	*/
850	/**
851	* Dimensions.
852	*/
853	/**
854	* Shadows.
855	*/
856	/**
857	* Editor widths.
858	*/
859	/**
860	* Block & Editor UI.
861	*/
862	/**
863	* Block paddings.
864	*/
865	/**
866	* React Native specific.
867	* These variables do not appear to be used anywhere else.
868	*/
869	/* stylelint-disable block-closing-brace-newline-after */
870	/* stylelint-enable */
871	@keyframes spinner__animation {
872	0% {
873	animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297);
874	transform: rotate(0deg);
875	}
876	100% {
877	transform: rotate(-360deg);
878	}
879	}
880	@keyframes loading__animation {
881	100% {
882	transform: translateX(-100%);
883	}
884	}
885	.wc-block-components-product-title {
886	margin-top: 0;
887	margin-bottom: 12px;
888	line-height: 1.5;
889	font-weight: 700;
890	padding: 0;
891	display: block;
892	font-size: inherit;
893	}
894	.wc-block-components-product-title a {
895	color: inherit;
896	font-size: inherit;
897	}
898
899	.is-loading .wc-block-components-product-title::before {
900	outline: 0 !important;
901	border: 0 !important;
902	background-color: currentColor !important;
903	color: currentColor !important;
904	width: 100%;
905	border-radius: 0.25rem;
906	display: block;
907	line-height: 1;
908	position: relative !important;
909	overflow: hidden !important;
910	max-width: 100% !important;
911	pointer-events: none;
912	box-shadow: none;
913	z-index: 1; /* Necessary for overflow: hidden to work correctly in Safari */
914	opacity: 0.15;
915	content: ".";
916	display: inline-block;
917	width: 7em;
918	}
919	.is-loading .wc-block-components-product-title::before > * {
920	visibility: hidden;
921	}
922	.is-loading .wc-block-components-product-title::before::after {
923	content: " ";
924	display: block;
925	position: absolute;
926	right: 0;
927	left: 0;
928	top: 0;
929	height: 100%;
930	background-repeat: no-repeat;
931	background-image: linear-gradient(-90deg, currentColor, rgba(245, 245, 245, 0.3019607843), currentColor);
932	transform: translateX(100%);
933	animation: loading__animation 1.5s ease-in-out infinite;
934	}
935	@media screen and (prefers-reduced-motion: reduce) {
936	.is-loading .wc-block-components-product-title::before {
937	animation: none;
938	}
939	}
940	.is-loading .wc-block-grid .wc-block-components-product-title::before {
941	width: 10em;
942	}
943	.wc-block-components-product-title--align-left {
944	text-align: left;
945	}
946
947	.wc-block-components-product-title--align-center {
948	text-align: center;
949	}
950
951	.wc-block-components-product-title--align-right {
952	text-align: right;
953	}
954	/!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!\
955	!* 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-price/style.scss *!
956	\*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
957	/**
958	* Converts a hex value into the rgb equivalent.
959	*
960	* @param {string} hex - the hexadecimal value to convert
961	* @return {string} comma separated rgb values
962	*/
963	/**
964	* Colors
965	*/
966	/**
967	* SCSS Variables.
968	*
969	* Please use variables from this sheet to ensure consistency across the UI.
970	* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
971	* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
972	*/
973	/**
974	* Converts a hex value into the rgb equivalent.
975	*
976	* @param {string} hex - the hexadecimal value to convert
977	* @return {string} comma separated rgb values
978	*/
979	/**
980	* Colors
981	*/
982	/**
983	* Fonts & basic variables.
984	*/
985	/**
986	* Grid System.
987	* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
988	*/
989	/**
990	* Dimensions.
991	*/
992	/**
993	* Shadows.
994	*/
995	/**
996	* Editor widths.
997	*/
998	/**
999	* Block & Editor UI.
1000	*/
1001	/**
1002	* Block paddings.
1003	*/
1004	/**
1005	* React Native specific.
1006	* These variables do not appear to be used anywhere else.
1007	*/
1008	/* stylelint-disable block-closing-brace-newline-after */
1009	/* stylelint-enable */
1010	@keyframes spinner__animation {
1011	0% {
1012	animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297);
1013	transform: rotate(0deg);
1014	}
1015	100% {
1016	transform: rotate(-360deg);
1017	}
1018	}
1019	@keyframes loading__animation {
1020	100% {
1021	transform: translateX(-100%);
1022	}
1023	}
1024	.wc-block-components-product-price--align-left {
1025	display: block;
1026	text-align: left;
1027	}
1028
1029	.wc-block-components-product-price--align-center {
1030	display: block;
1031	text-align: center;
1032	}
1033
1034	.wc-block-components-product-price--align-right {
1035	display: block;
1036	text-align: right;
1037	}
1038	.wc-block-components-product-price {
1039	display: block;
1040	}
1041	.wc-block-components-product-price .wc-block-all-products .wc-block-components-product-price {
1042	margin-bottom: 12px;
1043	}
1044	.wc-block-components-product-price ins {
1045	text-decoration: none;
1046	}
1047
1048	.wc-block-components-product-price__value.is-discounted {
1049	margin-right: 0.5em;
1050	}
1051
1052	.is-loading .wc-block-components-product-price::before {
1053	outline: 0 !important;
1054	border: 0 !important;
1055	background-color: currentColor !important;
1056	color: currentColor !important;
1057	width: 100%;
1058	border-radius: 0.25rem;
1059	display: block;
1060	line-height: 1;
1061	position: relative !important;
1062	overflow: hidden !important;
1063	max-width: 100% !important;
1064	pointer-events: none;
1065	box-shadow: none;
1066	z-index: 1; /* Necessary for overflow: hidden to work correctly in Safari */
1067	opacity: 0.15;
1068	content: ".";
1069	display: inline-block;
1070	width: 5em;
1071	}
1072	.is-loading .wc-block-components-product-price::before > * {
1073	visibility: hidden;
1074	}
1075	.is-loading .wc-block-components-product-price::before::after {
1076	content: " ";
1077	display: block;
1078	position: absolute;
1079	right: 0;
1080	left: 0;
1081	top: 0;
1082	height: 100%;
1083	background-repeat: no-repeat;
1084	background-image: linear-gradient(-90deg, currentColor, rgba(245, 245, 245, 0.3019607843), currentColor);
1085	transform: translateX(100%);
1086	animation: loading__animation 1.5s ease-in-out infinite;
1087	}
1088	@media screen and (prefers-reduced-motion: reduce) {
1089	.is-loading .wc-block-components-product-price::before {
1090	animation: none;
1091	}
1092	}
1093	/!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!\
1094	!* 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/atomic/blocks/product-elements/sale-badge/style.scss *!
1095	\*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
1096	/**
1097	* Converts a hex value into the rgb equivalent.
1098	*
1099	* @param {string} hex - the hexadecimal value to convert
1100	* @return {string} comma separated rgb values
1101	*/
1102	/**
1103	* Colors
1104	*/
1105	/**
1106	* SCSS Variables.
1107	*
1108	* Please use variables from this sheet to ensure consistency across the UI.
1109	* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
1110	* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
1111	*/
1112	/**
1113	* Converts a hex value into the rgb equivalent.
1114	*
1115	* @param {string} hex - the hexadecimal value to convert
1116	* @return {string} comma separated rgb values
1117	*/
1118	/**
1119	* Colors
1120	*/
1121	/**
1122	* Fonts & basic variables.
1123	*/
1124	/**
1125	* Grid System.
1126	* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
1127	*/
1128	/**
1129	* Dimensions.
1130	*/
1131	/**
1132	* Shadows.
1133	*/
1134	/**
1135	* Editor widths.
1136	*/
1137	/**
1138	* Block & Editor UI.
1139	*/
1140	/**
1141	* Block paddings.
1142	*/
1143	/**
1144	* React Native specific.
1145	* These variables do not appear to be used anywhere else.
1146	*/
1147	/* stylelint-disable block-closing-brace-newline-after */
1148	/* stylelint-enable */
1149	@keyframes spinner__animation {
1150	0% {
1151	animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297);
1152	transform: rotate(0deg);
1153	}
1154	100% {
1155	transform: rotate(-360deg);
1156	}
1157	}
1158	@keyframes loading__animation {
1159	100% {
1160	transform: translateX(-100%);
1161	}
1162	}
1163	.wp-block-woocommerce-product-sale-badge {
1164	display: flex;
1165	flex-direction: column;
1166	}
1167
1168	.wc-block-components-product-sale-badge {
1169	font-size: 0.875em;
1170	padding: 0.25em 0.75em;
1171	display: inline-block;
1172	width: -moz-fit-content;
1173	width: fit-content;
1174	border: 1px solid #43454b;
1175	border-radius: 4px;
1176	box-sizing: border-box;
1177	color: #43454b;
1178	background: #fff;
1179	text-align: center;
1180	text-transform: uppercase;
1181	font-weight: 600;
1182	z-index: 9;
1183	position: static;
1184	}
1185	.wc-block-components-product-sale-badge--align-left {
1186	-ms-grid-row-align: auto;
1187	align-self: auto;
1188	}
1189	.wc-block-components-product-sale-badge--align-center {
1190	-ms-grid-row-align: center;
1191	align-self: center;
1192	}
1193	.wc-block-components-product-sale-badge--align-right {
1194	align-self: flex-end;
1195	}
1196	.wc-block-components-product-sale-badge span {
1197	color: inherit;
1198	background-color: inherit;
1199	}
1200	/!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!\
1201	!* 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/atomic/blocks/product-elements/image/style.scss *!
1202	\********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
1203	/**
1204	* Converts a hex value into the rgb equivalent.
1205	*
1206	* @param {string} hex - the hexadecimal value to convert
1207	* @return {string} comma separated rgb values
1208	*/
1209	/**
1210	* Colors
1211	*/
1212	/**
1213	* SCSS Variables.
1214	*
1215	* Please use variables from this sheet to ensure consistency across the UI.
1216	* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
1217	* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
1218	*/
1219	/**
1220	* Converts a hex value into the rgb equivalent.
1221	*
1222	* @param {string} hex - the hexadecimal value to convert
1223	* @return {string} comma separated rgb values
1224	*/
1225	/**
1226	* Colors
1227	*/
1228	/**
1229	* Fonts & basic variables.
1230	*/
1231	/**
1232	* Grid System.
1233	* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
1234	*/
1235	/**
1236	* Dimensions.
1237	*/
1238	/**
1239	* Shadows.
1240	*/
1241	/**
1242	* Editor widths.
1243	*/
1244	/**
1245	* Block & Editor UI.
1246	*/
1247	/**
1248	* Block paddings.
1249	*/
1250	/**
1251	* React Native specific.
1252	* These variables do not appear to be used anywhere else.
1253	*/
1254	/* stylelint-disable block-closing-brace-newline-after */
1255	/* stylelint-enable */
1256	@keyframes spinner__animation {
1257	0% {
1258	animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297);
1259	transform: rotate(0deg);
1260	}
1261	100% {
1262	transform: rotate(-360deg);
1263	}
1264	}
1265	@keyframes loading__animation {
1266	100% {
1267	transform: translateX(-100%);
1268	}
1269	}
1270	.editor-styles-wrapper .wc-block-grid__products .wc-block-grid__product .wc-block-components-product-image,
1271	.wc-block-components-product-image {
1272	text-decoration: none;
1273	display: block;
1274	position: relative;
1275	}
1276	.editor-styles-wrapper .wc-block-grid__products .wc-block-grid__product .wc-block-components-product-image a,
1277	.wc-block-components-product-image a {
1278	border-radius: inherit;
1279	text-decoration: none;
1280	border: 0;
1281	outline: 0;
1282	box-shadow: none;
1283	}
1284	.editor-styles-wrapper .wc-block-grid__products .wc-block-grid__product .wc-block-components-product-image img,
1285	.wc-block-components-product-image img {
1286	border-radius: inherit;
1287	vertical-align: middle;
1288	width: 100%;
1289	height: auto;
1290	}
1291	.editor-styles-wrapper .wc-block-grid__products .wc-block-grid__product .wc-block-components-product-image img[hidden],
1292	.wc-block-components-product-image img[hidden] {
1293	display: none;
1294	}
1295	.editor-styles-wrapper .wc-block-grid__products .wc-block-grid__product .wc-block-components-product-image img[alt=""],
1296	.wc-block-components-product-image img[alt=""] {
1297	border: 1px solid #f2f2f2;
1298	}
1299	.editor-styles-wrapper .wc-block-grid__products .wc-block-grid__product .wc-block-components-product-image .wc-block-components-product-sale-badge--align-left,
1300	.wc-block-components-product-image .wc-block-components-product-sale-badge--align-left {
1301	position: absolute;
1302	right: 4px;
1303	top: 4px;
1304	left: auto;
1305	margin: 0;
1306	}
1307	.editor-styles-wrapper .wc-block-grid__products .wc-block-grid__product .wc-block-components-product-image .wc-block-components-product-sale-badge--align-center,
1308	.wc-block-components-product-image .wc-block-components-product-sale-badge--align-center {
1309	position: absolute;
1310	top: 4px;
1311	right: 50%;
1312	left: auto;
1313	transform: translateX(50%);
1314	margin: 0;
1315	}
1316	.editor-styles-wrapper .wc-block-grid__products .wc-block-grid__product .wc-block-components-product-image .wc-block-components-product-sale-badge--align-right,
1317	.wc-block-components-product-image .wc-block-components-product-sale-badge--align-right {
1318	position: absolute;
1319	left: 4px;
1320	top: 4px;
1321	right: auto;
1322	margin: 0;
1323	}
1324
1325	.is-loading .wc-block-components-product-image {
1326	outline: 0 !important;
1327	border: 0 !important;
1328	background-color: currentColor !important;
1329	color: currentColor !important;
1330	width: 100%;
1331	display: block;
1332	line-height: 1;
1333	position: relative !important;
1334	overflow: hidden !important;
1335	max-width: 100% !important;
1336	pointer-events: none;
1337	box-shadow: none;
1338	z-index: 1; /* Necessary for overflow: hidden to work correctly in Safari */
1339	opacity: 0.15;
1340	width: auto;
1341	}
1342	.is-loading .wc-block-components-product-image > * {
1343	visibility: hidden;
1344	}
1345	.is-loading .wc-block-components-product-image::after {
1346	content: " ";
1347	display: block;
1348	position: absolute;
1349	right: 0;
1350	left: 0;
1351	top: 0;
1352	height: 100%;
1353	background-repeat: no-repeat;
1354	background-image: linear-gradient(-90deg, currentColor, rgba(245, 245, 245, 0.3019607843), currentColor);
1355	transform: translateX(100%);
1356	animation: loading__animation 1.5s ease-in-out infinite;
1357	}
1358	@media screen and (prefers-reduced-motion: reduce) {
1359	.is-loading .wc-block-components-product-image {
1360	animation: none;
1361	}
1362	}
1363
1364	.wc-block-components-product-image {
1365	margin: 0 0 12px;
1366	}
1367
1368	.wc-block-product-image__tools-panel .components-input-control {
1369	margin-bottom: 8px;
1370	}
1371	/!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!\
1372	!* 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/atomic/blocks/product-elements/rating/style.scss *!
1373	\*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
1374	/**
1375	* Converts a hex value into the rgb equivalent.
1376	*
1377	* @param {string} hex - the hexadecimal value to convert
1378	* @return {string} comma separated rgb values
1379	*/
1380	/**
1381	* Colors
1382	*/
1383	/**
1384	* SCSS Variables.
1385	*
1386	* Please use variables from this sheet to ensure consistency across the UI.
1387	* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
1388	* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
1389	*/
1390	/**
1391	* Converts a hex value into the rgb equivalent.
1392	*
1393	* @param {string} hex - the hexadecimal value to convert
1394	* @return {string} comma separated rgb values
1395	*/
1396	/**
1397	* Colors
1398	*/
1399	/**
1400	* Fonts & basic variables.
1401	*/
1402	/**
1403	* Grid System.
1404	* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
1405	*/
1406	/**
1407	* Dimensions.
1408	*/
1409	/**
1410	* Shadows.
1411	*/
1412	/**
1413	* Editor widths.
1414	*/
1415	/**
1416	* Block & Editor UI.
1417	*/
1418	/**
1419	* Block paddings.
1420	*/
1421	/**
1422	* React Native specific.
1423	* These variables do not appear to be used anywhere else.
1424	*/
1425	/* stylelint-disable block-closing-brace-newline-after */
1426	/* stylelint-enable */
1427	@keyframes spinner__animation {
1428	0% {
1429	animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297);
1430	transform: rotate(0deg);
1431	}
1432	100% {
1433	transform: rotate(-360deg);
1434	}
1435	}
1436	@keyframes loading__animation {
1437	100% {
1438	transform: translateX(-100%);
1439	}
1440	}
1441	.wc-block-components-product-rating .wc-block-components-product-rating__container > * {
1442	vertical-align: middle;
1443	}
1444	.wc-block-components-product-rating .wc-block-components-product-rating__stars {
1445	display: inline-block;
1446	margin: 0;
1447	}
1448	/!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!\
1449	!* 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/atomic/blocks/product-elements/rating-stars/style.scss *!
1450	\***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
1451	/**
1452	* Converts a hex value into the rgb equivalent.
1453	*
1454	* @param {string} hex - the hexadecimal value to convert
1455	* @return {string} comma separated rgb values
1456	*/
1457	/**
1458	* Colors
1459	*/
1460	/**
1461	* SCSS Variables.
1462	*
1463	* Please use variables from this sheet to ensure consistency across the UI.
1464	* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
1465	* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
1466	*/
1467	/**
1468	* Converts a hex value into the rgb equivalent.
1469	*
1470	* @param {string} hex - the hexadecimal value to convert
1471	* @return {string} comma separated rgb values
1472	*/
1473	/**
1474	* Colors
1475	*/
1476	/**
1477	* Fonts & basic variables.
1478	*/
1479	/**
1480	* Grid System.
1481	* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
1482	*/
1483	/**
1484	* Dimensions.
1485	*/
1486	/**
1487	* Shadows.
1488	*/
1489	/**
1490	* Editor widths.
1491	*/
1492	/**
1493	* Block & Editor UI.
1494	*/
1495	/**
1496	* Block paddings.
1497	*/
1498	/**
1499	* React Native specific.
1500	* These variables do not appear to be used anywhere else.
1501	*/
1502	/* stylelint-disable block-closing-brace-newline-after */
1503	/* stylelint-enable */
1504	@keyframes spinner__animation {
1505	0% {
1506	animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297);
1507	transform: rotate(0deg);
1508	}
1509	100% {
1510	transform: rotate(-360deg);
1511	}
1512	}
1513	@keyframes loading__animation {
1514	100% {
1515	transform: translateX(-100%);
1516	}
1517	}
1518	.wc-block-components-product-rating-stars {
1519	display: block;
1520	line-height: 1;
1521	}
1522	.wc-block-components-product-rating-stars__stars {
1523	display: inline-block;
1524	overflow: hidden;
1525	position: relative;
1526	width: 5.3em;
1527	height: 1.618em;
1528	line-height: 1.618;
1529	font-size: 1em;
1530	/* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
1531	font-family: star;
1532	font-weight: 400;
1533	text-align: right;
1534	}
1535	.wc-block-components-product-rating-stars__stars::before {
1536	content: "SSSSS";
1537	top: 0;
1538	right: 0;
1539	left: 0;
1540	position: absolute;
1541	opacity: 0.5;
1542	color: inherit;
1543	white-space: nowrap;
1544	}
1545	.wc-block-components-product-rating-stars__stars span {
1546	overflow: hidden;
1547	top: 0;
1548	right: 0;
1549	left: 0;
1550	position: absolute;
1551	color: inherit;
1552	padding-top: 1.5em;
1553	}
1554	.wc-block-components-product-rating-stars__stars span::before {
1555	content: "SSSSS";
1556	top: 0;
1557	right: 0;
1558	left: 0;
1559	position: absolute;
1560	color: inherit;
1561	white-space: nowrap;
1562	}
1563	.wc-block-components-product-rating-stars__link {
1564	display: inline-block;
1565	height: 1.618em;
1566	width: 100%;
1567	text-align: inherit;
1568	font-size: 0.875em;
1569	}
1570	.wc-block-all-products .wc-block-components-product-rating-stars {
1571	margin-top: 0;
1572	margin-bottom: 12px;
1573	}
1574	.wc-block-components-product-rating-stars__norating-container {
1575	display: inline-flex;
1576	flex-direction: row;
1577	align-items: center;
1578	gap: 8px;
1579	}
1580	.wc-block-components-product-rating-stars__norating {
1581	display: inline-block;
1582	overflow: hidden;
1583	position: relative;
1584	width: 1.5em;
1585	height: 1.618em;
1586	line-height: 1.618;
1587	font-size: 1em;
1588	/* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
1589	font-family: star;
1590	font-weight: 400;
1591	-webkit-text-stroke: 2px var(--wp--preset--color--black, #000);
1592	}
1593	.wc-block-components-product-rating-stars__norating::before {
1594	content: "S";
1595	top: 0;
1596	right: 0;
1597	left: 0;
1598	position: absolute;
1599	color: transparent;
1600	white-space: nowrap;
1601	text-align: center;
1602	}
1603
1604	.wp-block-woocommerce-single-product .wc-block-components-product-rating__stars {
1605	margin: 0;
1606	}
1607
1608	.wc-block-all-products .is-loading .wc-block-components-product-rating,
1609	.wp-block-query .is-loading .wc-block-components-product-rating {
1610	outline: 0 !important;
1611	border: 0 !important;
1612	background-color: currentColor !important;
1613	color: currentColor !important;
1614	width: 100%;
1615	border-radius: 0.25rem;
1616	display: block;
1617	line-height: 1;
1618	position: relative !important;
1619	overflow: hidden !important;
1620	max-width: 100% !important;
1621	pointer-events: none;
1622	box-shadow: none;
1623	z-index: 1; /* Necessary for overflow: hidden to work correctly in Safari */
1624	opacity: 0.15;
1625	width: 7em;
1626	}
1627	.wc-block-all-products .is-loading .wc-block-components-product-rating > *,
1628	.wp-block-query .is-loading .wc-block-components-product-rating > * {
1629	visibility: hidden;
1630	}
1631	.wc-block-all-products .is-loading .wc-block-components-product-rating::after,
1632	.wp-block-query .is-loading .wc-block-components-product-rating::after {
1633	content: " ";
1634	display: block;
1635	position: absolute;
1636	right: 0;
1637	left: 0;
1638	top: 0;
1639	height: 100%;
1640	background-repeat: no-repeat;
1641	background-image: linear-gradient(-90deg, currentColor, rgba(245, 245, 245, 0.3019607843), currentColor);
1642	transform: translateX(100%);
1643	animation: loading__animation 1.5s ease-in-out infinite;
1644	}
1645	@media screen and (prefers-reduced-motion: reduce) {
1646	.wc-block-all-products .is-loading .wc-block-components-product-rating,
1647	.wp-block-query .is-loading .wc-block-components-product-rating {
1648	animation: none;
1649	}
1650	}
1651	/!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!\
1652	!* 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/atomic/blocks/product-elements/button/style.scss *!
1653	\*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
1654	/**
1655	* Converts a hex value into the rgb equivalent.
1656	*
1657	* @param {string} hex - the hexadecimal value to convert
1658	* @return {string} comma separated rgb values
1659	*/
1660	/**
1661	* Colors
1662	*/
1663	/**
1664	* SCSS Variables.
1665	*
1666	* Please use variables from this sheet to ensure consistency across the UI.
1667	* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
1668	* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
1669	*/
1670	/**
1671	* Converts a hex value into the rgb equivalent.
1672	*
1673	* @param {string} hex - the hexadecimal value to convert
1674	* @return {string} comma separated rgb values
1675	*/
1676	/**
1677	* Colors
1678	*/
1679	/**
1680	* Fonts & basic variables.
1681	*/
1682	/**
1683	* Grid System.
1684	* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
1685	*/
1686	/**
1687	* Dimensions.
1688	*/
1689	/**
1690	* Shadows.
1691	*/
1692	/**
1693	* Editor widths.
1694	*/
1695	/**
1696	* Block & Editor UI.
1697	*/
1698	/**
1699	* Block paddings.
1700	*/
1701	/**
1702	* React Native specific.
1703	* These variables do not appear to be used anywhere else.
1704	*/
1705	/* stylelint-disable block-closing-brace-newline-after */
1706	/* stylelint-enable */
1707	@keyframes spinner__animation {
1708	0% {
1709	animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297);
1710	transform: rotate(0deg);
1711	}
1712	100% {
1713	transform: rotate(-360deg);
1714	}
1715	}
1716	@keyframes loading__animation {
1717	100% {
1718	transform: translateX(-100%);
1719	}
1720	}
1721	.wp-block-button.wc-block-components-product-button {
1722	word-break: break-word;
1723	white-space: normal;
1724	display: flex;
1725	justify-content: center;
1726	flex-direction: column;
1727	align-items: center;
1728	gap: 12px;
1729	}
1730	.wp-block-button.wc-block-components-product-button .wp-block-button__link {
1731	word-break: break-word;
1732	white-space: normal;
1733	display: inline-flex;
1734	justify-content: center;
1735	text-align: center;
1736	font-size: 1em;
1737	}
1738	.wp-block-button.wc-block-components-product-button .wp-block-button__link.loading {
1739	opacity: 0.25;
1740	}
1741	.wp-block-button.wc-block-components-product-button .wp-block-button__link.loading::after {
1742	font-family: WooCommerce; /* stylelint-disable-line */
1743	content: "\e031";
1744	animation: spin 2s linear infinite;
1745	margin-left: 0;
1746	margin-right: 0.5em;
1747	display: inline-block;
1748	width: auto;
1749	height: auto;
1750	}
1751	.wp-block-button.wc-block-components-product-button a[hidden] {
1752	display: none;
1753	}
1754	@keyframes slideOut {
1755	from {
1756	transform: translateY(0);
1757	}
1758	to {
1759	transform: translateY(-100%);
1760	}
1761	}
1762	@keyframes slideIn {
1763	from {
1764	transform: translateY(90%);
1765	opacity: 0;
1766	}
1767	to {
1768	transform: translate(0);
1769	opacity: 1;
1770	}
1771	}
1772	.wp-block-button.wc-block-components-product-button.align-left {
1773	align-items: flex-start;
1774	}
1775	.wp-block-button.wc-block-components-product-button.align-right {
1776	align-items: flex-end;
1777	}
1778	.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button {
1779	border-style: none;
1780	display: inline-flex;
1781	justify-content: center;
1782	white-space: normal;
1783	word-break: break-word;
1784	overflow: hidden;
1785	align-items: center;
1786	line-height: inherit;
1787	}
1788	.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button span.wc-block-slide-out {
1789	animation: slideOut 0.1s linear 1 normal forwards;
1790	}
1791	.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button span.wc-block-slide-in {
1792	animation: slideIn 0.1s linear 1 normal;
1793	}
1794	.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button--placeholder {
1795	outline: 0 !important;
1796	border: 0 !important;
1797	background-color: currentColor !important;
1798	color: currentColor !important;
1799	width: 100%;
1800	border-radius: 0.25rem;
1801	display: block;
1802	line-height: 1;
1803	position: relative !important;
1804	overflow: hidden !important;
1805	max-width: 100% !important;
1806	pointer-events: none;
1807	box-shadow: none;
1808	z-index: 1; /* Necessary for overflow: hidden to work correctly in Safari */
1809	opacity: 0.15;
1810	min-width: 8em;
1811	min-height: 3em;
1812	}
1813	.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button--placeholder > * {
1814	visibility: hidden;
1815	}
1816	.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button--placeholder::after {
1817	content: " ";
1818	display: block;
1819	position: absolute;
1820	right: 0;
1821	left: 0;
1822	top: 0;
1823	height: 100%;
1824	background-repeat: no-repeat;
1825	background-image: linear-gradient(-90deg, currentColor, rgba(245, 245, 245, 0.3019607843), currentColor);
1826	transform: translateX(100%);
1827	animation: loading__animation 1.5s ease-in-out infinite;
1828	}
1829	@media screen and (prefers-reduced-motion: reduce) {
1830	.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button--placeholder {
1831	animation: none;
1832	}
1833	}
1834	.wc-block-all-products .wp-block-button.wc-block-components-product-button {
1835	margin-bottom: 12px;
1836	}
1837
1838	.is-loading .wc-block-components-product-button > .wc-block-components-product-button__button {
1839	outline: 0 !important;
1840	border: 0 !important;
1841	background-color: currentColor !important;
1842	color: currentColor !important;
1843	width: 100%;
1844	border-radius: 0.25rem;
1845	display: block;
1846	line-height: 1;
1847	position: relative !important;
1848	overflow: hidden !important;
1849	max-width: 100% !important;
1850	pointer-events: none;
1851	box-shadow: none;
1852	z-index: 1; /* Necessary for overflow: hidden to work correctly in Safari */
1853	opacity: 0.15;
1854	min-width: 8em;
1855	min-height: 3em;
1856	}
1857	.is-loading .wc-block-components-product-button > .wc-block-components-product-button__button > * {
1858	visibility: hidden;
1859	}
1860	.is-loading .wc-block-components-product-button > .wc-block-components-product-button__button::after {
1861	content: " ";
1862	display: block;
1863	position: absolute;
1864	right: 0;
1865	left: 0;
1866	top: 0;
1867	height: 100%;
1868	background-repeat: no-repeat;
1869	background-image: linear-gradient(-90deg, currentColor, rgba(245, 245, 245, 0.3019607843), currentColor);
1870	transform: translateX(100%);
1871	animation: loading__animation 1.5s ease-in-out infinite;
1872	}
1873	@media screen and (prefers-reduced-motion: reduce) {
1874	.is-loading .wc-block-components-product-button > .wc-block-components-product-button__button {
1875	animation: none;
1876	}
1877	}
1878
1879	.theme-twentytwentyone .editor-styles-wrapper .wc-block-components-product-button .wp-block-button__link {
1880	background-color: var(--button--color-background);
1881	color: var(--button--color-text);
1882	border-color: var(--button--color-background);
1883	}
1884
1885	.wp-block-button.is-style-outline .wp-block-button__link {
1886	border: 2px solid currentColor;
1887	}
1888	.wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color) {
1889	color: currentColor;
1890	}
1891	.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background) {
1892	background-color: transparent;
1893	background-image: none;
1894	}
1895
1896	.wp-block-button.has-custom-width .wp-block-button__link {
1897	box-sizing: border-box;
1898	}
1899	.wp-block-button.wp-block-button__width-25 .wp-block-button__link {
1900	width: 25%;
1901	}
1902	.wp-block-button.wp-block-button__width-50 .wp-block-button__link {
1903	width: 50%;
1904	}
1905	.wp-block-button.wp-block-button__width-75 .wp-block-button__link {
1906	width: 75%;
1907	}
1908	.wp-block-button.wp-block-button__width-100 .wp-block-button__link {
1909	width: 100%;
1910	}
1911	/!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!\
1912	!* 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/atomic/blocks/product-elements/summary/style.scss *!
1913	\**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
1914	/**
1915	* Converts a hex value into the rgb equivalent.
1916	*
1917	* @param {string} hex - the hexadecimal value to convert
1918	* @return {string} comma separated rgb values
1919	*/
1920	/**
1921	* Colors
1922	*/
1923	/**
1924	* SCSS Variables.
1925	*
1926	* Please use variables from this sheet to ensure consistency across the UI.
1927	* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
1928	* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
1929	*/
1930	/**
1931	* Converts a hex value into the rgb equivalent.
1932	*
1933	* @param {string} hex - the hexadecimal value to convert
1934	* @return {string} comma separated rgb values
1935	*/
1936	/**
1937	* Colors
1938	*/
1939	/**
1940	* Fonts & basic variables.
1941	*/
1942	/**
1943	* Grid System.
1944	* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
1945	*/
1946	/**
1947	* Dimensions.
1948	*/
1949	/**
1950	* Shadows.
1951	*/
1952	/**
1953	* Editor widths.
1954	*/
1955	/**
1956	* Block & Editor UI.
1957	*/
1958	/**
1959	* Block paddings.
1960	*/
1961	/**
1962	* React Native specific.
1963	* These variables do not appear to be used anywhere else.
1964	*/
1965	/* stylelint-disable block-closing-brace-newline-after */
1966	/* stylelint-enable */
1967	@keyframes spinner__animation {
1968	0% {
1969	animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297);
1970	transform: rotate(0deg);
1971	}
1972	100% {
1973	transform: rotate(-360deg);
1974	}
1975	}
1976	@keyframes loading__animation {
1977	100% {
1978	transform: translateX(-100%);
1979	}
1980	}
1981	.wc-block-components-product-summary {
1982	margin-top: 0;
1983	margin-bottom: 12px;
1984	}
1985
1986	.is-loading .wc-block-components-product-summary::before {
1987	outline: 0 !important;
1988	border: 0 !important;
1989	background-color: currentColor !important;
1990	color: currentColor !important;
1991	width: 100%;
1992	border-radius: 0.25rem;
1993	display: block;
1994	line-height: 1;
1995	position: relative !important;
1996	overflow: hidden !important;
1997	max-width: 100% !important;
1998	pointer-events: none;
1999	box-shadow: none;
2000	z-index: 1; /* Necessary for overflow: hidden to work correctly in Safari */
2001	opacity: 0.15;
2002	content: ".";
2003	display: block;
2004	width: 100%;
2005	height: 6em;
2006	}
2007	.is-loading .wc-block-components-product-summary::before > * {
2008	visibility: hidden;
2009	}
2010	.is-loading .wc-block-components-product-summary::before::after {
2011	content: " ";
2012	display: block;
2013	position: absolute;
2014	right: 0;
2015	left: 0;
2016	top: 0;
2017	height: 100%;
2018	background-repeat: no-repeat;
2019	background-image: linear-gradient(-90deg, currentColor, rgba(245, 245, 245, 0.3019607843), currentColor);
2020	transform: translateX(100%);
2021	animation: loading__animation 1.5s ease-in-out infinite;
2022	}
2023	@media screen and (prefers-reduced-motion: reduce) {
2024	.is-loading .wc-block-components-product-summary::before {
2025	animation: none;
2026	}
2027	}
2028	/!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!\
2029	!* 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/atomic/blocks/product-elements/sku/style.scss *!
2030	\******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
2031	/**
2032	* Converts a hex value into the rgb equivalent.
2033	*
2034	* @param {string} hex - the hexadecimal value to convert
2035	* @return {string} comma separated rgb values
2036	*/
2037	/**
2038	* Colors
2039	*/
2040	/**
2041	* SCSS Variables.
2042	*
2043	* Please use variables from this sheet to ensure consistency across the UI.
2044	* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
2045	* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
2046	*/
2047	/**
2048	* Converts a hex value into the rgb equivalent.
2049	*
2050	* @param {string} hex - the hexadecimal value to convert
2051	* @return {string} comma separated rgb values
2052	*/
2053	/**
2054	* Colors
2055	*/
2056	/**
2057	* Fonts & basic variables.
2058	*/
2059	/**
2060	* Grid System.
2061	* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
2062	*/
2063	/**
2064	* Dimensions.
2065	*/
2066	/**
2067	* Shadows.
2068	*/
2069	/**
2070	* Editor widths.
2071	*/
2072	/**
2073	* Block & Editor UI.
2074	*/
2075	/**
2076	* Block paddings.
2077	*/
2078	/**
2079	* React Native specific.
2080	* These variables do not appear to be used anywhere else.
2081	*/
2082	/* stylelint-disable block-closing-brace-newline-after */
2083	/* stylelint-enable */
2084	@keyframes spinner__animation {
2085	0% {
2086	animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297);
2087	transform: rotate(0deg);
2088	}
2089	100% {
2090	transform: rotate(-360deg);
2091	}
2092	}
2093	@keyframes loading__animation {
2094	100% {
2095	transform: translateX(-100%);
2096	}
2097	}
2098	.wc-block-components-product-sku {
2099	display: block;
2100	text-transform: uppercase;
2101	font-size: 0.875em;
2102	overflow-wrap: break-word;
2103	}
2104	/!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!\
2105	!* 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/atomic/blocks/product-elements/stock-indicator/style.scss *!
2106	\******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
2107	/**
2108	* Converts a hex value into the rgb equivalent.
2109	*
2110	* @param {string} hex - the hexadecimal value to convert
2111	* @return {string} comma separated rgb values
2112	*/
2113	/**
2114	* Colors
2115	*/
2116	/**
2117	* SCSS Variables.
2118	*
2119	* Please use variables from this sheet to ensure consistency across the UI.
2120	* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
2121	* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
2122	*/
2123	/**
2124	* Converts a hex value into the rgb equivalent.
2125	*
2126	* @param {string} hex - the hexadecimal value to convert
2127	* @return {string} comma separated rgb values
2128	*/
2129	/**
2130	* Colors
2131	*/
2132	/**
2133	* Fonts & basic variables.
2134	*/
2135	/**
2136	* Grid System.
2137	* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
2138	*/
2139	/**
2140	* Dimensions.
2141	*/
2142	/**
2143	* Shadows.
2144	*/
2145	/**
2146	* Editor widths.
2147	*/
2148	/**
2149	* Block & Editor UI.
2150	*/
2151	/**
2152	* Block paddings.
2153	*/
2154	/**
2155	* React Native specific.
2156	* These variables do not appear to be used anywhere else.
2157	*/
2158	/* stylelint-disable block-closing-brace-newline-after */
2159	/* stylelint-enable */
2160	@keyframes spinner__animation {
2161	0% {
2162	animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297);
2163	transform: rotate(0deg);
2164	}
2165	100% {
2166	transform: rotate(-360deg);
2167	}
2168	}
2169	@keyframes loading__animation {
2170	100% {
2171	transform: translateX(-100%);
2172	}
2173	}
2174	.wc-block-components-product-stock-indicator {
2175	margin-top: 0;
2176	margin-bottom: 0.75em;
2177	display: block;
2178	font-size: 0.875em;
2179	}
2180	/!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!\
2181	!* 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/atomic/blocks/product-elements/add-to-cart/style.scss *!
2182	\**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
2183	/**
2184	* Converts a hex value into the rgb equivalent.
2185	*
2186	* @param {string} hex - the hexadecimal value to convert
2187	* @return {string} comma separated rgb values
2188	*/
2189	/**
2190	* Colors
2191	*/
2192	/**
2193	* SCSS Variables.
2194	*
2195	* Please use variables from this sheet to ensure consistency across the UI.
2196	* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
2197	* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
2198	*/
2199	/**
2200	* Converts a hex value into the rgb equivalent.
2201	*
2202	* @param {string} hex - the hexadecimal value to convert
2203	* @return {string} comma separated rgb values
2204	*/
2205	/**
2206	* Colors
2207	*/
2208	/**
2209	* Fonts & basic variables.
2210	*/
2211	/**
2212	* Grid System.
2213	* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
2214	*/
2215	/**
2216	* Dimensions.
2217	*/
2218	/**
2219	* Shadows.
2220	*/
2221	/**
2222	* Editor widths.
2223	*/
2224	/**
2225	* Block & Editor UI.
2226	*/
2227	/**
2228	* Block paddings.
2229	*/
2230	/**
2231	* React Native specific.
2232	* These variables do not appear to be used anywhere else.
2233	*/
2234	/* stylelint-disable block-closing-brace-newline-after */
2235	/* stylelint-enable */
2236	@keyframes spinner__animation {
2237	0% {
2238	animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297);
2239	transform: rotate(0deg);
2240	}
2241	100% {
2242	transform: rotate(-360deg);
2243	}
2244	}
2245	@keyframes loading__animation {
2246	100% {
2247	transform: translateX(-100%);
2248	}
2249	}
2250	.wc-block-components-product-add-to-cart {
2251	margin: 0;
2252	display: flex;
2253	flex-wrap: wrap;
2254	}
2255	.wc-block-components-product-add-to-cart .wc-block-components-product-add-to-cart-button {
2256	margin: 0 0 0.75em 0;
2257	}
2258	.wc-block-components-product-add-to-cart .wc-block-components-product-add-to-cart-button .wc-block-components-button__text {
2259	display: block;
2260	}
2261	.wc-block-components-product-add-to-cart .wc-block-components-product-add-to-cart-button .wc-block-components-button__text > svg {
2262	fill: currentColor;
2263	vertical-align: top;
2264	width: 1.5em;
2265	height: 1.5em;
2266	margin: -0.25em 0.5em -0.25em 0;
2267	}
2268	.wc-block-components-product-add-to-cart .wc-block-components-product-add-to-cart-quantity {
2269	margin: 0 0 0.75em 1em;
2270	flex-basis: 5em;
2271	padding: 0.618em;
2272	background: #fff;
2273	border: 1px solid #ccc;
2274	border-radius: 4px;
2275	color: #43454b;
2276	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.125);
2277	text-align: center;
2278	}
2279
2280	.is-loading .wc-block-components-product-add-to-cart .wc-block-components-product-add-to-cart-quantity,
2281	.is-loading .wc-block-components-product-add-to-cart .wc-block-components-product-add-to-cart-button,
2282	.wc-block-components-product-add-to-cart--placeholder .wc-block-components-product-add-to-cart-quantity,
2283	.wc-block-components-product-add-to-cart--placeholder .wc-block-components-product-add-to-cart-button {
2284	outline: 0 !important;
2285	border: 0 !important;
2286	background-color: currentColor !important;
2287	color: currentColor !important;
2288	width: 100%;
2289	border-radius: 0.25rem;
2290	display: block;
2291	line-height: 1;
2292	position: relative !important;
2293	overflow: hidden !important;
2294	max-width: 100% !important;
2295	pointer-events: none;
2296	box-shadow: none;
2297	z-index: 1; /* Necessary for overflow: hidden to work correctly in Safari */
2298	opacity: 0.15;
2299	}
2300	.is-loading .wc-block-components-product-add-to-cart .wc-block-components-product-add-to-cart-quantity > *,
2301	.is-loading .wc-block-components-product-add-to-cart .wc-block-components-product-add-to-cart-button > *,
2302	.wc-block-components-product-add-to-cart--placeholder .wc-block-components-product-add-to-cart-quantity > *,
2303	.wc-block-components-product-add-to-cart--placeholder .wc-block-components-product-add-to-cart-button > * {
2304	visibility: hidden;
2305	}
2306	.is-loading .wc-block-components-product-add-to-cart .wc-block-components-product-add-to-cart-quantity::after,
2307	.is-loading .wc-block-components-product-add-to-cart .wc-block-components-product-add-to-cart-button::after,
2308	.wc-block-components-product-add-to-cart--placeholder .wc-block-components-product-add-to-cart-quantity::after,
2309	.wc-block-components-product-add-to-cart--placeholder .wc-block-components-product-add-to-cart-button::after {
2310	content: " ";
2311	display: block;
2312	position: absolute;
2313	right: 0;
2314	left: 0;
2315	top: 0;
2316	height: 100%;
2317	background-repeat: no-repeat;
2318	background-image: linear-gradient(-90deg, currentColor, rgba(245, 245, 245, 0.3019607843), currentColor);
2319	transform: translateX(100%);
2320	animation: loading__animation 1.5s ease-in-out infinite;
2321	}
2322	@media screen and (prefers-reduced-motion: reduce) {
2323	.is-loading .wc-block-components-product-add-to-cart .wc-block-components-product-add-to-cart-quantity,
2324	.is-loading .wc-block-components-product-add-to-cart .wc-block-components-product-add-to-cart-button,
2325	.wc-block-components-product-add-to-cart--placeholder .wc-block-components-product-add-to-cart-quantity,
2326	.wc-block-components-product-add-to-cart--placeholder .wc-block-components-product-add-to-cart-button {
2327	animation: none;
2328	}
2329	}
2330
2331	.wc-block-grid .wc-block-components-product-add-to-cart {
2332	justify-content: center;
2333	}
2334
2335	.wc-block-components-product-add-to-cart-notice {
2336	margin: 0;
2337	}
2338	/!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!\
2339	!* 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/button/style.scss *!
2340	\******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
2341	/**
2342	* Converts a hex value into the rgb equivalent.
2343	*
2344	* @param {string} hex - the hexadecimal value to convert
2345	* @return {string} comma separated rgb values
2346	*/
2347	/**
2348	* Colors
2349	*/
2350	/**
2351	* SCSS Variables.
2352	*
2353	* Please use variables from this sheet to ensure consistency across the UI.
2354	* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
2355	* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
2356	*/
2357	/**
2358	* Converts a hex value into the rgb equivalent.
2359	*
2360	* @param {string} hex - the hexadecimal value to convert
2361	* @return {string} comma separated rgb values
2362	*/
2363	/**
2364	* Colors
2365	*/
2366	/**
2367	* Fonts & basic variables.
2368	*/
2369	/**
2370	* Grid System.
2371	* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
2372	*/
2373	/**
2374	* Dimensions.
2375	*/
2376	/**
2377	* Shadows.
2378	*/
2379	/**
2380	* Editor widths.
2381	*/
2382	/**
2383	* Block & Editor UI.
2384	*/
2385	/**
2386	* Block paddings.
2387	*/
2388	/**
2389	* React Native specific.
2390	* These variables do not appear to be used anywhere else.
2391	*/
2392	/* stylelint-disable block-closing-brace-newline-after */
2393	/* stylelint-enable */
2394	@keyframes spinner__animation {
2395	0% {
2396	animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297);
2397	transform: rotate(0deg);
2398	}
2399	100% {
2400	transform: rotate(-360deg);
2401	}
2402	}
2403	@keyframes loading__animation {
2404	100% {
2405	transform: translateX(-100%);
2406	}
2407	}
2408	.wc-block-components-button:not(.is-link) {
2409	align-items: center;
2410	display: inline-flex;
2411	height: auto;
2412	justify-content: center;
2413	text-align: center;
2414	position: relative;
2415	transition: box-shadow 0.1s linear;
2416	}
2417	.wc-block-components-button:not(.is-link):focus {
2418	box-shadow: 0 0 0 2px #0675c4;
2419	box-shadow: inset 0 0 0 1px #fff, 0 0 0 2px #0675c4;
2420	outline: 3px solid transparent;
2421	}
2422	.wc-block-components-button:not(.is-link) .wc-block-components-button__text {
2423	display: block;
2424	}
2425	.wc-block-components-button:not(.is-link) .wc-block-components-button__text > svg {
2426	fill: currentColor;
2427	}
2428	.wc-block-components-button:not(.is-link) .wc-block-components-spinner + .wc-block-components-button__text {
2429	visibility: hidden;
2430	}
2431	.wc-block-components-button:not(.is-link).text {
2432	color: #1e1e1e;
2433	}
2434	.wc-block-components-button:not(.is-link).text:hover {
2435	opacity: 0.9;
2436	}
2437	.wc-block-components-button:not(.is-link).outlined {
2438	background: transparent;
2439	color: currentColor;
2440	}
2441	.wc-block-components-button:not(.is-link).outlined:not(:focus) {
2442	box-shadow: inset 0 0 0 1px currentColor;
2443	}
2444	.wc-block-components-button:not(.is-link).outlined:disabled, .wc-block-components-button:not(.is-link).outlined:hover, .wc-block-components-button:not(.is-link).outlined:focus, .wc-block-components-button:not(.is-link).outlined:active {
2445	background-color: #1e1e1e;
2446	color: #fff;
2447	}
2448	.wc-block-components-button:not(.is-link).outlined:hover {
2449	background-color: #1e1e1e;
2450	color: #fff;
2451	opacity: 1;
2452	}
2453
2454	body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link) {
2455	min-height: 3em;
2456	}
2457	body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link):focus {
2458	box-shadow: 0 0 0 2px #0675c4;
2459	box-shadow: inset 0 0 0 1px #fff, 0 0 0 2px #0675c4;
2460	outline: 3px solid transparent;
2461	}
2462	body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link).text {
2463	color: #1e1e1e;
2464	}
2465	body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link).text:hover {
2466	opacity: 0.9;
2467	}
2468	/!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!\
2469	!* 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]!./packages/components/spinner/style.scss *!
2470	\*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
2471	/**
2472	* Converts a hex value into the rgb equivalent.
2473	*
2474	* @param {string} hex - the hexadecimal value to convert
2475	* @return {string} comma separated rgb values
2476	*/
2477	/**
2478	* Colors
2479	*/
2480	/**
2481	* SCSS Variables.
2482	*
2483	* Please use variables from this sheet to ensure consistency across the UI.
2484	* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
2485	* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
2486	*/
2487	/**
2488	* Converts a hex value into the rgb equivalent.
2489	*
2490	* @param {string} hex - the hexadecimal value to convert
2491	* @return {string} comma separated rgb values
2492	*/
2493	/**
2494	* Colors
2495	*/
2496	/**
2497	* Fonts & basic variables.
2498	*/
2499	/**
2500	* Grid System.
2501	* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
2502	*/
2503	/**
2504	* Dimensions.
2505	*/
2506	/**
2507	* Shadows.
2508	*/
2509	/**
2510	* Editor widths.
2511	*/
2512	/**
2513	* Block & Editor UI.
2514	*/
2515	/**
2516	* Block paddings.
2517	*/
2518	/**
2519	* React Native specific.
2520	* These variables do not appear to be used anywhere else.
2521	*/
2522	/* stylelint-disable block-closing-brace-newline-after */
2523	/* stylelint-enable */
2524	@keyframes spinner__animation {
2525	0% {
2526	animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297);
2527	transform: rotate(0deg);
2528	}
2529	100% {
2530	transform: rotate(-360deg);
2531	}
2532	}
2533	@keyframes loading__animation {
2534	100% {
2535	transform: translateX(-100%);
2536	}
2537	}
2538	.wc-block-components-spinner {
2539	position: absolute;
2540	width: 100%;
2541	height: 100%;
2542	color: inherit;
2543	box-sizing: content-box;
2544	text-align: center;
2545	font-size: 1.25em;
2546	}
2547	.wc-block-components-spinner::after {
2548	content: " ";
2549	position: absolute;
2550	top: 50%;
2551	right: 50%;
2552	margin: -0.5em -0.5em 0 0;
2553	width: 1em;
2554	height: 1em;
2555	box-sizing: border-box;
2556	transform-origin: 50% 50%;
2557	transform: translateZ(0) scale(0.5);
2558	backface-visibility: hidden;
2559	border-radius: 50%;
2560	border: 0.2em solid currentColor;
2561	border-right-color: transparent;
2562	animation: spinner__animation 1s infinite linear;
2563	}
2564	/!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!\
2565	!* 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/atomic/blocks/product-elements/add-to-cart/product-types/variable/variation-attributes/style.scss *!
2566	\**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
2567	/**
2568	* Converts a hex value into the rgb equivalent.
2569	*
2570	* @param {string} hex - the hexadecimal value to convert
2571	* @return {string} comma separated rgb values
2572	*/
2573	/**
2574	* Colors
2575	*/
2576	/**
2577	* SCSS Variables.
2578	*
2579	* Please use variables from this sheet to ensure consistency across the UI.
2580	* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
2581	* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
2582	*/
2583	/**
2584	* Converts a hex value into the rgb equivalent.
2585	*
2586	* @param {string} hex - the hexadecimal value to convert
2587	* @return {string} comma separated rgb values
2588	*/
2589	/**
2590	* Colors
2591	*/
2592	/**
2593	* Fonts & basic variables.
2594	*/
2595	/**
2596	* Grid System.
2597	* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
2598	*/
2599	/**
2600	* Dimensions.
2601	*/
2602	/**
2603	* Shadows.
2604	*/
2605	/**
2606	* Editor widths.
2607	*/
2608	/**
2609	* Block & Editor UI.
2610	*/
2611	/**
2612	* Block paddings.
2613	*/
2614	/**
2615	* React Native specific.
2616	* These variables do not appear to be used anywhere else.
2617	*/
2618	/* stylelint-disable block-closing-brace-newline-after */
2619	/* stylelint-enable */
2620	@keyframes spinner__animation {
2621	0% {
2622	animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297);
2623	transform: rotate(0deg);
2624	}
2625	100% {
2626	transform: rotate(-360deg);
2627	}
2628	}
2629	@keyframes loading__animation {
2630	100% {
2631	transform: translateX(-100%);
2632	}
2633	}
2634	.wc-block-components-product-add-to-cart-attribute-picker {
2635	margin: 0;
2636	flex-basis: 100%;
2637	}
2638	.wc-block-components-product-add-to-cart-attribute-picker label {
2639	display: block;
2640	font-size: 1em;
2641	}
2642	.wc-block-components-product-add-to-cart-attribute-picker .wc-block-components-product-add-to-cart-attribute-picker__container {
2643	position: relative;
2644	}
2645	.wc-block-components-product-add-to-cart-attribute-picker .wc-block-components-product-add-to-cart-attribute-picker__select {
2646	margin: 0 0 0.75em 0;
2647	}
2648	.wc-block-components-product-add-to-cart-attribute-picker .wc-block-components-product-add-to-cart-attribute-picker__select select {
2649	min-width: 60%;
2650	min-height: 1.75em;
2651	}
2652	.wc-block-components-product-add-to-cart-attribute-picker .wc-block-components-product-add-to-cart-attribute-picker__select.has-error {
2653	margin-bottom: 24px;
2654	}
2655	.wc-block-components-product-add-to-cart-attribute-picker .wc-block-components-product-add-to-cart-attribute-picker__select.has-error select {
2656	border-color: #cc1818;
2657	}
2658	.wc-block-components-product-add-to-cart-attribute-picker .wc-block-components-product-add-to-cart-attribute-picker__select.has-error select:focus {
2659	outline-color: #cc1818;
2660	}
2661	/!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!\
2662	!* 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/skeleton/style.scss *!
2663	\********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
2664	/**
2665	* Converts a hex value into the rgb equivalent.
2666	*
2667	* @param {string} hex - the hexadecimal value to convert
2668	* @return {string} comma separated rgb values
2669	*/
2670	/**
2671	* Colors
2672	*/
2673	/**
2674	* SCSS Variables.
2675	*
2676	* Please use variables from this sheet to ensure consistency across the UI.
2677	* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
2678	* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
2679	*/
2680	/**
2681	* Converts a hex value into the rgb equivalent.
2682	*
2683	* @param {string} hex - the hexadecimal value to convert
2684	* @return {string} comma separated rgb values
2685	*/
2686	/**
2687	* Colors
2688	*/
2689	/**
2690	* Fonts & basic variables.
2691	*/
2692	/**
2693	* Grid System.
2694	* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
2695	*/
2696	/**
2697	* Dimensions.
2698	*/
2699	/**
2700	* Shadows.
2701	*/
2702	/**
2703	* Editor widths.
2704	*/
2705	/**
2706	* Block & Editor UI.
2707	*/
2708	/**
2709	* Block paddings.
2710	*/
2711	/**
2712	* React Native specific.
2713	* These variables do not appear to be used anywhere else.
2714	*/
2715	/* stylelint-disable block-closing-brace-newline-after */
2716	/* stylelint-enable */
2717	@keyframes spinner__animation {
2718	0% {
2719	animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297);
2720	transform: rotate(0deg);
2721	}
2722	100% {
2723	transform: rotate(-360deg);
2724	}
2725	}
2726	@keyframes loading__animation {
2727	100% {
2728	transform: translateX(-100%);
2729	}
2730	}
2731	.wc-block-components-skeleton {
2732	display: flex;
2733	flex-direction: column;
2734	gap: 1rem;
2735	width: 100%;
2736	}
2737
2738	.wc-block-components-skeleton-text-line {
2739	height: 0.85em;
2740	width: 100%;
2741	position: relative;
2742	background: rgba(17, 17, 17, 0.11);
2743	border-radius: 4px;
2744	}
2745	.wc-block-components-skeleton-text-line:last-child {
2746	width: 80%;
2747	}
2748	/!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!\
2749	!* 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/atomic/blocks/product-elements/add-to-cart-form/style.scss *!
2750	\*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
2751	/**
2752	* Converts a hex value into the rgb equivalent.
2753	*
2754	* @param {string} hex - the hexadecimal value to convert
2755	* @return {string} comma separated rgb values
2756	*/
2757	/**
2758	* Colors
2759	*/
2760	/**
2761	* SCSS Variables.
2762	*
2763	* Please use variables from this sheet to ensure consistency across the UI.
2764	* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
2765	* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
2766	*/
2767	/**
2768	* Converts a hex value into the rgb equivalent.
2769	*
2770	* @param {string} hex - the hexadecimal value to convert
2771	* @return {string} comma separated rgb values
2772	*/
2773	/**
2774	* Colors
2775	*/
2776	/**
2777	* Fonts & basic variables.
2778	*/
2779	/**
2780	* Grid System.
2781	* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
2782	*/
2783	/**
2784	* Dimensions.
2785	*/
2786	/**
2787	* Shadows.
2788	*/
2789	/**
2790	* Editor widths.
2791	*/
2792	/**
2793	* Block & Editor UI.
2794	*/
2795	/**
2796	* Block paddings.
2797	*/
2798	/**
2799	* React Native specific.
2800	* These variables do not appear to be used anywhere else.
2801	*/
2802	/* stylelint-disable block-closing-brace-newline-after */
2803	/* stylelint-enable */
2804	@keyframes spinner__animation {
2805	0% {
2806	animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297);
2807	transform: rotate(0deg);
2808	}
2809	100% {
2810	transform: rotate(-360deg);
2811	}
2812	}
2813	@keyframes loading__animation {
2814	100% {
2815	transform: translateX(-100%);
2816	}
2817	}
2818	.wc-block-add-to-cart-form {
2819	width: unset;
2820	/**
2821	* This is a base style for the input text element in WooCommerce that prevents inputs from appearing too small.
2822	*
2823	* @link https://github.com/woocommerce/woocommerce/blob/95ca53675f2817753d484583c96ca9ab9f725172/plugins/woocommerce/client/legacy/css/woocommerce-blocktheme.scss#L203-L206
2824	*/
2825	}
2826	.wc-block-add-to-cart-form .input-text {
2827	font-size: var(--wp--preset--font-size--small);
2828	padding: 0.9rem 1.1rem;
2829	}
2830	.wc-block-add-to-cart-form .quantity {
2831	display: inline-block;
2832	float: none;
2833	margin-left: 4px;
2834	vertical-align: middle;
2835	}
2836	.wc-block-add-to-cart-form .quantity .qty {
2837	margin-left: 0.5rem;
2838	width: 3.631em;
2839	text-align: center;
2840	}
2841	/!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!\
2842	!* 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/atomic/blocks/product-elements/product-image-gallery/style.scss *!
2843	\************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
2844	/**
2845	* Converts a hex value into the rgb equivalent.
2846	*
2847	* @param {string} hex - the hexadecimal value to convert
2848	* @return {string} comma separated rgb values
2849	*/
2850	/**
2851	* Colors
2852	*/
2853	/**
2854	* SCSS Variables.
2855	*
2856	* Please use variables from this sheet to ensure consistency across the UI.
2857	* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
2858	* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
2859	*/
2860	/**
2861	* Converts a hex value into the rgb equivalent.
2862	*
2863	* @param {string} hex - the hexadecimal value to convert
2864	* @return {string} comma separated rgb values
2865	*/
2866	/**
2867	* Colors
2868	*/
2869	/**
2870	* Fonts & basic variables.
2871	*/
2872	/**
2873	* Grid System.
2874	* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
2875	*/
2876	/**
2877	* Dimensions.
2878	*/
2879	/**
2880	* Shadows.
2881	*/
2882	/**
2883	* Editor widths.
2884	*/
2885	/**
2886	* Block & Editor UI.
2887	*/
2888	/**
2889	* Block paddings.
2890	*/
2891	/**
2892	* React Native specific.
2893	* These variables do not appear to be used anywhere else.
2894	*/
2895	/* stylelint-disable block-closing-brace-newline-after */
2896	/* stylelint-enable */
2897	@keyframes spinner__animation {
2898	0% {
2899	animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297);
2900	transform: rotate(0deg);
2901	}
2902	100% {
2903	transform: rotate(-360deg);
2904	}
2905	}
2906	@keyframes loading__animation {
2907	100% {
2908	transform: translateX(-100%);
2909	}
2910	}
2911	.woocommerce .wp-block-woocommerce-product-image-gallery {
2912	position: relative;
2913	clear: both;
2914	max-width: 512px;
2915	}
2916	.woocommerce .wp-block-woocommerce-product-image-gallery span.onsale {
2917	left: unset;
2918	z-index: 1;
2919	right: -1rem;
2920	}
2921
2922	.woocommerce .wp-block-woocommerce-product-image-gallery::after {
2923	clear: both;
2924	content: "";
2925	display: table;
2926	}
2927
2928	.woocommerce .wp-block-woocommerce-product-image-gallery .woocommerce-product-gallery.images {
2929	width: 100%;
2930	}
2931	/!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!\
2932	!* 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/atomic/blocks/product-elements/product-details/style.scss *!
2933	\******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
2934	/**
2935	* Converts a hex value into the rgb equivalent.
2936	*
2937	* @param {string} hex - the hexadecimal value to convert
2938	* @return {string} comma separated rgb values
2939	*/
2940	/**
2941	* Colors
2942	*/
2943	/**
2944	* SCSS Variables.
2945	*
2946	* Please use variables from this sheet to ensure consistency across the UI.
2947	* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
2948	* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
2949	*/
2950	/**
2951	* Converts a hex value into the rgb equivalent.
2952	*
2953	* @param {string} hex - the hexadecimal value to convert
2954	* @return {string} comma separated rgb values
2955	*/
2956	/**
2957	* Colors
2958	*/
2959	/**
2960	* Fonts & basic variables.
2961	*/
2962	/**
2963	* Grid System.
2964	* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
2965	*/
2966	/**
2967	* Dimensions.
2968	*/
2969	/**
2970	* Shadows.
2971	*/
2972	/**
2973	* Editor widths.
2974	*/
2975	/**
2976	* Block & Editor UI.
2977	*/
2978	/**
2979	* Block paddings.
2980	*/
2981	/**
2982	* React Native specific.
2983	* These variables do not appear to be used anywhere else.
2984	*/
2985	/* stylelint-disable block-closing-brace-newline-after */
2986	/* stylelint-enable */
2987	@keyframes spinner__animation {
2988	0% {
2989	animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297);
2990	transform: rotate(0deg);
2991	}
2992	100% {
2993	transform: rotate(-360deg);
2994	}
2995	}
2996	@keyframes loading__animation {
2997	100% {
2998	transform: translateX(-100%);
2999	}
3000	}
3001	.wp-block-woocommerce-product-details ul.wc-tabs {
3002	list-style: none;
3003	padding: 0 1em 0 0;
3004	margin: 0 0 1.618em;
3005	overflow: hidden;
3006	position: relative;
3007	border-bottom: 1px solid #e0e0e0;
3008	}
3009	.wp-block-woocommerce-product-details ul.wc-tabs li {
3010	border: 1px solid #e0e0e0;
3011	display: inline-block;
3012	position: relative;
3013	z-index: 0;
3014	border-radius: 4px 4px 0 0;
3015	margin: 0;
3016	padding: 0.5em 1em;
3017	}
3018	.wp-block-woocommerce-product-details ul.wc-tabs li a {
3019	display: inline-block;
3020	font-weight: 700;
3021	text-decoration: none;
3022	}
3023	.wp-block-woocommerce-product-details ul.wc-tabs li a:hover {
3024	text-decoration: none;
3025	}
3026	.wp-block-woocommerce-product-details ul.wc-tabs li.active {
3027	z-index: 2;
3028	}
3029	.wp-block-woocommerce-product-details ul.wc-tabs li.active a {
3030	text-shadow: inherit;
3031	}
3032	/!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!\
3033	!* 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/atomic/blocks/product-elements/product-reviews/style.scss *!
3034	\******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
3035	/**
3036	* Converts a hex value into the rgb equivalent.
3037	*
3038	* @param {string} hex - the hexadecimal value to convert
3039	* @return {string} comma separated rgb values
3040	*/
3041	/**
3042	* Colors
3043	*/
3044	/**
3045	* SCSS Variables.
3046	*
3047	* Please use variables from this sheet to ensure consistency across the UI.
3048	* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
3049	* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
3050	*/
3051	/**
3052	* Converts a hex value into the rgb equivalent.
3053	*
3054	* @param {string} hex - the hexadecimal value to convert
3055	* @return {string} comma separated rgb values
3056	*/
3057	/**
3058	* Colors
3059	*/
3060	/**
3061	* Fonts & basic variables.
3062	*/
3063	/**
3064	* Grid System.
3065	* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
3066	*/
3067	/**
3068	* Dimensions.
3069	*/
3070	/**
3071	* Shadows.
3072	*/
3073	/**
3074	* Editor widths.
3075	*/
3076	/**
3077	* Block & Editor UI.
3078	*/
3079	/**
3080	* Block paddings.
3081	*/
3082	/**
3083	* React Native specific.
3084	* These variables do not appear to be used anywhere else.
3085	*/
3086	/* stylelint-disable block-closing-brace-newline-after */
3087	/* stylelint-enable */
3088	@keyframes spinner__animation {
3089	0% {
3090	animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297);
3091	transform: rotate(0deg);
3092	}
3093	100% {
3094	transform: rotate(-360deg);
3095	}
3096	}
3097	@keyframes loading__animation {
3098	100% {
3099	transform: translateX(-100%);
3100	}
3101	}
3102	.wp-block-woocommerce-product-reviews img {
3103	max-width: 600px;
3104	}
3105	.wp-block-woocommerce-product-reviews .submit {
3106	margin-top: 2rem;
3107	}
3108
3109	.wp-block-woocommerce-product-reviews__editor__row {
3110	align-items: center;
3111	display: flex;
3112	gap: 2rem;
3113	}
3114	.wp-block-woocommerce-product-reviews__editor__row > span {
3115	flex-basis: 20%;
3116	}
3117	.wp-block-woocommerce-product-reviews__editor__row textarea,
3118	.wp-block-woocommerce-product-reviews__editor__row .wp-block-woocommerce-product-reviews__editor__stars {
3119	flex-grow: 1;
3120	margin-left: 1rem;
3121	}
3122	.wp-block-woocommerce-product-reviews__editor__row textarea {
3123	flex-grow: 1;
3124	height: 8rem;
3125	}
3126
3127	.wp-block-woocommerce-product-reviews__editor__stars {
3128	display: inline-block;
3129	overflow: hidden;
3130	position: relative;
3131	width: 5.3em;
3132	height: 1.618em;
3133	line-height: 1.618;
3134	font-size: 1em;
3135	/* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
3136	font-family: star;
3137	font-weight: 400;
3138	}
3139	.wp-block-woocommerce-product-reviews__editor__stars::before {
3140	color: inherit;
3141	content: "SSSSS";
3142	position: absolute;
3143	right: 0;
3144	left: 0;
3145	top: 0;
3146	white-space: nowrap;
3147	}
3148