INSERT INTO `xf_template` (`template_id`, `type`, `title`, `style_id`, `template`, `template_parsed`, `addon_id`, `version_id`, `version_string`, `last_edit_date`) VALUES
(823, 0x7075626c6963, 0x64656275675f6d6163726f73, 0, '<xf:macro id=\"debug\" arg-controller=\"!\" arg-action=\"!\" arg-template=\"!\" arg-link=\"{{ true }}\" arg-classInfo=\"{{ true }}\">\n	<xf:if is=\"{$xf.debug}\">\n		<ul class=\"listInline listInline--bullet listInline--selfInline\">\n			<li><dl class=\"pairs pairs--inline debugResolution\" title=\"{{ phrase(\'responsive_width\')|for_attr }}\">\n				<dt class=\"debugResolution-label\">{{ phrase(\'width\') }}</dt>\n				<dd class=\"debugResolution-output\"></dd>\n			</dl></li>\n			<li><dl class=\"pairs pairs--inline\">\n				<dt>{{ phrase(\'total_queries\') }}</dt>\n				<dd><!--XF:QUERIES--></dd>\n			</dl></li>\n			<li><dl class=\"pairs pairs--inline\">\n				<xf:if is=\"$link\">\n					<dt>{{ phrase(\'total_time\') }}</dt>\n					<dd><a href=\"{{ debug_url() }}\" rel=\"nofollow\"><!--XF:PAGE_TIME-->s</a></dd>\n				<xf:else />\n					<dt>{{ phrase(\'total_time\') }}</dt>\n					<dd><!--XF:PAGE_TIME-->s</dd>\n				</xf:if>\n			</dl></li>\n			<li><dl class=\"pairs pairs--inline\">\n				<dt>{{ phrase(\'max_memory\') }}</dt>\n				<dd><!--XF:MEMORY_PEAK--></dd>\n			</dl></li>\n			<xf:if is=\"$classInfo\">\n				<li class=\"cog-info\">\n					<xf:macro id=\"class_info\"\n						arg-controller=\"{$controller}\"\n						arg-action=\"{$action}\"\n						arg-template=\"{$template}\" />\n				</li>\n			</xf:if>\n		</ul>\n	</xf:if>\n</xf:macro>\n\n<xf:macro id=\"class_info\" arg-controller=\"!\" arg-action=\"!\" arg-template=\"!\">\n	<a data-xf-init=\"tooltip\" data-click-hide=\"false\"\n		data-trigger=\"hover focus click\"\n		title=\"{$controller} :: {$action} &middot; {$template}\"\n		role=\"button\" tabindex=\"0\" aria-label=\"{{ phrase(\'class_information\')|for_attr }}\"><xf:fa icon=\"fa-cog\" /></a>\n</xf:macro>\n\n<xf:macro id=\"debug_resolution\">\n	<xf:if is=\"{$xf.debug}\">\n		<span class=\"debugResolution\" title=\"{{ phrase(\'responsive_width\')|for_attr }}\">\n			<span class=\"debugResolution-label\">{{ phrase(\'responsive_width:\') }}</span>\n			<span class=\"debugResolution-output\"></span>\n		</span>\n	</xf:if>\n</xf:macro>', 0x[encoded data, 23420 characters], 0x5846, 2030010, '2.3.0 Alpha', 1748686057),
(824, 0x7075626c6963, 0x64656c6574655f636f6e6669726d, 0, '<xf:title>{{ phrase(\'confirm_action\') }}</xf:title>\n\n<xf:form action=\"{$confirmUrl}\" ajax=\"true\" class=\"block\">\n	<div class=\"block-container\">\n		<div class=\"block-body\">\n			<xf:inforow rowtype=\"confirm\">\n				{{ phrase(\'please_confirm_that_you_want_to_delete_following:\') }}\n				<xf:if is=\"$contentUrl\">\n					<strong><a href=\"{$contentUrl}\">{$contentTitle}</a></strong>\n				<xf:else />\n					<strong>{$contentTitle}</strong>\n				</xf:if>\n				<xf:if is=\"$deletionImportantPhrase\">\n					<div class=\"blockMessage blockMessage--important blockMessage--iconic\">\n						{{ phrase_dynamic($deletionImportantPhrase) }}\n					</div>\n				</xf:if>\n			</xf:inforow>\n		</div>\n		<xf:submitrow rowtype=\"simple\" icon=\"delete\" />\n	</div>\n</xf:form>', 0x[encoded data, 10392 characters], 0x5846, 2020670, '2.2.6', 1748686057),
(825, 0x7075626c6963, 0x64656c6574696f6e5f6d6163726f73, 0, '<xf:macro id=\"notice\" arg-log=\"!\" arg-message=\"\">\n	<ul class=\"listInline listInline--bullet listInline--selfInline\">\n		<xf:if is=\"$message is not empty\">\n			<li>{$message}</li>\n		</xf:if>\n		<li>{{ phrase(\'deleted_by_x\', {\'name\': $log.delete_username ?: phrase(\'n_a\')}) }}</li>\n		<xf:if is=\"{$log}\">\n			<li><xf:date time=\"{$log.delete_date}\" /></li>\n			<xf:if is=\"{$log.delete_reason}\">\n				<li>{{ phrase(\'reason:\') }} {$log.delete_reason}</li>\n			</xf:if>\n		</xf:if>\n	</ul>\n</xf:macro>', 0x[encoded data, 9824 characters], 0x5846, 2030010, '2.3.0 Alpha', 1748686057);
INSERT INTO `xf_template` (`template_id`, `type`, `title`, `style_id`, `template`, `template_parsed`, `addon_id`, `version_id`, `version_string`, `last_edit_date`) VALUES
(826, 0x7075626c6963, 0x646966662e6c657373, 0, '.diffListContainer\n{\n	overflow: auto;\n	max-height: 400px;\n	max-height: 80vh;\n}\n\n.diffList\n{\n	margin: 0;\n	padding: 0;\n	list-style: none;\n\n	&.diffList--code\n	{\n		display: table;\n		width: 100%;\n		direction: ltr;\n\n		.diffList-line\n		{\n			font-family: @xf-fontFamilyCode;\n			white-space: pre;\n			word-wrap: normal;\n		}\n\n		textarea\n		{\n			font-family: @xf-fontFamilyCode;\n		}\n\n		&.diffList--wrapped .diffList-line\n		{\n			white-space: pre-wrap;\n			word-wrap: break-word;\n		}\n	}\n\n	&.diffList--editable\n	{\n		.diffList-line--u,\n		.diffList-conflict.is-resolved .is-chosen\n		{\n			cursor: pointer;\n		}\n	}\n}\n\n.diffList-line\n{\n	line-height: 1.5;\n	min-height: 8px;\n	padding: 0 @xf-paddingSmall;\n\n	&.diffList-line--u\n	{\n		background-color: #F0F8FF;\n		border: 1px solid #D0D8DF;\n		color: #4040A0;\n	}\n\n	&.diffList-line--d\n	{\n		background-color: #FAE4E4;\n		border: 1px solid #C86060;\n		color: #882020;\n	}\n\n	&.diffList-line--i\n	{\n		background-color: #E4FBE4;\n		border: 1px solid #60C860;\n		color: #208820;\n	}\n\n	&.diffList-line--d + .diffList-line--i,\n	&.diffList-line--i + .diffList-line--d\n	{\n		border-top: none;\n	}\n\n	textarea\n	{\n		box-sizing: border-box;\n		width: 100%;\n	}\n}\n\n.diffList-conflict\n{\n	background-color: #FFFADD;\n	border: 1px solid #ddcaad;\n	color: #4F4A2D;\n}\n\n.diffList-resolve\n{\n	border-bottom: 1px solid #ddcaad;\n	border-top: 1px solid #ddcaad;\n	padding: 5px 0;\n	text-align: center;\n}\n\n.diffList\n{\n	.diffLine\n	{\n		line-height: 1.5;\n		min-height: 8px;\n		padding: 0 @xf-paddingSmall 0 @xf-paddingSmall;\n	}\n	\n	.diff_d\n	{\n		background-color: #FAE4E4;\n		border: 1px solid #C86060;\n		color: #882020;\n	}\n	\n	.diff_d+.diff_i\n	{\n		border-top: none;\n	}\n	\n	.diff_i+.diff_d\n	{\n		border-top: none;\n	}\n	\n	.diff_i\n	{\n		background-color: #E4FBE4;\n		border: 1px solid #60C860;\n		color: #208820;\n	}\n	\n	.diff_u\n	{\n		background-color: #F0F8FF;\n		border: 1px solid #D0D8DF;\n		color: #4040A0;\n	}\n	\n	.conflict\n	{\n		background-color: #FFFADD;\n		border: 1px solid #ddcaad;\n		color: #4F4A2D;\n		\n		.resolve\n		{\n			border-bottom: 1px solid #ddcaad;\n			border-top: 1px solid #ddcaad;\n			padding: 5px 0;\n			text-align: center;\n		}\n	}\n	\n	textarea.editor\n	{\n		box-sizing: border-box;\n		margin-top: 5px;\n		margin: 0;\n		width: 100%;\n	}\n}\n', 0x[encoded data, 4686 characters], 0x5846, 2010270, '2.1.2', 1748686057),
(827, 0x7075626c6963, 0x64726167756c612e6c657373, 0, '.gu-mirror {\n	position: fixed !important;\n	margin: 0 !important;\n	z-index: 9999 !important;\n	opacity: 0.8;\n	-ms-filter: \"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)\";\n	filter: alpha(opacity=80);\n}\n.gu-hide {\n	display: none !important;\n}\n.gu-unselectable {\n	-webkit-user-select: none !important;\n	-moz-user-select: none !important;\n	-ms-user-select: none !important;\n	user-select: none !important;\n}\n.gu-transit {\n	opacity: 0.2;\n	-ms-filter: \"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)\";\n	filter: alpha(opacity=20);\n}', 0x4f3a32343a2258465c54656d706c6174655c436f6d70696c65725c417374223a313a7b733a383a226368696c6472656e223b613a313a7b693a303b4f3a33313a2258465c54656d706c6174655c436f6d70696c65725c53796e7461785c537472223a323a7b733a343a226c696e65223b693a313b733a373a22636f6e74656e74223b733a3533333a222e67752d6d6972726f72207b0a09706f736974696f6e3a2066697865642021696d706f7274616e743b0a096d617267696e3a20302021696d706f7274616e743b0a097a2d696e6465783a20393939392021696d706f7274616e743b0a096f7061636974793a20302e383b0a092d6d732d66696c7465723a202270726f6769643a4458496d6167655472616e73666f726d2e4d6963726f736f66742e416c706861284f7061636974793d383029223b0a0966696c7465723a20616c706861286f7061636974793d3830293b0a7d0a2e67752d68696465207b0a09646973706c61793a206e6f6e652021696d706f7274616e743b0a7d0a2e67752d756e73656c65637461626c65207b0a092d7765626b69742d757365722d73656c6563743a206e6f6e652021696d706f7274616e743b0a092d6d6f7a2d757365722d73656c6563743a206e6f6e652021696d706f7274616e743b0a092d6d732d757365722d73656c6563743a206e6f6e652021696d706f7274616e743b0a09757365722d73656c6563743a206e6f6e652021696d706f7274616e743b0a7d0a2e67752d7472616e736974207b0a096f7061636974793a20302e323b0a092d6d732d66696c7465723a202270726f6769643a4458496d6167655472616e73666f726d2e4d6963726f736f66742e416c706861284f7061636974793d323029223b0a0966696c7465723a20616c706861286f7061636974793d3230293b0a7d223b7d7d7d, 0x5846, 2010010, '2.1.0 Alpha', 1748686057),
(828, 0x7075626c6963, 0x656469745f686973746f72795f636f6d70617265, 0, '<xf:title>{$title} - {{ phrase(\'version_comparison\') }}</xf:title>\n\n<xf:breadcrumb source=\"$breadcrumbs\" />\n\n<xf:css src=\"public:diff.less\" />\n\n<div class=\"block\">\n	<div class=\"block-container\">\n		<div class=\"block-body block-row\">\n			<ul class=\"diffList\">\n				<xf:foreach loop=\"$diffs\" value=\"$diff\">\n					<xf:set var=\"$diffHtml\">{{ $diff.1|join(\'<br />\') }}</xf:set>\n					<li class=\"diffList-line diffList-line--{$diff.0}\">{{ trim($diffHtml) !== \'\' ? $diffHtml : \'&nbsp;\' }}</li>\n				</xf:foreach>\n			</ul>\n		</div>\n	</div>\n</div>', 0x[encoded data, 9436 characters], 0x5846, 2001170, '2.0.11', 1748686057);
INSERT INTO `xf_template` (`template_id`, `type`, `title`, `style_id`, `template`, `template_parsed`, `addon_id`, `version_id`, `version_string`, `last_edit_date`) VALUES
(829, 0x7075626c6963, 0x656469745f686973746f72795f696e646578, 0, '<xf:title>{$title} - {{ phrase(\'edit_history\') }}</xf:title>\n\n<xf:breadcrumb source=\"$breadcrumbs\" />\n\n<xf:form action=\"{{ link(\'edit-history\') }}\" class=\"block\" ajax=\"true\">\n	<div class=\"block-container\">\n		<div class=\"block-body\">\n			<xf:datalist>\n				<xf:datarow rowtype=\"header\">\n					<xf:cell class=\"dataList-cell--min\">{{ phrase(\'old\') }}</xf:cell>\n					<xf:cell class=\"dataList-cell--min\">{{ phrase(\'new\') }}</xf:cell>\n					<xf:cell width=\"30%\">{{ phrase(\'edit_date\') }}</xf:cell>\n					<xf:cell colspan=\"2\">{{ phrase(\'member\') }}</xf:cell>\n				</xf:datarow>\n				<xf:datarow rowclass=\"dataList-row--noHover\">\n					<xf:cell class=\"dataList-cell--min dataList-cell--alt dataList-cell--action\">\n						&nbsp;\n					</xf:cell>\n					<xf:cell class=\"dataList-cell--min dataList-cell--alt dataList-cell--action\">\n						<label><input type=\"radio\" name=\"new\" value=\"0\" checked=\"true\" /></label>\n					</xf:cell>\n					<xf:cell colspan=\"3\">\n						<em>{{ phrase(\'current_version\') }}</em>\n					</xf:cell>\n				</xf:datarow>\n				<xf:foreach loop=\"$editHistory\" key=\"$historyId\" value=\"$history\">\n					<xf:datarow rowclass=\"dataList-row--noHover\">\n						<xf:cell class=\"dataList-cell--min dataList-cell--alt dataList-cell--action\">\n							<label><input type=\"radio\" name=\"old\" value=\"{$historyId}\" {{ $oldId == $historyId ? \"checked\" : \"\" }} /></label>\n						</xf:cell>\n						<xf:cell class=\"dataList-cell--min dataList-cell--alt dataList-cell--action\">\n							<label><input type=\"radio\" name=\"new\" value=\"{$historyId}\" /></label>\n						</xf:cell>\n						<xf:cell>\n							<xf:date time=\"{$history.edit_date}\" />\n						</xf:cell>\n						<xf:cell>\n							<xf:username user=\"{$history.User}\" />\n						</xf:cell>\n						<xf:action href=\"{{ link(\'edit-history/view\', $history) }}\" overlay=\"true\" >\n							{{ phrase(\'view\') }}\n						</xf:action>\n					</xf:datarow>\n				</xf:foreach>\n				<xf:if is=\"$editCount && $editCount > $editHistory.count()\">\n					<xf:datarow>\n						<xf:cell class=\"dataList-cell--alt\" colspan=\"5\">\n							{{ phrase(\'this_content_edited_total_of_x_times_old_records_removed\', {\'count\': $editCount|number}) }}\n						</xf:cell>\n					</xf:datarow>\n				</xf:if>\n			</xf:datalist>\n		</div>\n		<div class=\"block-footer\">\n			<span class=\"block-footer-controls\">\n				<xf:button type=\"submit\" name=\"compare\" value=\"1\" class=\"button--primary\">{{ phrase(\'compare_versions\') }}</xf:button>\n			</span>\n		</div>\n	</div>\n	<xf:hiddenval name=\"content_type\">{$contentType}</xf:hiddenval>\n	<xf:hiddenval name=\"content_id\">{$contentId}</xf:hiddenval>\n</xf:form>', 0x[encoded data, 38908 characters], 0x5846, 2000170, '2.0.1', 1748686057);
INSERT INTO `xf_template` (`template_id`, `type`, `title`, `style_id`, `template`, `template_parsed`, `addon_id`, `version_id`, `version_string`, `last_edit_date`) VALUES
(830, 0x7075626c6963, 0x656469745f686973746f72795f76696577, 0, '<xf:title>{$title} - {{ phrase(\'content_history\') }}</xf:title>\n\n<xf:breadcrumb source=\"$breadcrumbs\" />\n\n<div class=\"block\">\n	<div class=\"block-container\">\n		<h2 class=\"block-tabHeader tabs\" data-xf-init=\"tabs\" role=\"tablist\">\n			<a class=\"tabs-tab is-active\" role=\"tab\" tabindex=\"0\" aria-controls=\"{{ unique_id(\'ehFormatted\') }}\">{{ phrase(\'formatted\') }}</a>\n			<a class=\"tabs-tab\" role=\"tab\" tabindex=\"0\" aria-controls=\"{{ unique_id(\'ehRaw\') }}\">{{ phrase(\'raw\') }}</a>\n		</h2>\n		<ul class=\"tabPanes block-body\">\n			<li class=\"block-row is-active\" role=\"tabpanel\" id=\"{{ unique_id(\'ehFormatted\') }}\">\n				{$handler.getHtmlFormattedContent({$editHistory.old_text}, $content)|raw}\n			</li>\n			<li class=\"block-row\" role=\"tabpanel\" id=\"{{ unique_id(\'ehRaw\') }}\">\n				<xf:textarea rows=\"10\" readonly=\"readonly\" value=\"{$editHistory.old_text}\" />\n			</li>\n		</ul>\n		<xf:form action=\"{{ link(\'edit-history/revert\', $editHistory) }}\" class=\"block-footer\" ajax=\"true\">\n			<span class=\"block-footer-controls\">\n				<xf:checkbox>\n					<xf:option name=\"confirm\" value=\"1\">\n						<xf:dependent>\n							<xf:button type=\"submit\" name=\"revert\" value=\"1\" class=\"button--primary\">\n								{{ phrase(\'revert\') }}\n							</xf:button>\n						</xf:dependent>\n					</xf:option>\n				</xf:checkbox>\n			</span>\n		</xf:form>\n	</div>\n</div>', 0x[encoded data, 18064 characters], 0x5846, 2001170, '2.0.11', 1748686057);
INSERT INTO `xf_template` (`template_id`, `type`, `title`, `style_id`, `template`, `template_parsed`, `addon_id`, `version_id`, `version_string`, `last_edit_date`) VALUES
(831, 0x7075626c6963, 0x656469746f72, 0, '<xf:if is=\"is_editor_capable()\">\n	<xf:css src=\"editor.less\" />\n\n	<xf:if is=\"$fullEditorJs\">\n		<xf:js src=\"vendor/froala/froala-compiled.full.js, xf/editor.js\" />\n	<xf:else />\n		<xf:js prod=\"xf/editor-compiled.js\" dev=\"vendor/froala/froala-compiled.js, xf/editor.js\" />\n	</xf:if>\n	<!--[XF:include_js]-->\n\n	<script class=\"js-editorToolbars\" type=\"application/json\">{$editorToolbars|json|raw}</script>\n	<script class=\"js-editorToolbarSizes\" type=\"application/json\">{$editorToolbarSizes|json|raw}</script>\n	<script class=\"js-editorDropdowns\" type=\"application/json\">{$editorDropdowns|json|raw}</script>\n	<script class=\"js-editorLanguage\" type=\"application/json\">\n		{\n			\"Align Center\": \"{{ phrase(\'align_center\')|escape(\'json\') }}\",\n			\"Align Left\": \"{{ phrase(\'align_left\')|escape(\'json\') }}\",\n			\"Align Right\": \"{{ phrase(\'align_right\')|escape(\'json\') }}\",\n			\"Align Justify\": \"{{ phrase(\'justify_text\')|escape(\'json\') }}\",\n			\"Align\": \"{{ phrase(\'alignment\')|escape(\'json\') }}\",\n			\"Alignment\": \"{{ phrase(\'alignment\')|escape(\'json\') }}\",\n			\"Back\": \"{{ phrase(\'back\')|escape(\'json\') }}\",\n			\"Bold\": \"{{ phrase(\'weight_bold\')|escape(\'json\') }}\",\n			\"By URL\": \"{{ phrase(\'by_url\')|escape(\'json\') }}\",\n			\"Clear Formatting\": \"{{ phrase(\'remove_formatting\')|escape(\'json\') }}\",\n			\"Code\": \"{{ phrase(\'code\')|escape(\'json\') }}\",\n			\"Text Color\": \"{{ phrase(\'text_color\')|escape(\'json\') }}\",\n			\"Decrease Indent\": \"{{ phrase(\'outdent\')|escape(\'json\') }}\",\n			\"Delete Draft\": \"{{ phrase(\'delete_draft\')|escape(\'json\') }}\",\n			\"Drafts\": \"{{ phrase(\'drafts\')|escape(\'json\') }}\",\n			\"Drop image\": \"{{ phrase(\'drop_image\')|escape(\'json\') }}\",\n			\"Drop video\": \"{{ phrase(\'drop_video\')|escape(\'json\') }}\",\n			\"Edit Link\": \"{{ phrase(\'edit_link\')|escape(\'json\') }}\",\n			\"Font Family\": \"{{ phrase(\'font_family\')|escape(\'json\') }}\",\n			\"Font Size\": \"{{ phrase(\'font_size\')|escape(\'json\') }}\",\n			\"Normal\": \"{{ phrase(\'paragraph_normal\')|escape(\'json\') }}\",\n			\"Heading 1\": \"{{ phrase(\'heading_1\')|escape(\'json\') }}\",\n			\"Heading 2\": \"{{ phrase(\'heading_2\')|escape(\'json\') }}\",\n			\"Heading 3\": \"{{ phrase(\'heading_3\')|escape(\'json\') }}\",\n			\"Increase Indent\": \"{{ phrase(\'indent\')|escape(\'json\') }}\",\n			\"Inline Code\": \"{{ phrase(\'inline_code\')|escape(\'json\') }}\",\n			\"Insert GIF\": \"{{ phrase(\'insert_gif\') }}\",\n			\"Insert Horizontal Line\": \"{{ phrase(\'insert_horizontal_line\')|escape(\'json\') }}\",\n			\"Inline Spoiler\": \"{{ phrase(\'inline_spoiler\')|escape(\'json\') }}\",\n			\"Insert Image\": \"{{ phrase(\'insert_image\')|escape(\'json\') }}\",\n			\"Insert Link\": \"{{ phrase(\'insert_link\')|escape(\'json\') }}\",\n			\"Insert\": \"{{ phrase(\'insert\')|escape(\'json\') }}\",\n			\"Italic\": \"{{ phrase(\'italic\')|escape(\'json\') }}\",\n			\"List\": \"{{ phrase(\'list\')|escape(\'json\') }}\",\n			\"Loading image\": \"{{ phrase(\'loading_image\')|escape(\'json\') }}\",\n			\"Media\": \"{{ phrase(\'media\')|escape(\'json\') }}\",\n			\"More Text\": \"{{ phrase(\'more_options...\')|escape(\'json\') }}\",\n			\"More Paragraph\": \"{{ phrase(\'more_options...\')|escape(\'json\') }}\",\n			\"More Rich\": \"{{ phrase(\'more_options...\')|escape(\'json\') }}\",\n			\"More Misc\": \"{{ phrase(\'more_options...\')|escape(\'json\') }}\",\n			\"Open Link\": \"{{ phrase(\'open_link\')|escape(\'json\') }}\",\n			\"or click\": \"{{ phrase(\'or_click_here\')|escape(\'json\') }}\",\n			\"Ordered List\": \"{{ phrase(\'ordered_list\')|escape(\'json\') }}\",\n			\"Paragraph Format\": \"{{ phrase(\'paragraph_format\')|escape(\'json\') }}\",\n			\"Preview\": \"{{ phrase(\'preview\')|escape(\'json\') }}\",\n			\"Quote\": \"{{ phrase(\'quote\')|escape(\'json\') }}\",\n			\"Redo\": \"{{ phrase(\'redo\')|escape(\'json\') }}\",\n			\"Remove\": \"{{ phrase(\'remove\')|escape(\'json\') }}\",\n			\"Replace\": \"{{ phrase(\'replace\')|escape(\'json\') }}\",\n			\"Save Draft\": \"{{ phrase(\'save_draft\')|escape(\'json\') }}\",\n			\"Smilies\": \"{{ phrase(\'smilies\')|escape(\'json\') }}\",\n			\"Something went wrong. Please try again.\": \"{{ phrase(\'something_went_wrong_please_try_again\')|escape(\'json\') }}\",\n			\"Spoiler\": \"{{ phrase(\'spoiler\')|escape(\'json\') }}\",\n			\"Strikethrough\": \"{{ phrase(\'strike_through\')|escape(\'json\') }}\",\n			\"Text\": \"{{ phrase(\'text\')|escape(\'json\') }}\",\n			\"Toggle BB Code\": \"{{ phrase(\'toggle_bb_code\')|escape(\'json\') }}\",\n			\"Underline\": \"{{ phrase(\'underline\')|escape(\'json\') }}\",\n			\"Undo\": \"{{ phrase(\'undo\')|escape(\'json\') }}\",\n			\"Unlink\": \"{{ phrase(\'unlink\')|escape(\'json\') }}\",\n			\"Unordered List\": \"{{ phrase(\'unordered_list\')|escape(\'json\') }}\",\n			\"Update\": \"{{ phrase(\'update\')|escape(\'json\') }}\",\n			\"Upload Image\": \"{{ phrase(\'upload_image\')|escape(\'json\') }}\",\n			\"Uploading\": \"{{ phrase(\'uploading\')|escape(\'json\') }}\",\n			\"URL\": \"{{ phrase(\'url\')|escape(\'json\') }}\",\n			\"Insert Table\": \"{{ phrase(\'insert_table\')|escape(\'json\') }}\",\n			\"Table Header\": \"{{ phrase(\'table_header\')|escape(\'json\') }}\",\n			\"Remove Table\": \"{{ phrase(\'remove_table\')|escape(\'json\') }}\",\n			\"Row\": \"{{ phrase(\'row\')|escape(\'json\') }}\",\n			\"Column\": \"{{ phrase(\'column\')|escape(\'json\') }}\",\n			\"Insert row above\": \"{{ phrase(\'insert_row_above\')|escape(\'json\') }}\",\n			\"Insert row below\": \"{{ phrase(\'insert_row_below\')|escape(\'json\') }}\",\n			\"Delete row\": \"{{ phrase(\'delete_row\')|escape(\'json\') }}\",\n			\"Insert column before\": \"{{ phrase(\'insert_column_before\')|escape(\'json\') }}\",\n			\"Insert column after\": \"{{ phrase(\'insert_column_after\')|escape(\'json\') }}\",\n			\"Delete column\": \"{{ phrase(\'delete_column\')|escape(\'json\') }}\",\n			\"Ctrl\": \"{{ phrase(\'ctrl\')|escape(\'json\') }}\",\n			\"Shift\": \"{{ phrase(\'shift\')|escape(\'json\') }}\",\n			\"Alt\": \"{{ phrase(\'alt\')|escape(\'json\') }}\",\n			\"Insert Video\": \"{{ phrase(\'insert_video\')|escape(\'json\') }}\",\n			\"Upload Video\": \"{{ phrase(\'upload_video\')|escape(\'json\') }}\",\n			\"Width\": \"{{ phrase(\'width\')|escape(\'json\') }}\",\n			\"Height\": \"{{ phrase(\'height\')|escape(\'json\') }}\",\n			\"Change Size\": \"{{ phrase(\'change_size\')|escape(\'json\') }}\",\n			\"None\": \"{{ phrase(\'none\')|escape(\'json\') }}\",\n			\"Alternative Text\": \"{{ phrase(\'alt_text\')|escape(\'json\') }}\",\n			\"__lang end__\": \"\"\n		}\n	</script>\n\n	<script class=\"js-editorCustom\" type=\"application/json\">\n		{$customIcons|json|raw}\n	</script>\n\n	<script class=\"js-xfEditorMenu\" type=\"text/template\">\n		<div class=\"menu\" data-menu=\"menu\" aria-hidden=\"true\"\n			data-href=\"{{ mustache(\'href\') }}\"\n			data-load-target=\".js-xfEditorMenuBody\">\n			<div class=\"menu-content\">\n				<div class=\"js-xfEditorMenuBody\">\n					<div class=\"menu-row\">{{ phrase(\'loading...\') }}</div>\n				</div>\n			</div>\n		</div>\n	</script>\n\n	<textarea name=\"{$htmlName}\"\n		class=\"input js-editor u-jsOnly\"\n		data-xf-init=\"editor\"\n		data-original-name=\"{$name}\"\n		data-buttons-remove=\"{$removeButtons|join(\',\')}\"\n		style=\"visibility: hidden; height: {{ $height + 37 }}px; {$styleAttr}\"\n		aria-label=\"{{ phrase(\'rich_text_box\')|for_attr }}\"\n		{$attrsHtml|raw}>{$htmlValue}</textarea>\n\n	<xf:comment>37, above, refers to the total height of the editor toolbar</xf:comment>\n\n	<input type=\"hidden\" value=\"{$value}\" data-bb-code=\"{$name}\" />\n\n	<noscript>\n		<textarea name=\"{$name}\" class=\"input\" aria-label=\"{{ phrase(\'rich_text_box\')|for_attr }}\">{$value}</textarea>\n	</noscript>\n\n<xf:else />\n\n	<textarea name=\"{$name}\" class=\"input input--fitHeight js-editor\" style=\"min-height: {$height}px; {$styleAttr}\" data-xf-init=\"textarea-handler user-mentioner emoji-completer draft-trigger\" aria-label=\"{{ phrase(\'rich_text_box\')|for_attr }}\" {$attrsHtml|raw}>{$value}</textarea>\n\n</xf:if>', 0x[encoded data, 129344 characters], 0x5846, 2020035, '2.2.0 Beta 5', 1748686057);
INSERT INTO `xf_template` (`template_id`, `type`, `title`, `style_id`, `template`, `template_parsed`, `addon_id`, `version_id`, `version_string`, `last_edit_date`) VALUES
(832, 0x7075626c6963, 0x656469746f722e6c657373, 0, '/* XF-RTL:disable */\n{{ include(\'editor_base.less\') }}\n/* XF-RTL:enable */\n\n@_editorBorderRadius: xf-default(@xf-input--border-radius, @xf-borderRadiusMedium);\n@_editorBorderColor: var(--input-border-heavy) var(--input-border-light) var(--input-border-light) var(--input-border-heavy);\n//@_editorFocusBorderColor: xf-default(@xf-inputFocus--border-top-color, @xf-borderColorHeavy) xf-default(@xf-inputFocus--border-right-color, @xf-borderColorLight) xf-default(@xf-inputFocus--border-bottom-color, @xf-borderColorLight) xf-default(@xf-inputFocus--border-left-color, @xf-borderColorHeavy);\n@_editorButtonGroupHPadding: 12px;\n@_editorButtonGroupHPaddingSmall: 6px;\n\n.fr-box.fr-basic\n{\n	background: @xf-editorBg;\n	border: solid 1px @xf-borderColor;\n	border-color: @_editorBorderColor;\n	.border-radius(@_editorBorderRadius);\n\n	.fr-toolbar.fr-top\n	{\n		background: @xf-editorToolsBg;\n	}\n\n	&.is-focused\n	{\n		background: @xf-editorFocusBg;\n		//border-color: @_editorFocusBorderColor;\n\n		.fr-element\n		{\n			color: @xf-editorFocusColor;\n		}\n\n		.fr-toolbar.fr-top\n		{\n			background: @xf-editorToolsFocusBg;\n		}\n	}\n\n	// regular border instead of an \'input\' border\n	&.is-preview,\n	&.is-preview .fr-toolbar .fr-btn-grp.rte-tab--preview\n	{\n		background: @xf-contentBg;\n		border-color: @xf-borderColor;\n	}\n\n	.fr-wrapper\n	{\n		border: none;\n	}\n\n	.fr-element\n	{\n		.m-inputZoomFix();\n		padding-top: (@editor-padding / 2);\n	}\n}\n\n.fr-toolbar\n{\n	@_more-spacer: 4px;\n\n	display: flex;\n	flex-wrap:  wrap;\n	border: none;\n	background: transparent;\n	.border-radius(@_editorBorderRadius @_editorBorderRadius 0 0);\n\n	.fr-command.fr-btn\n	{\n		display: inline-flex;\n		align-items: center;\n		justify-content: center;\n\n		// context sensitivity for toolbar buttons (highlight [B] when cursor is on bold text etc.)\n		&.fr-active:not(.fr-disabled)\n		{\n			color: @xf-editorButtonActiveColor;\n		}\n\n		// de-emphasize the \'more\' buttons slightly\n		&[data-cmd^=\"more\"]\n		{\n			opacity: 0.5;\n\n			&.fr-open\n			{\n				opacity: 1\n			}\n\n			i\n			{\n				width: 16px;\n			}\n		}\n\n		&.fr-dropdown\n		{\n			margin-right: 8px;\n\n			&:last-of-type\n			{\n				margin-right: 2px;\n			}\n		}\n	}\n\n	// BUTTON GROUP HANDLING\n	.fr-btn-grp\n	{\n		// using CSS variables here but we have a fallback for older browsers (for now)\n		--hpadding: @_editorButtonGroupHPadding;\n\n		display: inline-flex;\n\n		border-style: solid;\n		border-width: 0px;\n		border-color: @_editorBorderColor;\n\n		margin: 0;\n		padding: @_more-spacer 0 0 @_editorButtonGroupHPadding; // basic padding for older browsers\n		padding: @_more-spacer 0 0 var(--hpadding);\n\n		// hide empty groups completely, just in case we have alternative padding specified later on\n		&:empty\n		{\n			padding: 0 !important;\n		}\n\n		//&:nth-child(even)\n		//{\n		//	background: rgba(0,0,0,.05);\n		//}\n\n		&.fr-float-left\n		{\n			+ .fr-btn-grp.fr-float-right:not(.rte-tab--preview)\n			{\n				flex: 1 1 0;\n				justify-content: flex-end;\n			}\n		}\n\n		&.rte-tab--beforePreview\n		{\n			padding-right: @_editorButtonGroupHPadding;\n			padding-right: var(--hpadding);\n\n			&.fr-float-left\n			{\n				// make sure this expands to fill the space so the preview border is correct\n				flex-grow: 1;\n			}\n		}\n\n		// tabify inactive groups\n		&.rte-tab--inactive\n		{\n			border-bottom-width: 1px;\n		}\n\n		&.rte-tab--preview\n		{\n			border-left-width: 1px;\n			.border-radius(0 @_editorBorderRadius 0 0);\n\n			// pad the button to make it fill the tab\n			// normally padding: 4px, 17px, 0, 22px; margin: 0;\n			padding: 0 !important;\n\n			.fr-command.fr-btn\n			{\n				padding: 4px (@_editorButtonGroupHPadding + 5px) 0px (@_editorButtonGroupHPadding + 5px);\n				padding: 4px ~\'calc(var(--hpadding) + 5px)\' 0px ~\'calc(var(--hpadding) + 5px)\';\n				height: 36px;\n				.border-radius(0 @_editorBorderRadius 0 0);\n\n				&:hover\n				{\n					background: transparent;\n				}\n			}\n		}\n	}\n\n	.fr-newline\n	{\n		margin: 0;\n	}\n\n	// \'more\' toolbar stuff\n	.fr-command.fr-btn.fr-open\n	{\n		margin-top: @btn-margin;\n		padding-bottom: @_more-spacer;\n		height: (@btn-height + @_more-spacer);\n	}\n\n	.fr-more-toolbar\n	{\n		position: absolute;\n		bottom: 0;\n\n		&[style*=\"padding-left: 0px\"]\n		{\n			// Padding is used on the more toolbar for button alignment. If it\'s 0 then we don\'t want\n			// the buttons to be jammed up against the edge.\n			padding-left: @_editorButtonGroupHPaddingSmall !important;\n		}\n	}\n}\n\n.fr-separator\n{\n	float: none;\n	display: inline-flex;\n	align-items: center;\n	justify-content: center;\n	background-color: @xf-editorButtonDisabledColor;\n\n	&.fr-vs\n	{\n		height: (@btn-height - @btn-margin * 2);\n		margin: 4px;\n	}\n\n	.fr-toolbar > &\n	{\n		// hide separators directly under the toolbar rather in groups - this only happens as\n		// a resize quirk\n		display: none;\n	}\n}\n\n// RTE disabled (BB code mode) styling\n.fr-box textarea.input\n{\n	border: none;\n	background: none;\n}\n\n// some adjustments for different screen resolutions\n.fr-box.fr-basic\n{\n	&[data-size=\"XL\"],\n	&[data-size=\"LG\"],\n	&[data-size=\"MD\"]\n	{\n		.fr-btn-grp\n		{\n			padding-right: @_editorButtonGroupHPadding;\n		}\n	}\n\n	// shrink the \'Preview\' padding at smaller resolutions\n	&[data-size=\"SM\"],\n	&[data-size=\"XS\"]\n	{\n		.fr-btn-grp\n		{\n			--hpadding: @_editorButtonGroupHPaddingSmall;\n		}\n	}\n\n	// show the \'Preview\' text on the preview tab at larger resolutions\n	// this width is defined by the width of the page 50px larger than the size at which quick reply turns on the full-size toolbar\n	@media (min-width: 1132px)\n	{\n		&[data-size=\"XL\"] .rte-tab--preview span.fr-sr-only\n		{\n			font-size: 13px;\n\n			// undo the original class\n			position: static;\n			width: auto;\n			height: auto;\n			clip: auto;\n			overflow: visible;\n			margin: 0;\n		}\n	}\n}\n\n\n\n.fr-toolbar,\n.fr-popup,\n.fr-modal\n{\n	// make FontAwesome iconography respect btn-font-size\n	.fr-command.fr-btn i\n	{\n		font-size: @xf-editorButtonSize;\n\n		// fix svg nested in i\n		svg\n		{\n			margin: 0;\n			width: inherit;\n		}\n	}\n\n	// improve positioning of FA buttons\n	.fr-tabs .fr-command.fr-btn i\n	{\n		margin: ((@popup-tab-button-height - @popup-btn-svg-size) / 2) ((@popup-tab-button-width - @popup-btn-svg-size) / 2);\n\n		// fix svg nested in i\n		svg\n		{\n			height: 1em;\n			margin: unset;\n		}\n	}\n\n	.fr-command.fr-btn svg path\n	{\n		fill: currentColor;\n		.m-transition(none);\n	}\n\n	// adjust separator height in this scenario to match button height\n	.fr-tabs .fr-separator.fr-vs\n	{\n		margin-top: 2px;\n		margin-bottom: 2px;\n	}\n\n	// some elements briefly flash through dropdowns on transition\n	z-index: 3;\n}\n\n.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content\n{\n	ul.fr-dropdown-list li a i\n	{\n		font-size: @xf-editorButtonSize;\n		margin: 8px 7px;\n\n		// fix svg nested in i\n		svg\n		{\n			width: 1em;\n			height: 1em;\n			margin: unset;\n		}\n	}\n}\n\n// setup visuals in the editor match visuals in messages\n.fr-view\n{\n	img.fr-draggable:not(.smilie),\n	.bbImage\n	{\n		max-width: 100%;\n		height: auto;\n	}\n\n	.fr-video\n	{\n		position: relative;\n\n		video\n		{\n			width: 560px;\n			max-width: 100%;\n		}\n	}\n\n	.fr-audio\n	{\n		-webkit-user-select: none;\n		-moz-user-select: none;\n		-ms-user-select: none;\n		user-select: none;\n\n		audio\n		{\n			width: 560px;\n			max-width: 100%;\n		}\n	}\n\n	p\n	{\n		margin-bottom: 0;\n		margin-top: 0;\n	}\n\n	&.fr-element\n	{\n		.fr-disabled\n		{\n			.xf-inputDisabled() !important;\n		}\n\n		@attach-margin: @xf-bbCodeImgFloatMargin;\n		@attach-margin-after: @xf-bbCodeImgFloatMarginAfter;\n\n		img.fr-dii\n		{\n			display: inline-block;\n			float: none;\n			margin: 0;\n			max-width: 100%;\n\n			&.fr-fil\n			{\n				float: left;\n				margin: @attach-margin @attach-margin-after @attach-margin-after 0;\n				max-width: calc(~\'100% - @{attach-margin}\');\n			}\n\n			&.fr-fir\n			{\n				float: right;\n				margin: @attach-margin 0 @attach-margin-after @attach-margin-after;\n				max-width: calc(~\'100% - @{attach-margin}\');\n			}\n		}\n\n		.fr-video.fr-dvi\n		{\n			display: inline-block;\n			float: none;\n			margin-left: @attach-margin;\n			margin-right: @attach-margin;\n			max-width: calc(~\'100% - (2 * @{attach-margin})\');\n			outline: @xf-borderSize solid @xf-borderColorLight;\n\n			&.fr-fvl\n			{\n				float: left;\n				margin: @attach-margin @attach-margin-after @attach-margin-after 0;\n				max-width: calc(~\'100% - @{attach-margin}\');\n			}\n\n			&.fr-fvr\n			{\n				float: right;\n				margin: @attach-margin 0 @attach-margin-after @attach-margin-after;\n				max-width: calc(~\'100% - @{attach-margin}\');\n			}\n		}\n	}\n\n	.m-tableBase();\n\n	h2,\n	h3,\n	h4\n	{\n		margin: .5em 0;\n		clear: both;\n	}\n\n	h2 { font-size: @xf-fontSizeLargest; }\n	h3 { font-size: @xf-fontSizeLarger; }\n	h4 { font-size: @xf-fontSizeLarge; }\n\n	hr\n	{\n		border: none;\n		border-top: @xf-borderSize solid @xf-borderColorHeavy;\n		clear: both;\n	}\n\n	code\n	{\n		margin: 0;\n		.xf-bbCodeInlineCode();\n		font-family: @xf-fontFamilyCode;\n		line-height: @xf-lineHeightDefault;\n		box-decoration-break: clone;\n		-webkit-box-decoration-break: clone;\n		white-space: pre-wrap;\n	}\n\n	// quote tag emulation\n	blockquote\n	{\n		.xf-bbCodeBlock();\n		margin: .5em 0;\n		padding: @xf-paddingMedium @xf-paddingLarge;\n		font-size: @xf-fontSizeSmall;\n		display: flow-root;\n\n		.m-tableBase();\n\n		&:first-child\n		{\n			margin-top: 0;\n		}\n\n		&:last-child\n		{\n			margin-bottom: 0;\n		}\n\n		&[data-quote]\n		{\n			&:before\n			{\n				display: block;\n				content: attr(data-quote) \"{$xf.language.label_separator}\";\n				.xf-bbCodeBlockTitle();\n				padding: @xf-paddingMedium @xf-paddingLarge;\n				margin: -@xf-paddingMedium -@xf-paddingLarge @xf-paddingMedium -@xf-paddingLarge;\n				// this margin combination makes the attribution take the full width and have bottom padding\n			}\n		}\n	}\n}\n\n// try to make Froala inputs look like ours\n.fr-popup\n{\n	.fr-input-line\n	{\n		padding: 18px 0 8px;\n\n		input[type=\"text\"],\n		textarea\n		{\n			.xf-input();\n			margin: 0;\n			line-height: @xf-lineHeightDefault;\n			.m-transition(background, color;);\n			height: auto;\n\n			&:hover\n			{\n				.xf-input(border);\n			}\n\n			&:focus\n			{\n				.xf-input(border);\n				.xf-input(padding);\n				.xf-inputFocus();\n			}\n\n			.m-inputZoomFix();\n		}\n\n		input + label,\n		textarea + label\n		{\n			line-height: 1.2;\n			font-size: 12px;\n			color: fade(xf-default(@xf-input--color, @xf-textColor), 40%);\n			background: transparent;\n			top: 28px;\n		}\n\n		input.fr-not-empty + label,\n		textarea.fr-not-empty + label\n		{\n			color: @xf-textColorMuted;\n			top: 2px;\n		}\n	}\n\n	.fr-action-buttons\n	{\n		height: auto;\n		.m-frCommandStyle();\n	}\n\n	// fix FA selected color indicator\n	.fr-color-set > span .fr-selected-color\n	{\n		.m-faIcon(@fa-var-check);\n		height: 100%;\n		margin: 0 auto;\n	}\n}\n\n.fr-popup .fr-table-size .fr-select-table-size > span.hover > span\n{\n	background: fade(@ui-color, 0.3);\n}\n\n.fr-quick-insert\n{\n	padding-right: 0;\n	margin-left: (@editor-padding / 2);\n\n	// bring this into our z-index levels\n	z-index: @zIndex-2;\n}\n\n// this toolbar is redundant and annoying\n.fr-second-toolbar\n{\n	display: none;\n}\n\n.m-frCommandStyle()\n{\n	button.fr-command\n	{\n		.m-buttonBase();\n		.xf-buttonPrimary();\n		.m-buttonBlockColorVariationSimple(xf-default(@xf-buttonPrimary--background-color, transparent));\n\n		height: auto;\n		min-width: 0;\n		line-height: @xf-lineHeightDefault;\n\n		&:hover,\n		&:active,\n		&:focus\n		{\n			// overriding Froala\'s hover\n			color: @xf-buttonPrimary--color;\n		}\n	}\n}\n\n// Fix for broken CSS in ui/popup.scss, plugin/image.scss, plugin/video.scss\n// See: https://github.com/froala/wysiwyg-editor/issues/3878\n.fr-popup textarea { resize: none; }\n\n.fr-image-resizer\n{\n	&.fr-active { display: block; }\n\n	.fr-handler\n	{\n		&.fr-hnw { cursor: nw-resize; }\n		&.fr-hne { cursor: ne-resize; }\n		&.fr-hsw { cursor: sw-resize; }\n		&.fr-hse { cursor: se-resize; }\n	}\n}\n\n.fr-box .fr-video-resizer\n{\n	&.fr-active { display: block; }\n\n	.fr-handler\n	{\n		&.fr-hnw { cursor: nw-resize; }\n		&.fr-hne { cursor: ne-resize; }\n		&.fr-hsw { cursor: sw-resize; }\n		&.fr-hse { cursor: se-resize; }\n	}\n}\n\n// #### Smilies, emoji and GIF popup\n\n@_menu-padding: @xf-paddingMedium;\n@_menu-padding-large: @xf-paddingLarge;\n\n.menu--emoji\n{\n	width: 412px;\n}\n\n.menu--gif\n{\n	width: 500px;\n}\n\n.menu--emoji,\n.menu--gif\n{\n	max-width: calc(~\'100% - @{xf-pageEdgeSpacer}\');\n\n	.menu-content\n	{\n		position: relative;\n	}\n\n	.menu-scroller\n	{\n		max-height: 250px;\n		border-top: 0;\n	}\n\n	.menu-row\n	{\n		padding: @_menu-padding @_menu-padding;\n\n		&.menu-row--insertedMessage\n		{\n			.m-hiddenEl(true);\n			position: absolute;\n			top: 0;\n			left: 0;\n			right: 0;\n			border-bottom: @xf-borderSize solid @xf-borderColorLight;\n		}\n\n		&.menu-row--search\n		{\n			border-bottom: @xf-borderSize solid @xf-borderColor;\n		}\n	}\n\n	.menu-emojiInsertedMessage\n	{\n		display: flex;\n		align-items: center;\n		justify-content: center;\n		min-height: 35px;\n		font-size: @xf-fontSizeNormal;\n\n		img { max-height: 32px; }\n		span { margin-left: .5em }\n	}\n\n	.menu-header\n	{\n		background: none;\n		.xf-formSectionHeader();\n		background-color: @xf-contentBg;\n		z-index: @zIndex-1;\n		font-size: @xf-fontSizeNormal;\n		position: -webkit-sticky;\n		position: sticky;\n		padding: @_menu-padding @_menu-padding-large;\n		top: 0;\n	}\n\n	.block-body--emoji\n	{\n		border-top: @xf-borderSize solid @xf-borderColorLight;\n	}\n\n	.is-hidden\n	{\n		display: none;\n	}\n}\n\n.emojiList\n{\n	.m-listPlain();\n\n	display: flex;\n	flex-wrap: wrap;\n	justify-content: flex-start;\n\n	margin-right: -3px;\n	margin-bottom: -3px;\n\n	> li\n	{\n		min-width: 32px;\n		margin-right: 3px;\n		margin-bottom: 3px;\n\n		.border-radius(@xf-borderRadiusMedium);\n		cursor: pointer;\n\n		&:hover,\n		&:focus\n		{\n			background-color: @xf-paletteColor2;\n		}\n\n		a\n		{\n			min-width: 32px;\n			height: 32px;\n			font-size: 24px;\n\n			display: flex;\n			justify-content: center;\n			align-items: center;\n			cursor: pointer;\n			overflow: hidden;\n\n			&:hover,\n			&:focus\n			{\n				text-decoration: none;\n			}\n\n			img\n			{\n				max-height: 32px;\n			}\n\n			.smilie.smilie--emoji\n			{\n				width: 22px;\n			}\n\n			.smilie--lazyLoad\n			{\n				visibility: hidden;\n			}\n		}\n	}\n}\n\n// ### Editor placeholder system (where the editor is hidden until clicked)\n\n.editorPlaceholder\n{\n	.is-hidden\n	{\n		display: none;\n	}\n\n	cursor: text;\n\n	.editorPlaceholder-placeholder\n	{\n		.input\n		{\n			padding: @xf-paddingLarge;\n\n			span\n			{\n				&:before\n				{\n					.m-faBase();\n					.m-faContent(@fa-var-pen);\n				}\n			}\n		}\n	}\n}\n\n// ### Editor draft saving indicator\n\n.editorDraftIndicator\n{\n	.m-transition();\n	opacity: 0;\n	position: absolute;\n	bottom: 6px;\n	right: 8px;\n	width: 8px;\n	height: 8px;\n	border-radius: 4px;\n	background: rgb(127, 185, 0);\n\n	&.is-active\n	{\n		opacity: 1;\n	}\n}\n\n.xfPreview\n{\n	.m-clearFix();\n}', 0x[encoded data, 30686 characters], 0x5846, 2030070, '2.3.0', 1748686057);
INSERT INTO `xf_template` (`template_id`, `type`, `title`, `style_id`, `template`, `template_parsed`, `addon_id`, `version_id`, `version_string`, `last_edit_date`) VALUES
(833, 0x7075626c6963, 0x656469746f725f626173652e6c657373, 0, '/***** froala.less *****/\n\n/***** variables.less *****/\n\n\n// Theme Name.\n@theme: \'theme\';\n\n// Generic.\n@white: #FFF;\n@light-black: #333333;\n@black: #000;\n@gray: #CCCCCC;\n@dark-grey: #999999;\n@font-family: Arial, Helvetica, sans-serif;\n@border-radius: 2px;\n@transition-timing: 0.2s ease 0s;\n@bg-color: #f5f5f5;\n\n// UI colors\n@ui-color: #0098f7;\n@ui-text: #222222;\n@ui-hover-light-color: mix(@white, #999, 90%);\n@ui-hover-color: mix(@white, #999, 80%);\n@ui-focused-color: mix(@white, #999, 60%);\n@ui-disabled-color: mix(@white, #000, 74%);\n@ui-active-color: #d6d6d6;\n@ui-bg: @white;\n@ui-font-size: 14px;\n@ui-border-color: @ui-text;\n@ui-border-top: 5px solid @ui-border-color;\n@ui-border-hover-color:#515151;\n@ui-bg-color: #efefef;\n@ui-svg-size: 24px;\n@ui-box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);\n@ui-bg-color-more: @bg-color;\n\n// Separator\n@separator-size: 1px;\n@separator-color: mix(@white, #999, 80%);\n@separator-margin: 8px 4px;\n\n// Toolbar\n@toolbar-transition-timing: 0.5s;\n@toolbar-newline-margin: 9px;\n@toolbar-newline-height: 1px;\n@toolbar-newline-color: @ui-bg-color;\n@btn-more-open-margin-top: 10px;\n@btn-more-open-margin-bottom: -1px;\n@btn-size: 36px;\n\n// Logo\n@logo-svg-height: 20px;\n@logo-svg-width: 47px;\n@logo-svg-margin: 7px 0;\n@logo-transition-timing: 0.3s;\n@logo-span-padding: 11px 5px 10px 15px;\n@logo-span-font-size: 12px;\n@logo-color: #b1b2b7;\n\n// Screen sizes.\n@screen-xs: 480px;\n@screen-sm: 768px;\n@screen-md: 992px;\n@screen-lg: 1200px;\n@screen-xs-max: (@screen-sm - 1);\n@screen-sm-max: (@screen-md - 1);\n@screen-md-max: (@screen-lg - 1);\n@screen-lg-max: \'auto\';\n\n// Tooltip\n@tooltip-bg: @ui-text;\n@tooltip-text: @white;\n@tooltip-font-size: 11px;\n@tooltip-line-height: 22px;\n\n// Editor properties.\n@editor-padding: 20px;\n@editor-bg: @white;\n@editor-font-family: sans-serif;\n@editor-font-color: #414141;\n@editor-font-size: 14px;\n@editor-line-height: 1.6;\n@editor-shadow-level: 1;\n@editor-border: 1px solid @gray;\n@editor-border-radius: 10px;\n@editor-align: left;\n\n// Text selection colors.\n@selection-bg: rgba(181, 214, 253, 0.8);\n@selection-text: #000;\n\n// Placeholder properties.\n@placeholder-size: @editor-font-size;\n@placeholder-font-family: @editor-font-family;\n@placeholder-color: #AAA;\n\n// Button colors.\n@btn-text: @light-black;\n@btn-hover-text: @light-black;\n@btn-hover-bg: #ebebeb;\n\n@btn-active-text: @ui-color;\n@btn-active-bg: @ui-active-color;\n@btn-active-hover-text: @btn-active-text;\n\n@btn-selected-text: @btn-text;\n@btn-selected-bg: @ui-focused-color;\n\n@btn-disabled-color: @ui-disabled-color;\n@btn-disabled-opacity: 0.3;\n\n// Button size.\n@btn-width: 38px;\n@btn-height: 40px;\n@btn-margin: 4px;\n@btn-font-size: 24px;\n@btn-more-toolbar-height: 34px;\n@btn-border-radius: 4px;\n@btn-dropdown-border-radius: 0 @btn-border-radius @btn-border-radius 0;\n@btn-hover-border-radius: @btn-border-radius 0 0 @btn-border-radius;\n@btn-svg-size: @ui-svg-size;\n@btn-tab-border-radius: 6px 6px 0 0;\n\n// Second toolbar.\n@more-toolbar-margin: 0 17px 0 12px;\n@more-toolbar-margin-sm: 0 7px 0 6px;\n@more-toolbar-btn-height: calc(@btn-height + (@btn-margin * 2));\n\n// Image.\n@image-margin: 5px;\n@image-padding: 0 1px;\n\n// Image and Video\n@handler-size: 12px;\n@handler-size-lg: 10px;\n\n// Code View\n@code-view-bg: @white;\n@code-view-text: @black;\n\n// Table properties.\n@table-border: 1px solid #DDD;\n@table-resizer: 1px solid @ui-color;\n\n// Insert table grid.\n@insert-table-grid: @table-border;\n\n// Quick insert.\n@floating-btn-bg: @white;\n@floating-btn-text: @light-black;\n@floating-btn-hover-bg: @btn-hover-bg;\n@floating-btn-hover-text: @floating-btn-text;\n@floating-btn-size: 40px;\n@floating-btn-font-size: 14px;\n@floating-btn-border: none;\n@floating-svg-btn-size: @ui-svg-size;\n@floating-svg-btn-margin: 8px;\n@floating-btn-padding: 6px 10px 10px 10px;\n@floating-btn-box-shadow: @ui-box-shadow;\n\n@quick-insert-padding-right: 10px;\n\n// List menu.\n@dropdown-arrow-width: 4px;\n@dropdown-max-height: 275px;\n@dropdown-options-width: 16px;\n@dropdown-options-margin-left: -5px;\n@dropdown-options-border-left: solid 1px #FAFAFA;\n@dropdown-transition-timing: 0.3s;\n@dropdown-border-radius: 4px;\n@dropdown-list-padding: 8px 0;\n@dropdown-list-min-width: 72px;\n@dropdown-list-item-font-size: 15px;\n@dropdown-menu-box-shadow: @ui-box-shadow;\n\n// Image manager.\n@modal-bg: @white;\n@modal-overlay-color: @black;\n@modal-head-height: 56px;\n@modal-head-padding: 0 10px;\n@modal-btn-padding: (@floating-btn-size - @floating-svg-btn-size) / 2;\n@modal-btn-margin-top: 10px;\n@modal-tags-border-radius: 32px;\n@modal-tags-padding: 0 20px;\n@modal-link-tags-padding: 6px 12px;\n@modal-link-tags-margin: 8px 0 8px 8px;\n@modal-selected-tag-bg: #EcF5Ff;\n@modal-wrapper-border-radius: 10px;\n@modal-wrapper-margin-lg: 20px auto;\n@modal-wrapper-margin-md: 50px auto;\n@modal-wrapper-margin-sm: 30px auto;\n@modal-wrapper-box-shadow: 0 3px 5px -1px rgba(0,0,0,.2), 0 6px 10px 0 rgba(0,0,0,.14), 0 1px 18px 0 rgba(0,0,0,.12);\n@modal-head-min-height: 42px;\n@modal-close-margin: 10px;\n@modal-heading-font-size: 20px;\n@modal-heading-padding: 19px 10px;\n@modal-body-min-width: 150px;\n@modal-body-btn-height: @btn-size;\n@modal-body-btn-padding: 10px;\n@modal-body-padding-bottom: 20px;\n@modal-head-line-height: 18px;\n@modal-wrapper-min-width: 300px;\n@modal-overlay-opacity: 0.5;\n\n// Destroy buttons (delete in image manager).\n@modal-destroy-btn-bg: #B8312F;\n@modal-destroy-btn-text: @white;\n@modal-destroy-btn-hover-bg: mix(contrast(@modal-destroy-btn-bg, @black, @white), @modal-destroy-btn-bg, 10%);\n@modal-destroy-btn-hover-text: @white;\n\n// Popups\n@popup-layer-width: 260px;\n@popup-border-radius: 6px;\n@popup-min-width: 276px;\n@popup-container-max-height: 200px;\n@popup-icon-size: @ui-svg-size;\n@popup-tab-button-width: 46px;\n@popup-tab-button-height: @btn-height;\n@popup-box-shadow: 0 3px 5px -1px rgba(0,0,0,.2), 0 6px 10px 0 rgba(0,0,0,.14), 0 1px 18px 0 rgba(0,0,0,.12);\n@popup-action-btn-spacing: 10px;\n@popup-margin-top: @popup-action-btn-spacing;\n@popup-layer-margin: 20px;\n@popup-action-button-font-size: 16px;\n@popup-only-btn-padding: 6px 10px;\n@popup-btn-svg-size: @ui-svg-size;\n@popup-border-margin: 20px;\n@popup-border-padding: 20px;\n@popup-icon-font-size: 20px;\n@popup-padding: 5px;\n@popup-icon-padding: 6px;\n@popup-emoticon-container-width: 368px;\n@popup-sc-container-width: @popup-emoticon-container-width;\n@popup-fa-container-width: 506px;\n@popup-sm-ie-width: 236px;\n@popup-fa-icon-size: 18px;\n@popup-fa-icon-padding: 8px;\n@popup-fa-icon-margin: 6px;\n@popup-fa-icon-font-size: 16px;\n@popup-fa-grid-icon-size: 45px;\n\n// Inputs.\n@input-border-color: @dark-grey;\n@input-label-color: mix(@white, #000, 50%);\n@input-line-padding: 15px 0;\n@input-border-radius: 2px;\n@input-border-width: 1px;\n@input-focus-border-width: 2px;\n@input-padding-left-right: 12px;\n@input-padding-top-bottom: 4px;\n@input-padding: @input-padding-top-bottom @input-padding-left-right;\n@input-focus-padding: (@input-padding-top-bottom - @input-focus-border-width + @input-border-width) (@input-padding-left-right - @input-focus-border-width + @input-border-width);\n@input-height: 46px;\n@input-label-font-size: 14px;\n@input-label-font-size-after: 11px;\n@input-label-top: 29px;\n@input-label-top-after: 9px;\n@input-label-left: 12px;\n@input-label-left-after: 4px;\n@input-label-padding: 4px;\n@input-margin-bottom: 1px;\n\n// Checkbox\n@checkbox-size: 18px;\n@checkbox-padding: 10px;\n@checkbox-margin: 2px;\n@checbox-svg-size: 10px;\n@checkbox-line-margin-top: 10px;\n@checkbox-line-font-size: 14px;\n@checkbox-line-label-margin: 0 5px;\n@checkbox-line-height: 1.4px;\n@checbox-active-bg: #EcF5Ff;\n@checkbox-opacity: 0.8;\n\n// Quote.\n@blockquote-level1-color: #5E35B1;\n@blockquote-level2-color: #00BCD4;\n@blockquote-level3-color: #43A047;\n\n// Char counter.\n@char-counter-text-color: @dark-grey;\n@char-counter-font-size: 14px;\n@char-counter-font-family: sans-serif;\n@char-counter-padding: 10px;\n\n@drag-helper-border: solid 1px @ui-color;\n@drag-helper-bg: @ui-color;\n\n// Document ready.\n@document-ready-padding: 30px;\n@document-ready-bg-color: @ui-bg-color;\n\n// Colors\n@color-input-line-padding: 15px 0 0;\n@color-action-button-padding: 17px 0 0;\n@color-span-size: 32px;\n@color-remove-svg-margin: 4px;\n@color-line-height: 32px;\n@color-font-size: 13px;\n\n// Emoticons\n@emoticon-tab-padding: 6px;\n@emoticon-tab-btn-padding: 0 0 0 14px;\n\n// Image Manager\n@image-manager-list-margin: 0 20px;\n@image-manager-not-available-padding: 12px 0;\n\n//Special Character\n@special-char-btn-padding: 10px 15px;\n\n\n// ################# CUSTOM OVERRIDES ################\n{{ include(\'editor_override.less\') }}\n\n\n/***** mixins.less *****/\n\n.resize(@val) {\n  resize: @val;\n  -moz-resize: @val;\n  -webkit-resize: @val;\n}\n\n.opacity(@opacity: 0.5) {\n	-webkit-opacity: 	@opacity;\n	-moz-opacity: 		@opacity;\n	opacity: 		@opacity;\n  -ms-filter: \"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)\";\n}\n\n.transition(@transition...) {\n	-webkit-transition: @transition;\n	-moz-transition:    @transition;\n	-ms-transition:     @transition;\n	-o-transition:      @transition;\n}\n\n.transform(@string) {\n	-webkit-transform: @string;\n	-moz-transform: 	 @string;\n	-ms-transform: 		 @string;\n	-o-transform: 		 @string;\n}\n\n.box-sizing(@type: border-box) {\n	-webkit-box-sizing: @type;\n	-moz-box-sizing:    @type;\n	box-sizing:         @type;\n}\n\n.border-radius(@radius: 0) {\n  border-radius: @radius;\n  -moz-border-radius: @radius;\n  -webkit-border-radius: @radius;\n\n  -moz-background-clip:    padding;\n	-webkit-background-clip: padding-box;\n	background-clip:         padding-box;\n}\n\n.user-select(@select) {\n  user-select: @select;\n  -o-user-select:@select;\n  -moz-user-select: @select;\n  -khtml-user-select: @select;\n  -webkit-user-select: @select;\n  -ms-user-select: @select;\n}\n\n.box-shadow(@shadow) {\n  -webkit-box-shadow: @shadow;\n  -moz-box-shadow: @shadow;\n  box-shadow: @shadow;\n}\n\n.fr-clearfix {\n  &::after {\n    clear: both;\n    display: block;\n    content: \"\";\n    height: 0;\n  }\n}\n\n.fr-clearfix {\n  &::after {\n    clear: both;\n    display: block;\n    content: \"\";\n    height: 0;\n  }\n}\n\n.column-count(@count) {\n  column-count: @count;\n  -moz-column-count: @count;\n  -webkit-column-count: @count;\n}\n\n.column-gap(@gap) {\n  column-gap: @gap;\n  -moz-column-gap: @gap;\n  -webkit-column-gap: @gap;\n}\n\n.animation(@val) {\n	-webkit-animation: @val;\n  -moz-animation: @val;\n  -o-animation: @val;\n  animation: @val;\n}\n\n.handler-size(@size) {\n  .fr-handler {\n    width: @size;\n    height: @size;\n\n    &.fr-hnw {\n      left: (-@size / 2);\n      top: (-@size / 2);\n    }\n\n    &.fr-hne {\n      right: (-@size / 2);\n      top: (-@size / 2);\n    }\n\n    &.fr-hsw {\n      left: (-@size / 2);\n      bottom: (-@size / 2);\n    }\n\n    &.fr-hse {\n      right: (-@size / 2);\n      bottom: (-@size / 2);\n    }\n  }\n}\n\n.font-smoothing() {\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.fr-hide-by-clipping {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0,0,0,0);\n  border: 0;\n}\n\n.fr-hide-by-clipping {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0,0,0,0);\n  border: 0;\n}\n\n.display-inline-flex() {\n\n  display: -webkit-inline-flex;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n}\n\n.keyframes(@animation-name, @rules) {\n  @-webkit-keyframes @animation-name {\n    @rules();\n  }\n  @-moz-keyframes @animation-name {\n    @rules();\n  }\n  @-o-keyframes @animation-name {\n    @rules();\n  }\n  @keyframes @animation-name {\n    @rules();\n  }\n}\n\n/***** core/element.less *****/\n\n.fr-element, .fr-element:focus {\n  outline: 0 solid transparent;\n}\n\n.fr-view.fr-element-scroll-visible {\n  overflow-x: visible !important;\n}\n\n.fr-box.fr-basic {\n  .border-radius(@editor-border-radius);\n\n  .fr-element {\n    font-family: @editor-font-family;\n    color: @editor-font-color;\n    font-size: @editor-font-size;\n    line-height: @editor-line-height;\n\n    padding: @editor-padding;\n    .box-sizing(border-box);\n    overflow-x: auto;\n    min-height: (20px + (2 * @editor-padding));\n    text-align: @editor-align;\n  }\n\n  &.fr-rtl {\n    .fr-element {\n      text-align: right;\n    }\n  }\n}\n\n.fr-element {\n  background: transparent;\n  position: relative;\n  z-index: 2;\n\n  // CSS rule for iPad not being able to select sometimes.\n  -webkit-user-select: auto;\n\n  // Fix bootstrap select.\n  a {\n    .user-select(auto);\n  }\n\n  &.fr-disabled {\n    .user-select(none);\n  }\n\n  [contenteditable=\"true\"] {\n    outline: 0 solid transparent;\n  }\n}\n\n.fr-box {\n  a.fr-floating-btn {\n    .box-shadow(@floating-btn-box-shadow);\n    .border-radius(100%);\n    height: @floating-btn-size;\n    width: @floating-btn-size;\n    text-align: center;\n    background: @floating-btn-bg;\n    color: @floating-btn-text;\n    .transition(background @transition-timing, color @transition-timing, transform @transition-timing);\n    outline: none;\n    left: 0;\n    top: 0;\n    line-height: (@floating-btn-size);\n    .transform(scale(0));\n    text-align: center;\n    display: block;\n    .box-sizing(border-box);\n    border: @floating-btn-border;\n\n    svg {\n      .transition(transform @transition-timing);\n      fill: @floating-btn-text;\n    }\n\n    i, svg {\n      font-size: @floating-btn-font-size;\n      line-height: @floating-btn-size;\n    }\n\n    &.fr-btn + .fr-btn {\n      margin-left: 10px;\n    }\n\n    &:hover {\n      background: @floating-btn-hover-bg;\n      cursor: pointer;\n\n      svg {\n        fill: @floating-btn-hover-text;\n      }\n    }\n  }\n\n  .fr-visible {\n    a.fr-floating-btn {\n      .transform(scale(1));\n    }\n  }\n}\n\n\n\n/***** core/iframe.less *****/\n\niframe.fr-iframe {\n  width: 100%;\n  border: none;\n  position: relative;\n  display: block;\n  z-index: 2;\n  .box-sizing(border-box);\n}\n\n/***** core/wrapper.less *****/\n\n\n.fr-wrapper {\n  position: relative;\n  z-index: 1;\n\n  .fr-clearfix();\n\n  .fr-placeholder {\n    position: absolute;\n    font-size: @placeholder-size;\n    color: @placeholder-color;\n    font-family: @placeholder-font-family;\n    z-index: 1;\n    display: none;\n    top: 0;\n    left: 0;\n    right: 0;\n    overflow: hidden;\n  }\n\n  &.show-placeholder {\n    .fr-placeholder {\n      display: block;\n      white-space: nowrap;\n      text-overflow: ellipsis;\n    }\n  }\n\n  ::-moz-selection {\n    background: @selection-bg;\n    color: @selection-text;\n  }\n\n  ::selection {\n    background: @selection-bg;\n    color: @selection-text;\n  }\n}\n\n.fr-box.fr-basic {\n  .fr-wrapper {\n    background: @editor-bg;\n    border: @editor-border;\n    border-bottom-color: @ui-bg-color;\n    top: 0;\n    left: 0;\n  }\n}\n\n.fr-box.fr-basic {\n  &.fr-top .fr-wrapper {\n    border-top: 0;\n  }\n\n  &.fr-bottom .fr-wrapper {\n    border-bottom: 0;\n    .border-radius(@editor-border-radius @editor-border-radius 0 0);\n  }\n}\n\n@media (min-width: @screen-md) {\n  .fr-box.fr-document {\n    min-width: 21cm;\n\n    .fr-wrapper {\n      text-align: left;\n      padding: @document-ready-padding;\n      min-width: 21cm;\n      background: @document-ready-bg-color;\n\n      .fr-element {\n        text-align: left;\n        background: @white;\n        width: 21cm;\n        margin: auto;\n        min-height: 26cm !important;\n        padding: 1cm 2cm;\n        overflow: visible;\n        z-index: auto;\n\n        hr {\n          margin-left: -2cm;\n          margin-right: -2cm;\n          background: @document-ready-bg-color;\n          height: 1cm;\n          outline: none;\n          border: none;\n        }\n\n        img {\n          z-index: 1;\n        }\n      }\n    }\n  }\n}\n\n\n/***** tooltip.less *****/\n\n.fr-tooltip {\n  position: absolute;\n  top: 0;\n  left: 0;\n  padding: 0 8px;\n  .border-radius(@border-radius);\n  background: @tooltip-bg;\n  color: @tooltip-text;\n  font-size: @tooltip-font-size;\n  line-height: @tooltip-line-height;\n  font-family: @font-family;\n  .transition(opacity @transition-timing);\n  .opacity(0);\n  left: -3000px;\n  .user-select(none);\n  z-index: 2147483647;\n  text-rendering: optimizelegibility;\n  .font-smoothing();\n\n  &.fr-visible {\n    .opacity(1);\n  }\n}\n\n/***** ui/buttons.less *****/\n\n// Command button.\n\n.fr-toolbar, .fr-popup, .fr-modal {\n  .fr-btn-wrap {\n    float: left;\n    white-space: nowrap;\n    position: relative;\n\n    &.fr-hidden {\n      display: none;\n    }\n  }\n\n  .fr-command.fr-btn {\n    background: transparent;\n    color: @btn-text;\n  	-moz-outline: 0;\n  	outline: none;\n    border: 0;\n    line-height: 1;\n  	cursor: pointer;\n    text-align: left;\n    margin: @btn-margin (@btn-margin / 2);\n    padding: 0;\n    .transition(all @toolbar-transition-timing);\n    .border-radius(@btn-border-radius);\n    z-index: 2;\n    position: relative;\n    .box-sizing(border-box);\n    text-decoration: none;\n    .user-select(none);\n    float: left;\n    height: @btn-height;\n\n    &.fr-dropdown.fr-options {\n      .border-radius(@btn-dropdown-border-radius);\n    }\n\n    &.fr-btn-hover {\n      .border-radius(@btn-hover-border-radius);\n    }\n\n    &::-moz-focus-inner {\n      border: 0;\n      padding: 0\n    }\n\n    &.fr-btn-text {\n      width: auto;\n    }\n\n    i, svg {\n      display: block;\n      text-align: center;\n      float: none;\n      margin: ((@btn-height - @btn-svg-size) / 2) ((@btn-width - @btn-svg-size) / 2);\n      width: @btn-svg-size;\n    }\n\n    svg.fr-svg {\n      height: @btn-svg-size;\n    }\n\n    svg path {\n      .transition(all @toolbar-transition-timing);\n      fill: @btn-text;\n    }\n\n    // Used for accessibility instead of aria-label.\n    span.fr-sr-only {\n      .fr-hide-by-clipping();\n    }\n\n    span {\n      font-size: @ui-font-size;\n      display: block;\n      line-height:  (@ui-font-size + 3px);\n      min-width: (@btn-width - 2 * @btn-margin);\n      float: left;\n      text-overflow: ellipsis;\n      overflow: hidden;\n      white-space: nowrap;\n      height: (@ui-font-size + 3px);\n      font-weight: bold;\n      padding: 0 @btn-margin;\n    }\n\n    img {\n      margin: ((@btn-height - @btn-font-size) / 2) ((@btn-width - @btn-font-size) / 2);\n      width: @btn-font-size;\n    }\n\n    &.fr-btn-active-popup {\n      background: @btn-active-bg;\n    }\n\n    &.fr-dropdown {\n      &.fr-selection {\n\n        span {\n          font-weight: normal;\n        }\n      }\n\n      i, span, img, svg {\n        margin-left: (((@btn-width - @btn-svg-size) / 2) - @dropdown-arrow-width);\n        margin-right: (((@btn-width - @btn-svg-size) / 2) + @dropdown-arrow-width);\n      }\n\n      &:after {\n        position: absolute;\n        width: 0;\n        height: 0;\n        border-left: @dropdown-arrow-width solid transparent;\n        border-right: @dropdown-arrow-width solid transparent;\n        border-top: @dropdown-arrow-width solid @btn-text;\n        right: ceil((((@btn-width - @btn-svg-size) / 2 - @dropdown-arrow-width) / 2));\n        top: ((@btn-height - @dropdown-arrow-width) / 2);\n        .transition(all @dropdown-transition-timing);\n        content: \"\";\n      }\n\n      // Dropdown is visible.\n      &.fr-active {\n        fill: @btn-text;\n        background: @btn-active-bg;\n        .transition(@toolbar-transition-timing ease);\n\n        &:hover {\n          background: @btn-hover-bg;\n          fill: @btn-selected-text;\n\n          &::after {\n            border-top-color: @btn-selected-text;\n          }\n        }\n\n        &:after {\n          border-top: 0;\n          border-bottom: 4px solid @ui-text;\n        }\n      }\n    }\n\n    &.fr-disabled {\n      color: @btn-disabled-color;\n      cursor: default;\n      .opacity(@btn-disabled-opacity);\n\n      &::after {\n        border-top-color: @btn-disabled-color;\n      }\n    }\n\n    &.fr-hidden {\n      display: none;\n    }\n  }\n\n  .fr-tabs {\n    .fr-command.fr-btn {\n      margin: 0;\n      width: @popup-tab-button-width;\n      height: @popup-tab-button-height;\n      .border-radius(0);\n\n      &:not(:hover):not(:focus) {\n        &.fr-active, &.fr-active-tab {\n          background: @ui-bg;\n        }\n      }\n\n      span {\n        height: (@btn-font-size + 3);\n      }\n\n      img, svg {\n        margin: ((@popup-tab-button-height - @popup-btn-svg-size) / 2) ((@popup-tab-button-width - @popup-btn-svg-size) / 2);\n        width: @popup-btn-svg-size;\n        height: @popup-btn-svg-size;\n      }\n    }\n  }\n\n  .fr-btn-grp, .fr-more-toolbar, .fr-buttons:not(.fr-tabs) {\n    .fr-command.fr-btn {\n      &.fr-active:not(.fr-dropdown) {\n        svg path {\n          fill: @btn-active-text;\n        }\n      }\n    }\n  }\n\n  &.fr-disabled {\n    .fr-btn, .fr-btn.fr-active {\n      color: @btn-disabled-color;\n      .opacity(@btn-disabled-opacity);\n\n      &.fr-dropdown::after {\n        border-top-color: @btn-disabled-color;\n      }\n    }\n  }\n\n  &.fr-rtl {\n    .fr-btn-grp {\n      &.fr-float-left {\n        float: right;\n      }\n\n      &.fr-float-right {\n        float: left;\n      }\n    }\n    .fr-command.fr-btn, .fr-btn-wrap {\n      float: right;\n\n      &.fr-dropdown.fr-options {\n        .border-radius(@btn-hover-border-radius);\n      }\n  \n      &.fr-btn-hover {\n        .border-radius(@btn-dropdown-border-radius);\n      }\n    }\n  }\n}\n\n.fr-toolbar.fr-inline {\n  > .fr-command.fr-btn:not(.fr-hidden), > .fr-btn-wrap:not(.fr-hidden) {\n    .display-inline-flex();\n    float: none;\n  }\n}\n\n.fr-desktop {\n  .fr-command {\n    // Hover.\n    &:hover, &:focus, &.fr-btn-hover, &.fr-expanded {\n      outline: 0;\n      color: @btn-hover-text;\n\n      &:not(.fr-table-cell) {\n        background: @btn-hover-bg;\n      }\n\n      &::after {\n        border-top-color: @btn-hover-text;\n      }\n    }\n\n    // Button is selected.\n    &.fr-selected:not(.fr-table-cell), &:active {\n      color: @btn-selected-text;\n      background: @btn-selected-bg;\n    }\n\n    &.fr-active {\n      &:hover, &:focus, &.fr-btn-hover, &.fr-expanded {\n        background: @btn-hover-bg;\n      }\n\n      &:active {\n        background: @btn-active-bg;\n      }\n    }\n\n    &.fr-disabled {\n      &:hover, &:focus, &.fr-selected {\n        background: transparent;\n      }\n    }\n  }\n\n  &.fr-disabled {\n    .fr-command {\n      &:hover, &:focus, &.fr-selected {\n        background: transparent;\n      }\n    }\n  }\n}\n\n.fr-toolbar.fr-mobile, .fr-popup.fr-mobile {\n  .fr-command.fr-blink {\n    background: @btn-active-bg;\n  }\n}\n\n\n\n/***** ui/dropdown.less *****/\n\n.fr-command.fr-btn {\n  &.fr-options {\n    width: @dropdown-options-width;\n    margin-left: @dropdown-options-margin-left;\n\n    &.fr-btn-hover, &:hover, &:focus {\n      border-left: @dropdown-options-border-left;\n      .transition(border-left 0s, background-color 0.5s);\n    }\n  }\n\n  + .fr-dropdown-menu {\n    background: @ui-bg;\n    display: inline-block;\n    position: absolute;\n    right: auto;\n    bottom: auto;\n    height: auto;\n    z-index: 4;\n    .border-radius(@dropdown-border-radius);\n    -webkit-overflow-scrolling: touch;\n    overflow: hidden;\n    zoom: 1;\n    .box-shadow(@dropdown-menu-box-shadow);\n\n    &.test-height {\n      .fr-dropdown-wrapper {\n        .transition(none);\n        height: auto;\n        max-height: @dropdown-max-height;\n      }\n    }\n\n    .fr-dropdown-wrapper {\n      padding: 0;\n      margin: auto;\n      display: inline-block;\n      text-align: left;\n      position: relative;\n      .box-sizing(border-box);\n      .transition(height @dropdown-transition-timing);\n      margin-top: 0;\n      float: left;\n      height: 0;\n      margin-top: 0 !important;\n\n      .fr-dropdown-content {\n        position: relative;\n\n        ul.fr-dropdown-list {\n          list-style-type: none;\n          margin: 0;\n          padding: @dropdown-list-padding;\n          min-width: @dropdown-list-min-width;\n\n          li {\n            padding: 0;\n            margin: 0;\n            font-size: @dropdown-list-item-font-size;\n\n            a {\n              padding: 0 (((@dropdown-list-min-width - @floating-svg-btn-size) / 2) - @btn-margin);\n              line-height: 200%;\n              display: flex;\n              cursor: pointer;\n              white-space: nowrap;\n              color: inherit;\n              text-decoration: none;\n              .border-radius(0);\n\n              svg {\n                width: @floating-svg-btn-size;\n                height: @floating-svg-btn-size;\n                margin: (@btn-margin - 1) @btn-margin;\n\n                path {\n                  fill: @btn-text;\n                }\n              }\n\n              &.fr-active {\n                background: @ui-active-color;\n              }\n\n              &.fr-disabled {\n                color: @btn-disabled-color;\n                cursor: default;\n              }\n\n              .fr-shortcut {\n                margin-left: 20px;\n                font-weight: bold;\n                -webkit-opacity: 0.75;\n                -moz-opacity: 0.75;\n                opacity: 0.75;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  &.fr-active {\n    + .fr-dropdown-menu {\n      display: inline-block;\n      .box-shadow(@dropdown-menu-box-shadow);\n    }\n  }\n}\n\n.fr-bottom > .fr-command.fr-btn {\n  + .fr-dropdown-menu {\n    .border-radius(@border-radius @border-radius 0 0);\n  }\n}\n\n.fr-toolbar, .fr-popup {\n  &.fr-rtl {\n    .fr-dropdown-wrapper {\n      text-align: right !important;\n    }\n  }\n}\n\n\n/***** ui/modal.less *****/\n\nbody.fr-prevent-scroll {\n  overflow: hidden;\n\n  &.fr-mobile {\n    position: fixed;\n    -webkit-overflow-scrolling: touch;\n  }\n}\n\n.fr-modal {\n  color: @ui-text;\n  font-family: @font-family;\n  position: fixed;\n  overflow-x: auto;\n  overflow-y: scroll;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  width: 100%;\n  z-index: 2147483640;\n  text-rendering: optimizelegibility;\n  .font-smoothing();\n  text-align: center;\n  line-height: 1.2;\n\n  &.fr-middle {\n    .fr-modal-wrapper {\n      margin-top: 0;\n      margin-bottom: 0;\n      margin-left: auto;\n      margin-right: auto;\n      top: 50%;\n      left: 50%;\n      .transform(translate(-50%, -50%));\n      position: absolute;\n    }\n  }\n\n  .fr-modal-wrapper {\n    .border-radius(@modal-wrapper-border-radius);\n    background-clip: padding-box;\n    margin: @modal-wrapper-margin-lg;\n    display: inline-block;\n    background: @modal-bg;\n    min-width: @modal-wrapper-min-width;\n    .box-shadow(@modal-wrapper-box-shadow);\n    border: 0;\n    overflow: hidden;\n    width: 90%;\n    position: relative;\n\n    @media (min-width: @screen-sm) and (max-width: @screen-sm-max) {\n      margin: @modal-wrapper-margin-sm;\n      width: 70%;\n    }\n\n    @media (min-width: @screen-md) {\n      margin: @modal-wrapper-margin-md;\n      width: 960px;\n    }\n\n    .fr-modal-head {\n      background: @modal-bg;\n      overflow: hidden;\n      position: absolute;\n      width: 100%;\n      min-height: @modal-head-min-height;\n      z-index: 3;\n      border-bottom: solid @ui-bg-color 1px;\n      .transition(all @transition-timing);\n\n      .fr-modal-head-line {\n        height: @modal-head-height;\n        padding: @modal-head-padding;\n\n      }\n\n      .fr-modal-close {\n        margin: @modal-close-margin;\n        position: absolute;\n        top: 0;\n        right: 0;\n      }\n\n      h4 {\n        font-size: @modal-heading-font-size;\n        padding: @modal-heading-padding;\n        margin: 0;\n        font-weight: 400;\n        line-height: @modal-head-line-height;\n        display: inline-block;\n        float: left;\n      }\n    }\n\n    div.fr-modal-body {\n      height: 100%;\n      min-height: @modal-body-min-width;\n      overflow-y: auto;\n      padding-bottom: @modal-body-padding-bottom;\n\n      &:focus {\n        outline: 0;\n      }\n\n      button.fr-command {\n        height: @modal-body-btn-height;\n        line-height: 1;\n        color: @ui-color;\n        padding: @modal-body-btn-padding;\n        cursor: pointer;\n        text-decoration: none;\n        border: none;\n        background: none;\n        font-size: 16px;\n        outline: none;\n        .transition(background @transition-timing);\n        .border-radius(@border-radius);\n\n        + button {\n          margin-left: 24px;\n        }\n\n        &:hover, &:focus {\n          background: @btn-hover-bg;\n          color: @ui-color;\n        }\n\n        &:active {\n          background: @btn-active-bg;\n          color: @ui-color;\n        }\n      }\n\n      button::-moz-focus-inner {\n        border: 0;\n      }\n    }\n  }\n}\n\n.fr-desktop .fr-modal-wrapper {\n  .fr-modal-head {\n    i:hover {\n      background: @ui-hover-color;\n    }\n  }\n}\n\n// Overlay that appears with modal.\n.fr-overlay {\n  position: fixed;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background: @modal-overlay-color;\n  .opacity(@modal-overlay-opacity);\n  z-index: 2147483639;\n}\nol.decimal_type { counter-reset: item; }\nol.decimal_type > li{ display: block; position: relative; }\nol.decimal_type > li:before { content: counters(item, \".\") \". \"; counter-increment: item; position: absolute; margin-right: 100%; right: 10px; }\n\n/***** ui/popup.less *****/\n\n.fr-popup {\n  position: absolute;\n  display: none;\n  color: @ui-text;\n  background: @ui-bg;\n  .box-shadow(@popup-box-shadow);\n  font-family: @font-family;\n  .box-sizing(border-box);\n  .user-select(none);\n  margin-top: @popup-margin-top;\n  z-index: 2147483635;\n  text-align: left;\n  .border-radius(@popup-border-radius);\n  text-rendering: optimizelegibility;\n  .font-smoothing();\n  line-height: 1.2;\n\n  .fr-icon {\n    text-align: center;\n    vertical-align: middle;\n    font-size: @popup-icon-font-size;\n    line-height: 1;\n    cursor: pointer;\n    font-weight: 400;\n    box-sizing: content-box;\n    padding: @popup-icon-padding;\n  }\n\n  .fr-icon-container {\n    padding: @popup-border-padding;\n    max-height: @popup-container-max-height;\n    overflow: auto;\n    .box-sizing(border-box);\n    \n    @supports not (-ms-high-contrast: none) { \n      grid-template-columns: repeat(auto-fill, minmax(@btn-size, @btn-size));\n      display: grid;\n    }\n\n    @media (min-width: @screen-sm) {\n      min-width: @popup-min-width; \n    }\n\n    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n      display: inline-flex;\n      -ms-flex-flow: row wrap;\n    }\n\n    @media screen and (-ms-high-contrast: active) and (max-width: @screen-sm), (-ms-high-contrast: none) and (max-width: @screen-sm) {\n      width: @popup-sm-ie-width;\n    }\n  }\n\n  .fr-input-focus {\n    background: @ui-hover-light-color;\n  }\n\n  &.fr-above {\n    margin-top: -10px;\n    border-top: 0;\n  }\n\n  &.fr-active {\n    display: block;\n  }\n\n\n  &.fr-hidden {\n    display: none !important;\n  }\n\n  &.fr-empty {\n    display: none !important;\n  }\n\n  .fr-hs {\n    display: block !important;\n\n    &.fr-hidden {\n      display: none !important;\n    }\n  }\n\n  .fr-input-line {\n    position: relative;\n    padding: @input-line-padding;\n\n    input[type=\"text\"], input[type=\"number\"], textarea {\n      width: 100%;\n      margin-bottom: @input-margin-bottom;\n      .border-radius(@input-border-radius);\n      border: solid @input-border-width @input-border-color;\n      color: @ui-text;\n      font-size: @input-label-font-size;\n      background: @ui-bg;\n      position: relative;\n      z-index: 2;\n      padding: @input-padding;\n      .box-sizing(border-box);\n      .transition(border @toolbar-transition-timing, padding @toolbar-transition-timing);\n\n      &:hover {\n        border: solid @input-border-width @ui-border-hover-color;\n      }\n\n      &:focus {\n        border: solid @input-focus-border-width @ui-color;\n        padding: @input-focus-padding;\n      }\n    }\n\n    input[type=\"text\"], input[type=\"number\"] {\n      height: @input-height;\n    }\n\n    input + label, textarea + label {\n      position: absolute;\n      top: @input-label-top;\n      left: @input-label-left;\n      font-size: @input-label-font-size;\n      color: grey;\n      .transition(all @toolbar-transition-timing ease);\n      z-index: 3;\n      display: block;\n      background: @ui-bg;\n      padding: 0;\n      cursor: text;\n    }\n\n    input.fr-not-empty + label, textarea.fr-not-empty + label {\n      color: @input-label-color;\n      width: auto;\n      left: @input-label-left-after;\n      padding: 0 @input-label-padding;\n      font-size: @input-label-font-size-after;\n      top: @input-label-top-after;\n    }\n  }\n\n  input, textarea {\n    .user-select(text);\n    .border-radius(0);\n    outline: none;\n  }\n\n  textarea {\n    resize: none,\n  }\n\n  .fr-buttons {\n    white-space: nowrap;\n    line-height: 0;\n\n    .fr-btn {\n      margin-left: @btn-margin;\n      margin-right: @btn-margin;\n      display: inline-block;\n      float: none;\n\n      i {\n        float: left;\n      }\n    }\n\n    .fr-separator {\n      display: inline-block;\n      float: none;\n    }\n\n    &.fr-tabs {\n      .border-radius(@btn-tab-border-radius);\n      background-color: @ui-bg-color-more;\n      overflow: hidden;\n\n      &.fr-tabs-scroll {\n        @media (max-width: @screen-sm) {\n          overflow: scroll;\n          overflow-y: hidden;\n          width: @popup-min-width;\n        }\n      }\n    }\n\n    &:not(.fr-tabs) {\n      padding: @popup-padding;\n    }\n  }\n\n  .fr-layer {\n    .border-radius(@popup-border-radius);\n    width: (@popup-layer-width * 0.75);\n    @media (min-width: @screen-sm) {\n      width: @popup-layer-width;\n    }\n\n    .box-sizing(border-box);\n    margin: @popup-layer-margin;\n    display: none;\n\n    &.fr-active {\n      display: inline-block;\n    }\n  }\n\n  .fr-action-buttons {\n    z-index: 7;\n    height: @btn-size;\n    text-align: right;\n\n    button.fr-command {\n      height: @btn-size;\n      line-height: 1;\n      color: @ui-color;\n      padding: @popup-action-btn-spacing;\n      cursor: pointer;\n      text-decoration: none;\n      border: none;\n      background: none;\n      font-size: @popup-action-button-font-size;\n      outline: none;\n      .transition(background @transition-timing);\n      .border-radius(@border-radius);\n\n      + button {\n        margin-left: 24px;\n      }\n\n      &:hover, &:focus {\n        background: @btn-hover-bg;\n        color: @ui-color;\n      }\n\n      &:active {\n        background: @btn-active-bg;\n        color: @ui-color;\n      }\n    }\n\n    button::-moz-focus-inner {\n      border: 0;\n    }\n  }\n\n  .fr-checkbox {\n    position: relative;\n    display: inline-block;\n    width: @checkbox-size;\n    height: @checkbox-size;\n    padding: @checkbox-padding;\n    border-radius: 100%;\n    line-height: 1;\n    .box-sizing(content-box);\n    vertical-align: middle;\n\n    svg {\n      margin-left: @checkbox-margin;\n      margin-top: @checkbox-margin;\n      display: none;\n      width: @checbox-svg-size;\n      height: @checbox-svg-size;\n    }\n\n    span {\n      .border-radius(@border-radius);\n      width: @checkbox-size;\n      height: @checkbox-size;\n      display: inline-block;\n      position: relative;\n      z-index: 1;\n      .box-sizing(border-box);\n      .transition(background @transition-timing, border-color @transition-timing);\n    }\n\n    input {\n      position: absolute;\n      z-index: 2;\n      .opacity(0);\n      border: 0 none;\n      cursor: pointer;\n      height: @checkbox-size;\n      margin: 0;\n      padding: 0;\n      width: @checkbox-size;\n      top: 7px;\n      left: 7px;\n\n      &:not(:checked) {\n\n        & + span {\n          border: solid 2px @input-border-color;\n        }\n\n        &:active + span {\n          background-color: @bg-color;\n        }\n\n        &:focus + span, &:hover + span {\n          border-color: @ui-border-hover-color;\n        }\n      }\n\n      &:checked {\n\n        & + span {\n          background: @ui-color;\n          border: solid 2px @ui-color;\n\n          svg {\n            display: block;\n          }\n        }\n\n        &:active + span {\n          background-color: @checbox-active-bg;\n        }\n\n        &:focus + span, &:hover + span {\n          .opacity(@checkbox-opacity);\n        }\n      }\n    }\n  }\n\n  .fr-checkbox-line {\n    font-size: @checkbox-line-font-size;\n    line-height: @checkbox-line-height;\n    margin-top: @checkbox-line-margin-top;\n\n    label {\n      cursor: pointer;\n      margin: @checkbox-line-label-margin;\n      vertical-align: middle;\n    }\n  }\n\n  &.fr-rtl {\n    direction: rtl;\n    text-align: right;\n\n    .fr-action-buttons {\n      text-align: left;\n    }\n\n    .fr-input-line {\n      input + label, textarea + label {\n        left: auto;\n        right: 0;\n      }\n    }\n\n    .fr-buttons .fr-separator.fr-vs {\n      float: right;\n    }\n  }\n\n}\n\n/***** ui/text_edit.less *****/\n\n.fr-text-edit-layer {\n  width: 250px;\n  .box-sizing(border-box);\n  display: block !important;\n}\n\n\n/***** ui/toolbar.less *****/\n\n.fr-toolbar {\n  color: @ui-text;\n  background: @ui-bg;\n  position: relative;\n  font-family: @font-family;\n  .fr-clearfix();\n  .box-sizing(border-box);\n  .user-select(none);\n  .border-radius(@border-radius);\n  text-align: left;\n  border: @editor-border;\n  text-rendering: optimizelegibility;\n  .font-smoothing();\n  line-height: 1.2;\n  padding-bottom: 0;\n  .transition(padding-bottom @toolbar-transition-timing);\n\n  &::after {\n    height: 0;\n  }\n\n  .fr-newline {\n    clear: both;\n    display: block;\n    content: \"\";\n    margin-left: @toolbar-newline-margin;\n    margin-right: @toolbar-newline-margin;\n    background: @toolbar-newline-color;\n    height: @toolbar-newline-height;\n    .transition(height @toolbar-transition-timing);\n  }\n\n  &.fr-toolbar-open {\n    .fr-newline {\n      height: 0;\n    }\n  }\n\n  .fr-float-right {\n    float: right;\n  }\n\n  .fr-float-left {\n    float: left;\n  }\n\n  .fr-more-toolbar {\n    float: left;\n    .border-radius(0);\n    background-color: @ui-bg-color-more;\n    .transition(height @toolbar-transition-timing);\n    height: 0;\n    // 3803 - toolbar hides when track changes toolbar is on or visible \n    // z-index: 2; remove z index for more toolbars so the popover should come over those toolbars\n    overflow: hidden;\n    .box-sizing(border-box);\n    width: 100%;\n\n    &.fr-expanded {\n      height: @more-toolbar-btn-height;\n    }\n\n    &.fr-overflow-visible {\n      overflow: visible;\n    }\n\n    & > .fr-command.fr-btn {\n      margin-left: @btn-margin;\n      margin-right: @btn-margin;\n    }\n  }\n\n  .fr-btn-grp {\n    display: inline-block;\n    margin: @more-toolbar-margin;\n\n    @media (max-width: @screen-sm) {\n      margin: @more-toolbar-margin-sm;\n    }\n  }\n\n  .fr-command.fr-btn.fr-open {\n    margin-top: @btn-more-open-margin-top;\n    margin-bottom: @btn-more-open-margin-bottom;\n    .border-radius(@btn-border-radius @btn-border-radius 0 0);\n\n    &:not(:hover):not(:focus):not(:active) {\n      background: @ui-bg-color-more;\n    }\n  }\n\n  &.fr-rtl {\n    text-align: right;\n  }\n\n  &.fr-inline {\n    display: none;\n    .box-shadow(@popup-box-shadow);\n    border: 0;\n    white-space: nowrap;\n    position: absolute;\n    margin-top: 5px;\n    z-index: 2147483630;\n\n    &.fr-above {\n      margin-top: -10px;\n      border-top: 0;\n    }\n\n    .fr-newline {\n      height: 0;\n    }\n\n    .fr-more-toolbar {\n      position: absolute !important;\n      &.fr-expanded {\n        position: relative !important;\n      }\n    }\n  }\n\n  &.fr-top {\n    top: 0;\n    border-bottom: 0;\n    .border-radius(@editor-border-radius @editor-border-radius 0 0);\n  }\n\n  &.fr-bottom {\n    bottom: 0;\n    border-top: 0;\n    padding-bottom: 0;\n    .border-radius(0 0 @editor-border-radius @editor-border-radius);\n\n    .fr-newline {\n      padding-top: 0;\n      .transition(padding-top @toolbar-transition-timing);\n    }\n\n    &.fr-toolbar-open .fr-newline {\n      padding-top: @more-toolbar-btn-height;\n      background: @white;\n    }\n\n    .fr-command.fr-btn.fr-open {\n      margin-top: @btn-more-open-margin-bottom;\n      margin-bottom: @btn-more-open-margin-top;\n      .border-radius(0 0 @btn-border-radius @btn-border-radius);\n    }\n  }\n\n  &.fr-sticky-on {\n    .border-radius(0);\n  }\n}\n\n.fr-separator {\n  background: @separator-color;\n  display: block;\n  vertical-align: top;\n  float: left;\n\n  + .fr-separator {\n    display: none;\n  }\n\n  &.fr-vs {\n    height: (@btn-height - 2 * @btn-margin);\n    width: @separator-size;\n    margin: @separator-margin;\n  }\n\n  &.fr-hs {\n    clear: both;\n    width: calc(~\"100% - (2 * @{btn-margin})\");\n    margin: 0 @btn-margin;\n    height: @separator-size;\n  }\n\n  &.fr-hidden {\n    display: none !important;\n  }\n}\n\n.fr-rtl .fr-separator {\n  float: right;\n}\n.fr-toolbar.fr-inline .fr-separator.fr-hs {\n  float: none;\n}\n\n.fr-toolbar.fr-inline .fr-separator.fr-vs {\n  display: inline-block;\n}\n\n.fr-second-toolbar {\n  border: @editor-border;\n  border-top: 0;\n  background: @editor-bg;\n  line-height: 1.4;\n  .border-radius(0 0 @editor-border-radius @editor-border-radius);\n  .fr-clearfix();\n}\n\n.fr-second-toolbar:empty {\n  min-height: calc(~\"10px\");\n  position: relative;\n  margin-top: calc(~\"-1px\");\n  z-index: 2;\n}\n\n#fr-logo {\n  float: left;\n  outline: none;\n\n  & > span{\n    display: inline-block;\n    float: left;\n    font-family: sans-serif;\n    padding: @logo-span-padding;\n    font-size: @logo-span-font-size;\n    font-weight: 500;\n    color: @logo-color;\n    .transition(color @logo-transition-timing);\n  }\n\n  & > svg {\n    height: @logo-svg-height;\n    width: @logo-svg-width;\n    margin: @logo-svg-margin;\n    cursor: pointer;\n  }\n\n  & > svg * {\n    .transition(fill @logo-transition-timing);\n  }\n\n  &:hover, &:focus {\n    & > span {\n      color: @btn-active-hover-text;\n    }\n\n    & > svg .fr-logo {\n      fill: @btn-active-hover-text;\n    }\n  }\n}\n\n\n/***** helpers.less *****/\n\n.fr-visibility-helper {\n  display: none;\n  margin-left: 0 !important;\n\n  @media (min-width: @screen-sm) {\n    margin-left: 1px !important;\n  }\n\n  @media (min-width: @screen-md) {\n    margin-left: 2px !important;\n  }\n\n  @media (min-width: @screen-lg) {\n    margin-left: 3px !important;\n  }\n}\n\n.fr-opacity-0 {\n  .opacity(0);\n}\n\n.fr-box {\n  position: relative;\n}\n\n/**\n * Postion sticky hacks.\n */\n.fr-sticky {\n  position: -webkit-sticky;\n	position: -moz-sticky;\n	position: -ms-sticky;\n	position: -o-sticky;\n	position: sticky;\n}\n\n.fr-sticky-off {\n	position: relative;\n}\n\n.fr-sticky-on {\n  position: fixed;\n  z-index: 10;\n\n  &.fr-sticky-ios {\n    position: -webkit-sticky;\n    left: 0;\n    right: 0;\n    width: auto !important;\n  }\n}\n\n.modal .fr-sticky-on {\n  position: sticky;\n}\n\n.fr-sticky-dummy {\n	display: none;\n}\n\n.fr-sticky-on + .fr-sticky-dummy, .fr-sticky-box > .fr-sticky-dummy {\n	display: block;\n}\n\n// Used for accessibility instead of aria-label.\nspan.fr-sr-only {\n  .fr-hide-by-clipping();\n}\n\n// merged conflict from master, kept both changes\n.fr-view .fr-highlight-change, .fr-highlight-change > img, .fr-highlight-change > .fr-video > video,\n.fr-highlight-change > .fr-video > embed, .fr-highlight-change > .fr-video > iframe, .fr-highlight-change > .fr-embedly > .embedly-card > .embedly-card-hug > iframe,\n.fr-highlight-change > p, .fr-view .fr-highlight-change > span:not(.fr-tracking-deleted) {\n  background-color: #f3eec3;\n  opacity: 0.5;\n}\n\n.fr-highlight-change.fr-highlight-change > table td, .fr-highlight-change.fr-highlight-change > hr {\n  border-color: #f3eec3;\n}\n\n.fr-tracking-deleted.fr-tracking-deleted > table td, .fr-tracking-deleted.fr-tracking-deleted > hr {\n  border-color: #dc3545;\n}\n\n.fr-tracking-deleted img, .fr-tracking-deleted > .fr-video > video, .fr-tracking-deleted > .fr-video > iframe, .fr-tracking-deleted > .fr-embedly > .embedly-card > .embedly-card-hug > iframe {\n  opacity: 0.5;\n  background-color: #dc3545;\n}\n\n.fr-view .fr-tracking-deleted {\n  background-color: #dc3545;\n  text-decoration: line-through;\n  pointer-events: none;\n  user-select: none;\n  opacity: 1;\n}\n\n.fr-highlight-change > .fr-video > iframe, .fr-tracking-deleted > .fr-video > iframe, .fr-highlight-change > .fr-video > video,.fr-tracking-deleted > .fr-video > video, .fr-highlight-change > .fr-video > embed, .fr-highlight-change > .fr-embedly > .embedly-card > .embedly-card-hug > iframe, .fr-tracking-deleted > .fr-embedly > .embedly-card > .embedly-card-hug > iframe {\n  padding: 10px !important;\n}\n\n.fr-tracking-deleted  img, .fr-highlight-change  img{\n  border: 2px solid #f3eec3;\n}\n\n\n.fr-highlight-change #isPasted *:not(table):not(tbody):not(tr):not(td){\n  opacity: 0.5; \n  background-color: #f3eec3;\n}\n\n.fr-highlight-change #isPasted > table td{\n  opacity: 0.5; \n  border-color: #f3eec3;\n}\n\n\n.fr-track-hide {\n  display: none;\n}\n\n.fr-track-hide-mobile {\n  width: 0;\n  height: 0;\n  overflow: hidden;\n  position: absolute;\n}\n\n.fr-ios-mobile-disable-select {\n  -webkit-touch-callout : none;\n  -webkit-user-select : none;\n  user-select: none;\n}\n\n.fr-bottom-extended {\n  flex-wrap: wrap;\n  display: flex;\n  box-sizing: border-box;\n}\n\n.position-relative {\n  position: relative !important;\n}\n// till here\n\n/***** plugins/colors.less *****/\n\n.fr-popup {\n  .fr-layer.fr-color-hex-layer {\n    margin: 0;\n    padding: @popup-border-padding;\n    padding-top: 0;\n    float: left;\n\n    .fr-input-line {\n      float: left;\n      width: calc(~\"100% - 50px\");\n      padding: @color-input-line-padding;\n    }\n\n    .fr-action-buttons {\n      float: right;\n      width: @btn-width;\n      height: @btn-height;\n      padding: @color-action-button-padding;\n      margin: 0;\n    }\n\n    .fr-action-buttons {\n      button.fr-command {\n        .border-radius(@border-radius);\n        font-size: @color-font-size;\n        height: @btn-height;\n        width: @btn-width;\n      }\n    }\n  }\n\n  .fr-separator + .fr-colors-tabs {\n    margin-left: 2px;\n    margin-right: 2px;\n  }\n\n  .fr-color-set {\n    line-height: 0;\n    display: none;\n\n    &.fr-selected-set {\n      display: block;\n      padding: @popup-border-padding;\n      padding-bottom: 0;\n    }\n\n    > span {\n      display: inline-block;\n      width: @color-span-size;\n      height: @color-span-size;\n      position: relative;\n      z-index: 1;\n\n      > i, > svg {\n        text-align: center;\n        line-height: @color-line-height;\n        height: @ui-svg-size;\n        width: @ui-svg-size;\n        margin: @color-remove-svg-margin;\n        font-size: @color-font-size;\n        position: absolute;\n        bottom: 0;\n        cursor: default;\n        left: 0;\n\n        path {\n          fill: @ui-text;\n        }\n      }\n\n      .fr-selected-color {\n        color: @white;\n        font-family: FontAwesome;\n        font-size: @color-font-size;\n        font-weight: 400;\n        line-height: @color-line-height;\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        right: 0;\n        left: 0;\n        text-align: center;\n        cursor: default;\n      }\n\n      &:hover, &:focus {\n        outline: 1px solid @ui-text;\n        z-index: 2;\n      }\n    }\n  }\n}\n\n.fr-rtl .fr-popup {\n  .fr-colors-tabs {\n    .fr-colors-tab {\n      &.fr-selected-tab {\n        &[data-param1=\"text\"] ~ [data-param1=\"background\"]::after {\n          .transform(translate3d(100%,0,0));\n        }\n      }\n    }\n  }\n}\n\n\n/***** plugins/draggable.less *****/\n\n.fr-drag-helper {\n  background: @drag-helper-bg;\n  height: 2px;\n  margin-top: -1px;\n  .opacity(0.2);\n  position: absolute;\n  z-index: 2147483640;\n  display: none;\n\n  &.fr-visible {\n    display: block;\n  }\n}\n\n.fr-dragging {\n  .opacity(0.4);\n}\n\n/***** plugins/file.less *****/\n\n.fr-popup {\n  .fr-file-upload-layer {\n    border: dashed 2px @ui-disabled-color;\n    padding: 25px 0;\n    margin: @popup-border-margin;\n    position: relative;\n    font-size: 14px;\n    letter-spacing: 1px;\n    line-height: 140%;\n    .box-sizing(border-box);\n    text-align: center;\n\n    &:hover {\n      background: @ui-hover-color;\n    }\n\n    &.fr-drop {\n      background: @ui-hover-color;\n      border-color: @ui-color;\n    }\n\n    .fr-form {\n      .opacity(0);\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      z-index: 2147483640;\n      overflow: hidden;\n      margin: 0 !important;\n      padding: 0 !important;\n      width: 100% !important;\n\n      input {\n        cursor: pointer;\n        position: absolute;\n        right: 0;\n        top: 0;\n        bottom: 0;\n        width: 500%;\n        height: 100%;\n        margin: 0;\n        font-size: 400px;\n      }\n    }\n  }\n\n  .fr-file-progress-bar-layer {\n    .box-sizing(border-box);\n\n    > h3 {\n      font-size: 16px;\n      margin: 10px 0;\n      font-weight: normal;\n    }\n\n    > div.fr-action-buttons {\n      display: none;\n    }\n\n    > div.fr-loader {\n      background: mix(@white, @ui-color, 70%);\n      height: 10px;\n      width: 100%;\n      margin-top: 20px;\n      overflow: hidden;\n      position: relative;\n\n      span {\n        display: block;\n        height: 100%;\n        width: 0%;\n        background: @ui-color;\n        .transition(width @transition-timing);\n      }\n\n      &.fr-indeterminate {\n        span {\n          width: 30% !important;\n          position: absolute;\n          top: 0;\n          .animation(loading 2s linear infinite);\n        }\n      }\n    }\n\n    &.fr-error {\n      > div.fr-loader {\n        display: none;\n      }\n\n      > div.fr-action-buttons {\n        display: block;\n      }\n    }\n  }\n}\n\n\n@keyframes loading {\n  from {left: -25%;}\n  to {left: 100%}\n}\n\n.keyframes(loading, {\n  from {left: -25%;}\n  to {left: 100%}\n});\n\n\n/***** plugins/image.less *****/\n\n.fr-element img {\n  cursor: pointer;\n  padding: @image-padding;\n}\n\n.fr-image-resizer {\n  position: absolute;\n  border: solid 1px @ui-color;\n  display: none;\n  .user-select(none);\n  .box-sizing(content-box);\n\n  &.fr-active {\n    display: block,\n  }\n\n  .fr-handler {\n    display: block;\n    position: absolute;\n    background: @ui-color;\n    border: solid 1px @white;\n    .border-radius(2px);\n    z-index: 4;\n    .box-sizing(border-box);\n\n    &.fr-hnw {\n      cursor: nw-resize,\n    }\n\n    &.fr-hne {\n      cursor: ne-resize,\n    }\n\n    &.fr-hsw {\n      cursor: sw-resize,\n    }\n\n    &.fr-hse {\n      cursor: se-resize,\n    }\n  }\n\n  .handler-size(@handler-size);\n\n  @media(min-width: @screen-lg) {\n    .handler-size(@handler-size-lg);\n  }\n}\n\n.fr-image-overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  z-index: 2147483640;\n  display: none;\n}\n\n.fr-popup {\n  .fr-image-upload-layer {\n    border: dashed 2px @ui-disabled-color;\n    padding: 25px 0;\n    margin: @popup-border-margin;\n    position: relative;\n    font-size: 14px;\n    letter-spacing: 1px;\n    line-height: 140%;\n    text-align: center;\n\n    &:hover {\n      background: @ui-hover-color;\n    }\n\n    &.fr-drop {\n      background: @ui-hover-color;\n      border-color: @ui-color;\n    }\n\n    .fr-form {\n      .opacity(0);\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      z-index: 2147483640;\n      overflow: hidden;\n      margin: 0 !important;\n      padding: 0 !important;\n      width: 100% !important;\n\n      input {\n        cursor: pointer;\n        position: absolute;\n        right: 0;\n        top: 0;\n        bottom: 0;\n        width: 500%;\n        height: 100%;\n        margin: 0;\n        font-size: 400px;\n      }\n    }\n  }\n\n  .fr-image-progress-bar-layer {\n    > h3 {\n      font-size: 16px;\n      margin: 10px 0;\n      font-weight: normal;\n    }\n\n    > div.fr-action-buttons {\n      display: none;\n    }\n\n    > div.fr-loader {\n      background: mix(@white, @ui-color, 70%);\n      height: 10px;\n      width: 100%;\n      margin-top: 20px;\n      overflow: hidden;\n      position: relative;\n\n      span {\n        display: block;\n        height: 100%;\n        width: 0%;\n        background: @ui-color;\n        .transition(width @transition-timing);\n      }\n\n      &.fr-indeterminate {\n        span {\n          width: 30% !important;\n          position: absolute;\n          top: 0;\n          .animation(loading 2s linear infinite);\n        }\n      }\n    }\n\n    &.fr-error {\n      > div.fr-loader {\n        display: none;\n      }\n\n      > div.fr-action-buttons {\n        display: block;\n      }\n    }\n  }\n}\n\n.fr-image-size-layer {\n  .fr-image-group {\n    .fr-input-line {\n      width: calc(~\"50% - 5px\");\n      display: inline-block;\n\n      + .fr-input-line {\n        margin-left: 10px;\n      }\n    }\n  }\n}\n\n.fr-uploading {\n  .opacity(0.4);\n}\n\n.keyframes(loading, {\n  from {left: -25%;}\n  to {left: 100%}\n});\n\nimg.fr-draggable {\n  user-select: none;\n}\n\n\n/***** plugins/table.less *****/\n\n.fr-element {\n  table {\n    td.fr-selected-cell, th.fr-selected-cell {\n      border: 1px double @ui-color;\n    }\n\n    td, th {\n      .user-select(text);\n    }\n  }\n\n  // Prevent Firefox selection.\n  .fr-no-selection {\n    table {\n      td, th {\n        .user-select(none);\n      }\n    }\n  }\n}\n\n.fr-table-resizer {\n  cursor: col-resize;\n  position: absolute;\n  z-index: 3;\n  display: none;\n\n  &.fr-moving {\n    z-index: 2;\n  }\n\n  div {\n    .opacity(0);\n    border-right: @table-resizer;\n  }\n}\n\n.fr-no-selection {\n  .user-select(none);\n}\n\n// Table popups.\n.fr-popup {\n\n  // Insert table.\n  .fr-table-size {\n\n    margin: @popup-border-margin;\n\n    .fr-table-size-info {\n      text-align: center;\n      font-size: 14px;\n    }\n\n    .fr-select-table-size {\n      line-height: 0;\n      padding: 5px;\n      white-space: nowrap;\n\n      > span {\n        display: inline-block;\n        padding: 0 4px 4px 0;\n        background: transparent;\n\n        > span {\n          display: inline-block;\n          width: 18px;\n          height: 18px;\n          border: @insert-table-grid;\n        }\n\n        &.hover {\n          background: transparent;\n\n          > span {\n            background: rgba(red(@ui-color), green(@ui-color), blue(@ui-color), 0.3);\n            border: solid 1px @ui-color;\n          }\n        }\n      }\n\n      .new-line {	\n        .fr-clearfix();\n      }\n    }\n  }\n\n  &.fr-above {\n    .fr-table-size {\n      .fr-select-table-size {\n        > span {\n          display: inline-block !important;\n        }\n      }\n    }\n  }\n\n  // Table colors.\n  .fr-table-colors {\n    display: block;\n    padding: @popup-border-padding;\n    padding-bottom: 0;\n  }\n}\n\n.fr-popup.fr-desktop .fr-table-size .fr-select-table-size > span > span {\n  width: 12px;\n  height: 12px;\n}\n\n.fr-insert-helper {\n  position: absolute;\n  z-index: 9999;\n  white-space: nowrap;\n}\n\n\n/***** plugins/video.less *****/\n\n.fr-element {\n  .fr-video {\n    .user-select(none);\n\n    &::after {\n      position: absolute;\n      content: \'\';\n      z-index: 1;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      cursor: pointer;\n      display: block;\n      background: rgba(0,0,0,0);\n    }\n\n    &.fr-active > * {\n      z-index: 2;\n      position: relative;\n    }\n\n    > * {\n      .box-sizing(content-box);\n      max-width: 100%;\n      border: none;\n    }\n  }\n}\n\n.fr-box .fr-video-resizer {\n  position: absolute;\n  border: solid 1px @ui-color;\n  display: none;\n  .user-select(none);\n\n  &.fr-active {\n    display: block,\n  }\n\n  .fr-handler {\n    display: block;\n    position: absolute;\n    background: @ui-color;\n    border: solid 1px @white;\n    z-index: 4;\n    .box-sizing(border-box);\n\n    &.fr-hnw {\n      cursor: nw-resize,\n    }\n\n    &.fr-hne {\n      cursor: ne-resize,\n    }\n\n    &.fr-hsw {\n      cursor: sw-resize,\n    }\n\n    &.fr-hse {\n      cursor: se-resize,\n    }\n  }\n\n  .handler-size(@handler-size);\n\n  @media(min-width: @screen-lg) {\n    .handler-size(@handler-size-lg);\n  }\n}\n\n.fr-popup {\n  .fr-video-size-layer {\n    .fr-video-group {\n      .fr-input-line {\n        width: calc(~\"50% - 5px\");\n        display: inline-block;\n\n        + .fr-input-line {\n          margin-left: 10px;\n        }\n      }\n    }\n  }\n\n  .fr-video-upload-layer {\n    border: dashed 2px @ui-disabled-color;\n    padding: 25px 0;\n    margin: @popup-border-margin;\n    position: relative;\n    font-size: 14px;\n    letter-spacing: 1px;\n    line-height: 140%;\n    text-align: center;\n\n    &:hover {\n      background: @ui-hover-color;\n    }\n\n    &.fr-drop {\n      background: @ui-hover-color;\n      border-color: @ui-color;\n    }\n\n    .fr-form {\n      .opacity(0);\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      z-index: 2147483640;\n      overflow: hidden;\n      margin: 0 !important;\n      padding: 0 !important;\n      width: 100% !important;\n\n      input {\n        cursor: pointer;\n        position: absolute;\n        right: 0;\n        top: 0;\n        bottom: 0;\n        width: 500%;\n        height: 100%;\n        margin: 0;\n        font-size: 400px;\n      }\n    }\n  }\n\n  .fr-video-progress-bar-layer {\n    > h3 {\n      font-size: 16px;\n      margin: 10px 0;\n      font-weight: normal;\n    }\n\n    > div.fr-action-buttons {\n      display: none;\n    }\n\n    > div.fr-loader {\n      background: mix(@white, @ui-color, 70%);\n      height: 10px;\n      width: 100%;\n      margin-top: 20px;\n      overflow: hidden;\n      position: relative;\n\n      span {\n        display: block;\n        height: 100%;\n        width: 0%;\n        background: @ui-color;\n        .transition(width @transition-timing);\n      }\n\n      &.fr-indeterminate {\n        span {\n          width: 30% !important;\n          position: absolute;\n          top: 0;\n          .animation(loading 2s linear infinite);\n        }\n      }\n    }\n\n    &.fr-error {\n      > div.fr-loader {\n        display: none;\n      }\n\n      > div.fr-action-buttons {\n        display: block;\n      }\n    }\n  }\n}\n\n.fr-video-overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  z-index: 2147483640;\n  display: none;\n}\n\n.fr-autoplay-margin{\n  margin-top:0px !important;\n}\n\n/* Files: froala.less, plugins/colors.less, plugins/draggable.less, plugins/file.less, plugins/image.less, plugins/table.less, plugins/video.less */', 0x[encoded data, 114824 characters], 0x5846, 2030033, '2.3.0 Beta 3', 1748686057);
