/*!
 * VisualEditor MediaWiki UserInterface MWMediaInfoFieldWidget styles.
 *
 * @copyright See AUTHORS.txt
 * @license The MIT License (MIT); see LICENSE.txt
 */
@import 'mediawiki.skin.variables.less';

.ve-ui-mwMediaInfoFieldWidget {
	position: relative;

	&.oo-ui-iconElement &-icon {
		margin: 0.05em;
		position: absolute;
		top: auto;
		opacity: 0.5;
	}

	&-text {
		overflow-wrap: break-word;
		overflow: hidden;
		transition: max-height 0.5s ease-in;
	}

	&-readmore {
		height: 2em;
		width: 100%;
		padding-top: 1em;
		margin-top: -2em;
		background: linear-gradient( to bottom, transparent 0, @background-color-base 50% );
	}

	&.oo-ui-iconElement .oo-ui-labelElement-label {
		display: block;
		padding: 0.3em 0 0.1em 2.2em;
		line-height: 1.25em;
	}

	&-description {
		display: block;
		line-height: 1.25em;
		overflow-y: hidden;
	}
}
