.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;

	/* stylelint-disable selector-max-id */
	#mw-page-base,
	#mw-head-base,
	#mw-navigation,
	#content,
	#footer,
	#globalWrapper { // monobook
		/** Stop the article from scrolling in the background - skin-specific but works in any browser */
		display: none;
	}
	/* stylelint-enable selector-max-id */

	> * {
		/** Stop the article from scrolling in the background - works with any skin but needs modern browser */
		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;
}
