@import '../mmv.mixins';
@import '../mmv.globals';

@background-color: #fff;
@dialog-width: 450px;
@box-shadow-dialog: 0 2px 2px 0 darken( @background-color, 33.3% );

.mw-mmv-dialog {
	position: fixed;
	right: 58px;
	display: none;
	width: @dialog-width;
	height: @dialog-height;
	background-color: @background-color;
	box-shadow: @box-shadow-dialog;
	border-radius: @border-radius;
	z-index: 1004;

	.mw-mmv-dialog-down-arrow {
		right: 48px;
		background-color: @background-color;
		width: @arrow-size;
		height: @arrow-size;
		.rotate( -45deg );
		position: fixed;
	}

	.mw-mmv-dialog-copy {
		/* @embed */
		background-image: url( img/pasting.svg );
		background-size: contain;
		background-position: right center;
		background-repeat: no-repeat;

		&:hover {
			/* @embed */
			background-image: url( img/pasting-hover.svg );
			text-decoration: none;
		}
	}

	.mw-mmv-dialog-warning {
		background-color: @dialog-warning-color;
	}
}
