:root {
	--sponsored-logo-container-min-height: 86px;
	--sponsored-logo-img-height-mobile: 62px;
	--sponsored-logo-img-height-desktop: 62px;
	--sponsored-logo-padding-mobile: 12px 20px;
	--sponsored-logo-padding-desktop: 12px 30px;
	--sponsored-logo-gap-mobile: 24px 40px;
	--sponsored-logo-gap-desktop: 24px 60px;
}

.sponsored_logo-container,
ul.sponsored_logo {
	min-height: var(--sponsored-logo-container-min-height);
	margin: 0;
	padding: 0;
}

ul.sponsored_logo {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: var(--sponsored-logo-gap-mobile);
	justify-content: center;
	list-style: none;
	padding: var(--sponsored-logo-padding-mobile);
	text-align: center;
}

ul.sponsored_logo li {
	display: inline-block;
	margin: 0;
	list-style: none;
}

ul.sponsored_logo li::before {
	display: none;
}

.sponsored_logo-container .sponsored_desktop_device {
	display: none;
}

ul.sponsored_logo img {
	height: var(--sponsored-logo-img-height-mobile);
	vertical-align: top;
}

@media only screen and (min-width: 980px) {
	ul.sponsored_logo {
		gap: var(--sponsored-logo-gap-desktop);
		padding: var(--sponsored-logo-padding-desktop);
	}

	ul.sponsored_logo img {
		height: var(--sponsored-logo-img-height-desktop);
	}

	.sponsored_logo-container .sponsored_desktop_device {
		display: inline-block;
	}

	.sponsored_logo-container .sponsored_mobile_device {
		display: none;
	}
}