/*!
 * VisualEditor Overlay styles.
 *
 * @copyright See AUTHORS.txt
 */

@import '../../../lib/codex-design-tokens/theme-wikimedia-ui.less';

.ve-ui-overlay {
	font-family: sans-serif;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1;

	> * {
		z-index: 1;
	}

	&-global {
		/* Toolbar is z-index 1 */
		z-index: 2;

		/* Most vendor prefixes are not needed on mobile devices */

		&-mobile > .oo-ui-windowManager-modal > .oo-ui-dialog {
			transform: translate3d( 0, -100%, 0 );
			/* `opacity` is defined in OOUI styles */
			transition: transform 0.3s, opacity 0.3s;

			&.oo-ui-window-ready {
				-webkit-transform: none;
				transform: none;
			}
		}
	}

	&-local-selections-hasSelections {
		mix-blend-mode: @mix-blend-mode-blend;
		// Support: Safari
		// Safari doesn't blend this overlay with the text unless GPU rendering is forced.
		transform: translateZ( 0 );
	}
}
