/*!
 * VisualEditor UserInterface MWLatexDialog styles.
 *
 * @copyright See AUTHORS.txt
 * @license MIT
 */

.ve-ui-mwLatexDialog {
	&-content {
		.oo-ui-bookletLayout-stackLayout {
			padding: 0.5em;

			h3 {
				margin: 0 0 0.5em 0;
				color: #888;
				font-weight: normal;
				font-size: 1em;
			}
		}

		.oo-ui-textInputWidget {
			max-width: none;
		}
	}

	&-menuLayout {
		> .oo-ui-menuLayout-content {
			border-bottom: 1px solid #e6e6e6;
			box-shadow: 0 1px 0 0 rgba( 0, 0, 0, 0.05 );
			overflow: auto;
		}

		&-short {
			.oo-ui-menuLayout-menu {
				height: 10em;
			}

			.oo-ui-menuLayout-content {
				bottom: 10em;
			}
		}
	}

	&-preview {
		text-align: center;
		line-height: 8em;
		height: 8em;

		.ve-ui-mwLatexDialog-menuLayout-short & {
			line-height: 5em;
			height: 5em;
		}

		> p {
			/* Reset line height for error messages */
			line-height: 1.6;
		}

		.mwe-math-fallback-image-display {
			/* Ensures the preview image is vertically centred */
			display: inline-block;
		}
	}

	&-symbol {
		background-position: center;
		background-repeat: no-repeat;

		&-wide {
			/* 2(symbol width) + margin */
			width: 3.7em;
		}

		&-wider {
			/* 2.5(symbol width) + 1.5(margin) */
			width: 4.65em;
		}

		&-widest {
			/* 3(symbol width) + 2(margin) */
			width: 5.6em;
		}

		&-contain {
			background-size: contain;
		}

		&-largeLayout {
			height: 3.7em;
			width: 4.65em;

			&.ve-ui-mwLatexDialog-symbol-wide {
				/* 5(symbol width) + 4(margin) */
				width: 9.4em;
			}
		}
	}
}