mini-cart-contents.css — WooCommerce 8.5.0-beta.1

woocommerce / assets / client / blocks / mini-cart-contents.css

woocommerce / assets / client / blocks Last commit date

mini-cart-contents.css

1469 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/button/style.scss *!
3	\******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
4	/**
5	* Converts a hex value into the rgb equivalent.
6	*
7	* @param {string} hex - the hexadecimal value to convert
8	* @return {string} comma separated rgb values
9	*/
10	/**
11	* Colors
12	*/
13	/**
14	* SCSS Variables.
15	*
16	* Please use variables from this sheet to ensure consistency across the UI.
17	* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
18	* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
19	*/
20	/**
21	* Converts a hex value into the rgb equivalent.
22	*
23	* @param {string} hex - the hexadecimal value to convert
24	* @return {string} comma separated rgb values
25	*/
26	/**
27	* Colors
28	*/
29	/**
30	* Fonts & basic variables.
31	*/
32	/**
33	* Grid System.
34	* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
35	*/
36	/**
37	* Dimensions.
38	*/
39	/**
40	* Shadows.
41	*/
42	/**
43	* Editor widths.
44	*/
45	/**
46	* Block & Editor UI.
47	*/
48	/**
49	* Block paddings.
50	*/
51	/**
52	* React Native specific.
53	* These variables do not appear to be used anywhere else.
54	*/
55	/* stylelint-disable block-closing-brace-newline-after */
56	/* stylelint-enable */
57	@keyframes spinner__animation {
58	0% {
59	animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297);
60	transform: rotate(0deg);
61	}
62	100% {
63	transform: rotate(360deg);
64	}
65	}
66	@keyframes loading__animation {
67	100% {
68	transform: translateX(100%);
69	}
70	}
71	.wc-block-components-button:not(.is-link) {
72	align-items: center;
73	display: inline-flex;
74	height: auto;
75	justify-content: center;
76	text-align: center;
77	position: relative;
78	transition: box-shadow 0.1s linear;
79	}
80	.wc-block-components-button:not(.is-link):focus {
81	box-shadow: 0 0 0 2px #0675c4;
82	box-shadow: inset 0 0 0 1px #fff, 0 0 0 2px #0675c4;
83	outline: 3px solid transparent;
84	}
85	.wc-block-components-button:not(.is-link) .wc-block-components-button__text {
86	display: block;
87	}
88	.wc-block-components-button:not(.is-link) .wc-block-components-button__text > svg {
89	fill: currentColor;
90	}
91	.wc-block-components-button:not(.is-link) .wc-block-components-spinner + .wc-block-components-button__text {
92	visibility: hidden;
93	}
94	.wc-block-components-button:not(.is-link).text {
95	color: #1e1e1e;
96	}
97	.wc-block-components-button:not(.is-link).text:hover {
98	opacity: 0.9;
99	}
100	.wc-block-components-button:not(.is-link).outlined {
101	background: transparent;
102	color: currentColor;
103	}
104	.wc-block-components-button:not(.is-link).outlined:not(:focus) {
105	box-shadow: inset 0 0 0 1px currentColor;
106	}
107	.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 {
108	background-color: #1e1e1e;
109	color: #fff;
110	}
111	.wc-block-components-button:not(.is-link).outlined:hover {
112	background-color: #1e1e1e;
113	color: #fff;
114	opacity: 1;
115	}
116
117	body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link) {
118	min-height: 3em;
119	}
120	body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link):focus {
121	box-shadow: 0 0 0 2px #0675c4;
122	box-shadow: inset 0 0 0 1px #fff, 0 0 0 2px #0675c4;
123	outline: 3px solid transparent;
124	}
125	body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link).text {
126	color: #1e1e1e;
127	}
128	body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link).text:hover {
129	opacity: 0.9;
130	}
131	/!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!\
132	!* 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 *!
133	\*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
134	/**
135	* Converts a hex value into the rgb equivalent.
136	*
137	* @param {string} hex - the hexadecimal value to convert
138	* @return {string} comma separated rgb values
139	*/
140	/**
141	* Colors
142	*/
143	/**
144	* SCSS Variables.
145	*
146	* Please use variables from this sheet to ensure consistency across the UI.
147	* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
148	* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
149	*/
150	/**
151	* Converts a hex value into the rgb equivalent.
152	*
153	* @param {string} hex - the hexadecimal value to convert
154	* @return {string} comma separated rgb values
155	*/
156	/**
157	* Colors
158	*/
159	/**
160	* Fonts & basic variables.
161	*/
162	/**
163	* Grid System.
164	* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
165	*/
166	/**
167	* Dimensions.
168	*/
169	/**
170	* Shadows.
171	*/
172	/**
173	* Editor widths.
174	*/
175	/**
176	* Block & Editor UI.
177	*/
178	/**
179	* Block paddings.
180	*/
181	/**
182	* React Native specific.
183	* These variables do not appear to be used anywhere else.
184	*/
185	/* stylelint-disable block-closing-brace-newline-after */
186	/* stylelint-enable */
187	@keyframes spinner__animation {
188	0% {
189	animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297);
190	transform: rotate(0deg);
191	}
192	100% {
193	transform: rotate(360deg);
194	}
195	}
196	@keyframes loading__animation {
197	100% {
198	transform: translateX(100%);
199	}
200	}
201	.wc-block-components-spinner {
202	position: absolute;
203	width: 100%;
204	height: 100%;
205	color: inherit;
206	box-sizing: content-box;
207	text-align: center;
208	font-size: 1.25em;
209	}
210	.wc-block-components-spinner::after {
211	content: " ";
212	position: absolute;
213	top: 50%;
214	left: 50%;
215	margin: -0.5em 0 0 -0.5em;
216	width: 1em;
217	height: 1em;
218	box-sizing: border-box;
219	transform-origin: 50% 50%;
220	transform: translateZ(0) scale(0.5);
221	backface-visibility: hidden;
222	border-radius: 50%;
223	border: 0.2em solid currentColor;
224	border-left-color: transparent;
225	animation: spinner__animation 1s infinite linear;
226	}
227	/!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!\
228	!* 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/drawer/style.scss *!
229	\******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
230	/**
231	* Converts a hex value into the rgb equivalent.
232	*
233	* @param {string} hex - the hexadecimal value to convert
234	* @return {string} comma separated rgb values
235	*/
236	/**
237	* Colors
238	*/
239	/**
240	* SCSS Variables.
241	*
242	* Please use variables from this sheet to ensure consistency across the UI.
243	* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
244	* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
245	*/
246	/**
247	* Converts a hex value into the rgb equivalent.
248	*
249	* @param {string} hex - the hexadecimal value to convert
250	* @return {string} comma separated rgb values
251	*/
252	/**
253	* Colors
254	*/
255	/**
256	* Fonts & basic variables.
257	*/
258	/**
259	* Grid System.
260	* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
261	*/
262	/**
263	* Dimensions.
264	*/
265	/**
266	* Shadows.
267	*/
268	/**
269	* Editor widths.
270	*/
271	/**
272	* Block & Editor UI.
273	*/
274	/**
275	* Block paddings.
276	*/
277	/**
278	* React Native specific.
279	* These variables do not appear to be used anywhere else.
280	*/
281	/* stylelint-disable block-closing-brace-newline-after */
282	/* stylelint-enable */
283	@keyframes spinner__animation {
284	0% {
285	animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297);
286	transform: rotate(0deg);
287	}
288	100% {
289	transform: rotate(360deg);
290	}
291	}
292	@keyframes loading__animation {
293	100% {
294	transform: translateX(100%);
295	}
296	}
297	:root {
298	/* This value might be overridden in PHP based on the attribute set by the user. */
299	--drawer-width: 480px;
300	--neg-drawer-width: calc(var(--drawer-width) * -1);
301	}
302
303	@keyframes fadein {
304	from {
305	opacity: 0;
306	}
307	to {
308	opacity: 1;
309	}
310	}
311	@keyframes slidein {
312	from {
313	transform: translateX(0);
314	}
315	to {
316	transform: translateX(max(-100%, var(--neg-drawer-width)));
317	}
318	}
319	@keyframes rtlslidein {
320	from {
321	transform: translateX(0);
322	}
323	to {
324	transform: translateX(min(100%, var(--drawer-width)));
325	}
326	}
327	.wc-block-components-drawer__screen-overlay {
328	background-color: rgba(95, 95, 95, 0.35);
329	bottom: 0;
330	left: 0;
331	position: fixed;
332	right: 0;
333	top: 0;
334	transition: opacity 0.3s;
335	z-index: 9999;
336	opacity: 1;
337	}
338
339	.wc-block-components-drawer__screen-overlay--with-slide-out {
340	transition: opacity 0.3s;
341	}
342
343	.wc-block-components-drawer__screen-overlay--with-slide-in {
344	animation-duration: 0.3s;
345	animation-name: fadein;
346	}
347
348	.wc-block-components-drawer__screen-overlay--is-hidden {
349	pointer-events: none;
350	opacity: 0;
351	}
352
353	.wc-block-components-drawer {
354	position: relative;
355	background: #fff;
356	display: block;
357	height: 100%;
358	left: 100%;
359	position: fixed;
360	right: 0;
361	top: 0;
362	transform: translateX(max(-100%, var(--neg-drawer-width)));
363	width: var(--drawer-width);
364	max-width: 100%;
365	}
366	.wc-block-components-drawer::after {
367	border-style: solid;
368	border-width: 0 0 0 1px;
369	bottom: 0;
370	content: "";
371	display: block;
372	left: 0;
373	opacity: 0.3;
374	pointer-events: none;
375	position: absolute;
376	right: 0;
377	top: 0;
378	}
379
380	.rtl .wc-block-components-drawer {
381	transform: translateX(min(100%, var(--drawer-width)));
382	}
383
384	.wc-block-components-drawer__screen-overlay--with-slide-out .wc-block-components-drawer {
385	transition: transform 0.3s;
386	}
387
388	.wc-block-components-drawer__screen-overlay--with-slide-in .wc-block-components-drawer {
389	animation-duration: 0.3s;
390	animation-name: slidein;
391	}
392
393	.rtl .wc-block-components-drawer__screen-overlay--with-slide-in .wc-block-components-drawer {
394	animation-name: rtlslidein;
395	}
396
397	.wc-block-components-drawer__screen-overlay--is-hidden .wc-block-components-drawer {
398	transform: translateX(0);
399	}
400
401	@media screen and (prefers-reduced-motion: reduce) {
402	.wc-block-components-drawer__screen-overlay {
403	animation-name: none !important;
404	transition: none !important;
405	}
406	.wc-block-components-drawer {
407	animation-name: none !important;
408	transition: none !important;
409	}
410	}
411	.wc-block-components-drawer__close {
412	border: 0;
413	border-radius: 0;
414	margin: 0;
415	padding: 0;
416	vertical-align: baseline;
417	background: transparent !important;
418	color: inherit !important;
419	position: absolute !important;
420	top: 12px;
421	right: 12px;
422	opacity: 0.6;
423	z-index: 2;
424	padding: 1em !important;
425	margin: -1em;
426	}
427	.wc-block-components-drawer__close:hover, .wc-block-components-drawer__close:focus, .wc-block-components-drawer__close:active {
428	opacity: 1;
429	}
430	.wc-block-components-drawer__close:focus:not(:focus-visible) {
431	box-shadow: none;
432	outline: none;
433	}
434	.wc-block-components-drawer__close > span {
435	border: 0;
436	clip: rect(1px, 1px, 1px, 1px);
437	clip-path: inset(50%);
438	height: 1px;
439	width: 1px;
440	margin: -1px;
441	overflow: hidden;
442	/* Many screen reader and browser combinations announce broken words as they would appear visually. */
443	overflow-wrap: normal !important;
444	word-wrap: normal !important;
445	padding: 0;
446	position: absolute !important;
447	}
448	.wc-block-components-drawer__close svg {
449	fill: currentColor;
450	display: block;
451	}
452
453	.wc-block-components-drawer__content {
454	height: 100dvh;
455	position: relative;
456	}
457
458	.admin-bar .wc-block-components-drawer__content {
459	margin-top: 46px;
460	height: calc(100dvh - 46px);
461	}
462
463	@media only screen and (min-width: 783px) {
464	.admin-bar .wc-block-components-drawer__content {
465	margin-top: 32px;
466	height: calc(100dvh - 32px);
467	}
468	}
469	/!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!\
470	!* 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/quantity-selector/style.scss *!
471	\*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
472	/**
473	* Converts a hex value into the rgb equivalent.
474	*
475	* @param {string} hex - the hexadecimal value to convert
476	* @return {string} comma separated rgb values
477	*/
478	/**
479	* Colors
480	*/
481	/**
482	* SCSS Variables.
483	*
484	* Please use variables from this sheet to ensure consistency across the UI.
485	* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
486	* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
487	*/
488	/**
489	* Converts a hex value into the rgb equivalent.
490	*
491	* @param {string} hex - the hexadecimal value to convert
492	* @return {string} comma separated rgb values
493	*/
494	/**
495	* Colors
496	*/
497	/**
498	* Fonts & basic variables.
499	*/
500	/**
501	* Grid System.
502	* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
503	*/
504	/**
505	* Dimensions.
506	*/
507	/**
508	* Shadows.
509	*/
510	/**
511	* Editor widths.
512	*/
513	/**
514	* Block & Editor UI.
515	*/
516	/**
517	* Block paddings.
518	*/
519	/**
520	* React Native specific.
521	* These variables do not appear to be used anywhere else.
522	*/
523	/* stylelint-disable block-closing-brace-newline-after */
524	/* stylelint-enable */
525	@keyframes spinner__animation {
526	0% {
527	animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297);
528	transform: rotate(0deg);
529	}
530	100% {
531	transform: rotate(360deg);
532	}
533	}
534	@keyframes loading__animation {
535	100% {
536	transform: translateX(100%);
537	}
538	}
539	.wc-block-components-quantity-selector {
540	border-radius: 4px;
541	box-sizing: content-box;
542	display: flex;
543	margin: 0 0 0.25em 0;
544	position: relative;
545	width: 107px;
546	}
547	.wc-block-components-quantity-selector::after {
548	border-radius: 4px;
549	border: 1px solid rgba(17, 17, 17, 0.11);
550	bottom: 0;
551	content: "";
552	left: 0;
553	pointer-events: none;
554	position: absolute;
555	right: 0;
556	top: 0;
557	}
558	.wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input {
559	font-size: 1em;
560	-moz-appearance: textfield;
561	appearance: textfield;
562	background: transparent;
563	border: 0;
564	box-shadow: none;
565	color: currentColor;
566	flex: 1 1 auto;
567	font-weight: 600;
568	line-height: 1;
569	margin: 0;
570	min-width: 40px;
571	order: 2;
572	padding: 0.4em 0;
573	text-align: center;
574	vertical-align: middle;
575	}
576	.wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input:focus {
577	box-shadow: inset 0 0 1px 1px currentColor;
578	outline: none;
579	}
580	.wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input:disabled {
581	opacity: 0.6;
582	}
583	.wc-block-components-quantity-selector input::-webkit-outer-spin-button,
584	.wc-block-components-quantity-selector input::-webkit-inner-spin-button {
585	-webkit-appearance: none;
586	margin: 0;
587	}
588	.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button {
589	border: 0;
590	padding: 0;
591	margin: 0;
592	background: none transparent;
593	box-shadow: none;
594	font-size: 0.9em;
595	color: currentColor;
596	cursor: pointer;
597	font-style: normal;
598	font-weight: normal;
599	min-width: 30px;
600	opacity: 0.6;
601	text-align: center;
602	text-decoration: none;
603	}
604	.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:focus {
605	box-shadow: inset 0 0 1px 1px currentColor;
606	outline: none;
607	}
608	.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:hover, .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:focus {
609	opacity: 1;
610	}
611	.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:disabled {
612	box-shadow: none;
613	cursor: default;
614	opacity: 0.6;
615	}
616	.wc-block-components-quantity-selector > .wc-block-components-quantity-selector__button--minus {
617	border-radius: 4px 0 0 4px;
618	order: 1;
619	}
620	.wc-block-components-quantity-selector > .wc-block-components-quantity-selector__button--plus {
621	border-radius: 0 4px 4px 0;
622	order: 3;
623	}
624
625	.theme-twentyseventeen .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:hover, .theme-twentyseventeen .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:focus {
626	background: none transparent;
627	}
628	/!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!\
629	!* 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 *!
630	\*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
631	/**
632	* Converts a hex value into the rgb equivalent.
633	*
634	* @param {string} hex - the hexadecimal value to convert
635	* @return {string} comma separated rgb values
636	*/
637	/**
638	* Colors
639	*/
640	/**
641	* SCSS Variables.
642	*
643	* Please use variables from this sheet to ensure consistency across the UI.
644	* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
645	* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
646	*/
647	/**
648	* Converts a hex value into the rgb equivalent.
649	*
650	* @param {string} hex - the hexadecimal value to convert
651	* @return {string} comma separated rgb values
652	*/
653	/**
654	* Colors
655	*/
656	/**
657	* Fonts & basic variables.
658	*/
659	/**
660	* Grid System.
661	* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
662	*/
663	/**
664	* Dimensions.
665	*/
666	/**
667	* Shadows.
668	*/
669	/**
670	* Editor widths.
671	*/
672	/**
673	* Block & Editor UI.
674	*/
675	/**
676	* Block paddings.
677	*/
678	/**
679	* React Native specific.
680	* These variables do not appear to be used anywhere else.
681	*/
682	/* stylelint-disable block-closing-brace-newline-after */
683	/* stylelint-enable */
684	@keyframes spinner__animation {
685	0% {
686	animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297);
687	transform: rotate(0deg);
688	}
689	100% {
690	transform: rotate(360deg);
691	}
692	}
693	@keyframes loading__animation {
694	100% {
695	transform: translateX(100%);
696	}
697	}
698	/rtl:begin:ignore/
699	.wc-block-components-product-price--align-left {
700	display: block;
701	text-align: left;
702	}
703
704	.wc-block-components-product-price--align-center {
705	display: block;
706	text-align: center;
707	}
708
709	.wc-block-components-product-price--align-right {
710	display: block;
711	text-align: right;
712	}
713
714	/rtl:end:ignore/
715	.wc-block-components-product-price {
716	display: block;
717	}
718	.wc-block-components-product-price .wc-block-all-products .wc-block-components-product-price {
719	margin-bottom: 12px;
720	}
721	.wc-block-components-product-price ins {
722	text-decoration: none;
723	}
724
725	.wc-block-components-product-price__value.is-discounted {
726	margin-left: 0.5em;
727	}
728
729	.is-loading .wc-block-components-product-price::before {
730	outline: 0 !important;
731	border: 0 !important;
732	background-color: currentColor !important;
733	color: currentColor !important;
734	width: 100%;
735	border-radius: 0.25rem;
736	display: block;
737	line-height: 1;
738	position: relative !important;
739	overflow: hidden !important;
740	max-width: 100% !important;
741	pointer-events: none;
742	box-shadow: none;
743	z-index: 1; /* Necessary for overflow: hidden to work correctly in Safari */
744	opacity: 0.15;
745	content: ".";
746	display: inline-block;
747	width: 5em;
748	}
749	.is-loading .wc-block-components-product-price::before > * {
750	visibility: hidden;
751	}
752	.is-loading .wc-block-components-product-price::before::after {
753	content: " ";
754	display: block;
755	position: absolute;
756	left: 0;
757	right: 0;
758	top: 0;
759	height: 100%;
760	background-repeat: no-repeat;
761	background-image: linear-gradient(90deg, currentColor, rgba(245, 245, 245, 0.3019607843), currentColor);
762	transform: translateX(-100%);
763	animation: loading__animation 1.5s ease-in-out infinite;
764	}
765	@media screen and (prefers-reduced-motion: reduce) {
766	.is-loading .wc-block-components-product-price::before {
767	animation: none;
768	}
769	}
770	/!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!\
771	!* 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 *!
772	\************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
773	/**
774	* Converts a hex value into the rgb equivalent.
775	*
776	* @param {string} hex - the hexadecimal value to convert
777	* @return {string} comma separated rgb values
778	*/
779	/**
780	* Colors
781	*/
782	/**
783	* SCSS Variables.
784	*
785	* Please use variables from this sheet to ensure consistency across the UI.
786	* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
787	* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
788	*/
789	/**
790	* Converts a hex value into the rgb equivalent.
791	*
792	* @param {string} hex - the hexadecimal value to convert
793	* @return {string} comma separated rgb values
794	*/
795	/**
796	* Colors
797	*/
798	/**
799	* Fonts & basic variables.
800	*/
801	/**
802	* Grid System.
803	* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
804	*/
805	/**
806	* Dimensions.
807	*/
808	/**
809	* Shadows.
810	*/
811	/**
812	* Editor widths.
813	*/
814	/**
815	* Block & Editor UI.
816	*/
817	/**
818	* Block paddings.
819	*/
820	/**
821	* React Native specific.
822	* These variables do not appear to be used anywhere else.
823	*/
824	/* stylelint-disable block-closing-brace-newline-after */
825	/* stylelint-enable */
826	@keyframes spinner__animation {
827	0% {
828	animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297);
829	transform: rotate(0deg);
830	}
831	100% {
832	transform: rotate(360deg);
833	}
834	}
835	@keyframes loading__animation {
836	100% {
837	transform: translateX(100%);
838	}
839	}
840	.wc-block-components-product-name {
841	font-size: 1em;
842	overflow-wrap: anywhere;
843	word-break: break-word;
844	-ms-word-break: break-all;
845	}
846	/!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!\
847	!* 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/cart-checkout/product-badge/style.scss *!
848	\***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
849	/**
850	* Converts a hex value into the rgb equivalent.
851	*
852	* @param {string} hex - the hexadecimal value to convert
853	* @return {string} comma separated rgb values
854	*/
855	/**
856	* Colors
857	*/
858	/**
859	* SCSS Variables.
860	*
861	* Please use variables from this sheet to ensure consistency across the UI.
862	* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
863	* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
864	*/
865	/**
866	* Converts a hex value into the rgb equivalent.
867	*
868	* @param {string} hex - the hexadecimal value to convert
869	* @return {string} comma separated rgb values
870	*/
871	/**
872	* Colors
873	*/
874	/**
875	* Fonts & basic variables.
876	*/
877	/**
878	* Grid System.
879	* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
880	*/
881	/**
882	* Dimensions.
883	*/
884	/**
885	* Shadows.
886	*/
887	/**
888	* Editor widths.
889	*/
890	/**
891	* Block & Editor UI.
892	*/
893	/**
894	* Block paddings.
895	*/
896	/**
897	* React Native specific.
898	* These variables do not appear to be used anywhere else.
899	*/
900	/* stylelint-disable block-closing-brace-newline-after */
901	/* stylelint-enable */
902	@keyframes spinner__animation {
903	0% {
904	animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297);
905	transform: rotate(0deg);
906	}
907	100% {
908	transform: rotate(360deg);
909	}
910	}
911	@keyframes loading__animation {
912	100% {
913	transform: translateX(100%);
914	}
915	}
916	.wc-block-components-product-badge {
917	font-size: 0.75em;
918	border-radius: 4px;
919	border: 1px solid;
920	display: inline-block;
921	font-weight: 600;
922	padding: 0 0.66em;
923	text-transform: uppercase;
924	white-space: nowrap;
925	}
926	/!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!\
927	!* 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/cart-checkout/product-details/style.scss *!
928	\*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
929	/**
930	* Converts a hex value into the rgb equivalent.
931	*
932	* @param {string} hex - the hexadecimal value to convert
933	* @return {string} comma separated rgb values
934	*/
935	/**
936	* Colors
937	*/
938	/**
939	* SCSS Variables.
940	*
941	* Please use variables from this sheet to ensure consistency across the UI.
942	* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
943	* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
944	*/
945	/**
946	* Converts a hex value into the rgb equivalent.
947	*
948	* @param {string} hex - the hexadecimal value to convert
949	* @return {string} comma separated rgb values
950	*/
951	/**
952	* Colors
953	*/
954	/**
955	* Fonts & basic variables.
956	*/
957	/**
958	* Grid System.
959	* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
960	*/
961	/**
962	* Dimensions.
963	*/
964	/**
965	* Shadows.
966	*/
967	/**
968	* Editor widths.
969	*/
970	/**
971	* Block & Editor UI.
972	*/
973	/**
974	* Block paddings.
975	*/
976	/**
977	* React Native specific.
978	* These variables do not appear to be used anywhere else.
979	*/
980	/* stylelint-disable block-closing-brace-newline-after */
981	/* stylelint-enable */
982	@keyframes spinner__animation {
983	0% {
984	animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297);
985	transform: rotate(0deg);
986	}
987	100% {
988	transform: rotate(360deg);
989	}
990	}
991	@keyframes loading__animation {
992	100% {
993	transform: translateX(100%);
994	}
995	}
996	.wc-block-components-product-details.wc-block-components-product-details {
997	list-style: none;
998	margin: 0.5em 0;
999	padding: 0;
1000	}
1001	.wc-block-components-product-details.wc-block-components-product-details:last-of-type {
1002	margin-bottom: 0;
1003	}
1004	.wc-block-components-product-details.wc-block-components-product-details li {
1005	margin-left: 0;
1006	}
1007
1008	.wc-block-components-product-details__name,
1009	.wc-block-components-product-details__value {
1010	display: inline-block;
1011	}
1012
1013	.is-large:not(.wc-block-checkout) .wc-block-components-product-details__name {
1014	font-weight: bold;
1015	}
1016	/!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!\
1017	!* 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/cart-checkout/product-metadata/style.scss *!
1018	\******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
1019	/**
1020	* Converts a hex value into the rgb equivalent.
1021	*
1022	* @param {string} hex - the hexadecimal value to convert
1023	* @return {string} comma separated rgb values
1024	*/
1025	/**
1026	* Colors
1027	*/
1028	/**
1029	* SCSS Variables.
1030	*
1031	* Please use variables from this sheet to ensure consistency across the UI.
1032	* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
1033	* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
1034	*/
1035	/**
1036	* Converts a hex value into the rgb equivalent.
1037	*
1038	* @param {string} hex - the hexadecimal value to convert
1039	* @return {string} comma separated rgb values
1040	*/
1041	/**
1042	* Colors
1043	*/
1044	/**
1045	* Fonts & basic variables.
1046	*/
1047	/**
1048	* Grid System.
1049	* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
1050	*/
1051	/**
1052	* Dimensions.
1053	*/
1054	/**
1055	* Shadows.
1056	*/
1057	/**
1058	* Editor widths.
1059	*/
1060	/**
1061	* Block & Editor UI.
1062	*/
1063	/**
1064	* Block paddings.
1065	*/
1066	/**
1067	* React Native specific.
1068	* These variables do not appear to be used anywhere else.
1069	*/
1070	/* stylelint-disable block-closing-brace-newline-after */
1071	/* stylelint-enable */
1072	@keyframes spinner__animation {
1073	0% {
1074	animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297);
1075	transform: rotate(0deg);
1076	}
1077	100% {
1078	transform: rotate(360deg);
1079	}
1080	}
1081	@keyframes loading__animation {
1082	100% {
1083	transform: translateX(100%);
1084	}
1085	}
1086	.wc-block-components-product-metadata {
1087	font-size: 0.75em;
1088	}
1089	.wc-block-components-product-metadata .wc-block-components-product-metadata__description > p,
1090	.wc-block-components-product-metadata .wc-block-components-product-metadata__variation-data {
1091	margin: 0.25em 0;
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/base/components/cart-checkout/cart-line-items-table/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	table.wc-block-cart-items,
1164	table.wc-block-cart-items th,
1165	table.wc-block-cart-items td {
1166	background: none !important;
1167	border: 0;
1168	margin: 0;
1169	}
1170
1171	.editor-styles-wrapper table.wc-block-cart-items,
1172	table.wc-block-cart-items {
1173	width: 100%;
1174	}
1175	.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__header,
1176	table.wc-block-cart-items .wc-block-cart-items__header {
1177	font-size: 0.75em;
1178	text-transform: uppercase;
1179	}
1180	.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__header .wc-block-cart-items__header-image,
1181	table.wc-block-cart-items .wc-block-cart-items__header .wc-block-cart-items__header-image {
1182	width: 100px;
1183	}
1184	.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__header .wc-block-cart-items__header-product,
1185	table.wc-block-cart-items .wc-block-cart-items__header .wc-block-cart-items__header-product {
1186	visibility: hidden;
1187	}
1188	.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__header .wc-block-cart-items__header-total,
1189	table.wc-block-cart-items .wc-block-cart-items__header .wc-block-cart-items__header-total {
1190	width: 100px;
1191	text-align: right;
1192	}
1193	.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__header th,
1194	table.wc-block-cart-items .wc-block-cart-items__header th {
1195	font-weight: 700;
1196	}
1197	.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image img,
1198	table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image img {
1199	width: 100%;
1200	margin: 0;
1201	}
1202	.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link,
1203	table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link {
1204	border: 0;
1205	border-radius: 0;
1206	margin: 0;
1207	padding: 0;
1208	vertical-align: baseline;
1209	color: inherit;
1210	font-family: inherit;
1211	font-size: inherit;
1212	font-style: inherit;
1213	font-weight: inherit;
1214	letter-spacing: inherit;
1215	line-height: inherit;
1216	text-decoration: inherit;
1217	text-transform: inherit;
1218	background: transparent;
1219	box-shadow: none;
1220	display: inline;
1221	text-shadow: none;
1222	text-decoration: underline;
1223	font-size: 0.75em;
1224	text-transform: none;
1225	white-space: nowrap;
1226	}
1227	.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link:hover, .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link:focus, .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link:active,
1228	table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link:hover,
1229	table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link:focus,
1230	table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link:active {
1231	background: transparent;
1232	}
1233	.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link:hover,
1234	table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link:hover {
1235	text-decoration: none;
1236	color: inherit;
1237	cursor: pointer;
1238	}
1239	.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name,
1240	table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name {
1241	display: block;
1242	max-width: -moz-max-content;
1243	max-width: max-content;
1244	}
1245	.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total,
1246	table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total {
1247	font-size: 1em;
1248	text-align: right;
1249	line-height: inherit;
1250	}
1251	.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-metadata,
1252	table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-metadata {
1253	margin-bottom: 0.75em;
1254	}
1255	.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row.is-disabled,
1256	table.wc-block-cart-items .wc-block-cart-items__row.is-disabled {
1257	opacity: 0.5;
1258	pointer-events: none;
1259	transition: opacity 200ms ease;
1260	}
1261
1262	.is-medium table.wc-block-cart-items td,
1263	.is-small table.wc-block-cart-items td,
1264	.is-mobile table.wc-block-cart-items td {
1265	padding: 0;
1266	}
1267	.is-medium table.wc-block-cart-items .wc-block-cart-items__header,
1268	.is-small table.wc-block-cart-items .wc-block-cart-items__header,
1269	.is-mobile table.wc-block-cart-items .wc-block-cart-items__header {
1270	display: none;
1271	}
1272	.is-medium table.wc-block-cart-items .wc-block-cart-item__remove-link,
1273	.is-small table.wc-block-cart-items .wc-block-cart-item__remove-link,
1274	.is-mobile table.wc-block-cart-items .wc-block-cart-item__remove-link {
1275	display: none;
1276	}
1277	.is-medium table.wc-block-cart-items:not(.wc-block-mini-cart-items):not(:last-child) .wc-block-cart-items__row,
1278	.is-small table.wc-block-cart-items:not(.wc-block-mini-cart-items):not(:last-child) .wc-block-cart-items__row,
1279	.is-mobile table.wc-block-cart-items:not(.wc-block-mini-cart-items):not(:last-child) .wc-block-cart-items__row {
1280	border-bottom: 1px solid rgba(17, 17, 17, 0.11);
1281	}
1282	.is-medium table.wc-block-cart-items .wc-block-cart-items__row,
1283	.is-small table.wc-block-cart-items .wc-block-cart-items__row,
1284	.is-mobile table.wc-block-cart-items .wc-block-cart-items__row {
1285	display: -ms-grid;
1286	display: grid;
1287	-ms-grid-columns: 80px 132px;
1288	grid-template-columns: 80px 132px;
1289	padding: 16px 0;
1290	}
1291	.is-medium table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image,
1292	.is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image,
1293	.is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image {
1294	-ms-grid-column: 1;
1295	grid-column-start: 1;
1296	-ms-grid-row: 1;
1297	grid-row-start: 1;
1298	padding-right: 16px;
1299	}
1300	.is-medium table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product,
1301	.is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product,
1302	.is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product {
1303	-ms-grid-column: 2;
1304	grid-column-start: 2;
1305	-ms-grid-column-span: 2;
1306	grid-column-end: 4;
1307	-ms-grid-row: 1;
1308	grid-row-start: 1;
1309	-ms-grid-column-align: stretch;
1310	justify-self: stretch;
1311	padding: 0 16px 16px 0;
1312	}
1313	.is-medium table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity,
1314	.is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity,
1315	.is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity {
1316	-ms-grid-column: 1;
1317	grid-column-start: 1;
1318	-ms-grid-row: 2;
1319	grid-row-start: 2;
1320	vertical-align: bottom;
1321	padding-right: 16px;
1322	-ms-grid-row-align: end;
1323	align-self: end;
1324	padding-top: 16px;
1325	}
1326	.is-medium table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total,
1327	.is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total,
1328	.is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total {
1329	-ms-grid-row: 1;
1330	grid-row-start: 1;
1331	}
1332	.is-medium table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total .wc-block-components-formatted-money-amount,
1333	.is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total .wc-block-components-formatted-money-amount,
1334	.is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total .wc-block-components-formatted-money-amount {
1335	display: inline-block;
1336	}
1337
1338	.is-large.wc-block-cart {
1339	margin-bottom: 3em;
1340	}
1341	.is-large.wc-block-cart .wc-block-cart-items {
1342	border-spacing: 0;
1343	border-bottom: 1px solid rgba(17, 17, 17, 0.11);
1344	}
1345	.is-large.wc-block-cart .wc-block-cart-items th {
1346	padding: 0.25rem 16px 0.25rem 0;
1347	white-space: nowrap;
1348	}
1349	.is-large.wc-block-cart .wc-block-cart-items td {
1350	border-top: 1px solid rgba(17, 17, 17, 0.11);
1351	padding: 16px 0 16px 16px;
1352	vertical-align: top;
1353	}
1354	.is-large.wc-block-cart .wc-block-cart-items th:last-child {
1355	padding-right: 0;
1356	}
1357	.is-large.wc-block-cart .wc-block-cart-items td:last-child {
1358	padding-right: 16px;
1359	}
1360	/!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!\
1361	!* 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/cart-checkout/payment-method-icons/style.scss *!
1362	\**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
1363	/**
1364	* Converts a hex value into the rgb equivalent.
1365	*
1366	* @param {string} hex - the hexadecimal value to convert
1367	* @return {string} comma separated rgb values
1368	*/
1369	/**
1370	* Colors
1371	*/
1372	/**
1373	* SCSS Variables.
1374	*
1375	* Please use variables from this sheet to ensure consistency across the UI.
1376	* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
1377	* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
1378	*/
1379	/**
1380	* Converts a hex value into the rgb equivalent.
1381	*
1382	* @param {string} hex - the hexadecimal value to convert
1383	* @return {string} comma separated rgb values
1384	*/
1385	/**
1386	* Colors
1387	*/
1388	/**
1389	* Fonts & basic variables.
1390	*/
1391	/**
1392	* Grid System.
1393	* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
1394	*/
1395	/**
1396	* Dimensions.
1397	*/
1398	/**
1399	* Shadows.
1400	*/
1401	/**
1402	* Editor widths.
1403	*/
1404	/**
1405	* Block & Editor UI.
1406	*/
1407	/**
1408	* Block paddings.
1409	*/
1410	/**
1411	* React Native specific.
1412	* These variables do not appear to be used anywhere else.
1413	*/
1414	/* stylelint-disable block-closing-brace-newline-after */
1415	/* stylelint-enable */
1416	@keyframes spinner__animation {
1417	0% {
1418	animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297);
1419	transform: rotate(0deg);
1420	}
1421	100% {
1422	transform: rotate(360deg);
1423	}
1424	}
1425	@keyframes loading__animation {
1426	100% {
1427	transform: translateX(100%);
1428	}
1429	}
1430	.wc-block-components-payment-method-icons {
1431	margin: 0 0 14px;
1432	display: flex;
1433	flex-direction: row;
1434	flex-wrap: wrap;
1435	justify-content: center;
1436	}
1437	.wc-block-components-payment-method-icons .wc-block-components-payment-method-icon {
1438	display: inline-block;
1439	margin: 0 4px 2px;
1440	padding: 0;
1441	width: auto;
1442	max-width: 38px;
1443	height: 24px;
1444	max-height: 24px;
1445	}
1446	.wc-block-components-payment-method-icons--align-left {
1447	justify-content: flex-start;
1448	}
1449	.wc-block-components-payment-method-icons--align-left .wc-block-components-payment-method-icon {
1450	margin-left: 0;
1451	margin-right: 8px;
1452	}
1453	.wc-block-components-payment-method-icons--align-right {
1454	justify-content: flex-end;
1455	}
1456	.wc-block-components-payment-method-icons--align-right .wc-block-components-payment-method-icon {
1457	margin-right: 0;
1458	margin-left: 8px;
1459	}
1460	.wc-block-components-payment-method-icons:last-child {
1461	margin-bottom: 0;
1462	}
1463
1464	.is-mobile .wc-block-components-payment-method-icons .wc-block-components-payment-method-icon,
1465	.is-small .wc-block-components-payment-method-icons .wc-block-components-payment-method-icon {
1466	height: 16px;
1467	}
1468
1469	/# sourceMappingURL=mini-cart-contents.css.map/