@import 'mixins.less';
@import 'icons.less';
@import 'templates/settingsDialog/settingsDialog.less';
@import 'templates/popup/popup.less';
@import 'templates/preview/preview.less';
@import 'settingsDialogRenderer.less';

#mwe-popups-svg {
	position: absolute;
	top: -1000px;
}

.popups-icon {
	.cdx-mixin-css-icon-background();
	.cdx-mixin-css-icon-size();
	.cdx-mixin-css-icon-alignment();
}

.popups-icon--size-small {
	.cdx-mixin-css-icon-background( @size-icon-small );
	.cdx-mixin-css-icon-size( @size-icon-small );
}

// FIXME: Upstream this to Codex with T342910
.mwe-popups-overlay .cdx-button.cdx-button--icon-only,
.mwe-popups .cdx-button.cdx-button--icon-only {
	// Hide text in icon only buttons
	span + span {
		.mixin-screen-reader-text();
	}
}
