// One drawn illustration per pump - a hundred and eight of them, in Assets/ui/pumps.
// See tools/make_pumps.py for how the artwork is authored.

.pumpart
{
	position: relative;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
	pointer-events: none;

	.photo,
	.drawing
	{
		width: 100%;
		height: 100%;
	}

	.drawing
	{
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
	}

	// Locked pumps in the collection strip show as a black cut-out.
	&.silhouette
	{
		.photo,
		.drawing
		{
			filter: brightness( 0 );
			opacity: 0.85;
		}
	}
}