/**
 * Incentive scheme images only.
 * Shell / side-rail / doc chrome = newcomer template CSS (do not restyle).
 */

.incentive-scheme-panel[hidden],
.incentive-scheme-panel:not(.is-active) {
	display: none !important;
}

.incentive-scheme-panel.is-active {
	display: block;
}

.incentive-scheme-images {
	width: 100%;
}

.incentive-scheme-media {
	margin: 0;
}

.incentive-scheme-media img {
	display: block;
	width: 100%;
	height: auto;
	max-width: 100%;
	border: 1px solid var(--line, #d9dfe4);
	border-radius: 0;
	background: #fff;
}

.incentive-scheme-media--portrait {
	display: none;
}

.incentive-scheme-images--landscape-only .incentive-scheme-media--landscape,
.incentive-scheme-images--portrait-only .incentive-scheme-media--portrait {
	display: block;
}

.incentive-scheme-images--portrait-only .incentive-scheme-media--portrait img,
.incentive-scheme-images--responsive .incentive-scheme-media--portrait img {
	width: auto;
	max-width: min(100%, 420px);
	margin-inline: auto;
}

@media (min-width: 769px) {
	.incentive-scheme-images--responsive .incentive-scheme-media--landscape {
		display: block;
	}

	.incentive-scheme-images--responsive .incentive-scheme-media--portrait {
		display: none;
	}
}

@media (max-width: 768px) {
	.incentive-scheme-images--responsive .incentive-scheme-media--landscape {
		display: none;
	}

	.incentive-scheme-images--responsive .incentive-scheme-media--portrait {
		display: block;
	}

	.incentive-scheme-images--responsive .incentive-scheme-media--portrait img {
		max-width: min(100%, 360px);
	}
}