
.merchant-payment-logos {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	grid-gap: 15px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-top: var(--mrc-plogos-margin-top, 20px) !important;
	margin-bottom: var(--mrc-plogos-margin-bottom, 20px) !important;
}

.merchant-payment-logos+.merchant-payment-logos {
	display: none;
}

.merchant-payment-logos-title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: var(--mrc-plogos-align, flex-start);
	-ms-flex-pack: var(--mrc-plogos-align, flex-start);
	justify-content: var(--mrc-plogos-align, flex-start);
	color: var(--mrc-plogos-text-color, #212121);
	font-size: var(--mrc-plogos-font-size, 18px);
}

.merchant-payment-logos-images {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	grid-gap: 5px;
	-webkit-box-pack: var(--mrc-plogos-align, flex-start);
	-ms-flex-pack: var(--mrc-plogos-align, flex-start);
	justify-content: var(--mrc-plogos-align, flex-start);
}

.merchant-payment-logos-images img {
	max-width: var(--mrc-plogos-image-max-width, 80px) !important;
	max-height: var(--mrc-plogos-image-max-height, 100px) !important;
}

.merchant-payment-logos-images.is-placeholder img {
	width: 100%;
}
