.mw-mmv-overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
	background-color: #000;
}

body.mw-mmv-lightbox-open {
	overflow-y: auto;

	// Stop the article from scrolling in the background
	> *:not( .mw-notification-area-overlay ) {
		display: none;
	}

	> .mw-mmv-overlay,
	> .mw-mmv-wrapper {
		display: block;
	}
}

.mw-mmv-filepage-buttons {
	margin-top: 5px;

	.mw-mmv-view-expanded,
	.mw-mmv-view-config {
		display: block;
		// Work around some weirdness of MW-UI buttons. T127052
		line-height: inherit;
	}

	.mw-mmv-view-expanded .mw-ui-icon::before {
		/* @embed */
		background-image: url( img/expand.svg );
	}

	.mw-mmv-view-config .mw-ui-icon::before {
		/* @embed */
		background-image: url( img/gear.svg );
		margin-right: 0;
		opacity: 0.75;

		&:hover {
			opacity: 1;
		}
	}

	.mw-mmv-view-config {
		.mw-ui-icon span {
			display: none;
		}
	}
}

.mw-mmv-button {
	background-color: transparent;
	min-width: 0;
	border: 0;
	padding: 0;
	overflow-x: hidden;
	text-indent: -9999em;
}