INSERT INTO `xf_template` (`template_id`, `type`, `title`, `style_id`, `template`, `template_parsed`, `addon_id`, `version_id`, `version_string`, `last_edit_date`) VALUES
(779, 0x7075626c6963, 0x636f6e766572736174696f6e5f6d756c74695f71756f7465, 0, '<xf:macro id=\"multi_quote_macros::block\"\n	arg-quotes=\"{$quotes}\"\n	arg-messages=\"{$messages}\"\n	arg-containerRelation=\"Conversation\"\n	arg-dateKey=\"message_date\"\n	arg-bbCodeContext=\"conversation_message\" />\n', 0x4f3a32343a2258465c54656d706c6174655c436f6d70696c65725c417374223a313a7b733a383a226368696c6472656e223b613a323a7b693a303b4f3a33313a2258465c54656d706c6174655c436f6d70696c65725c53796e7461785c546167223a373a7b733a343a226c696e65223b693a363b733a343a226e616d65223b733a353a226d6163726f223b733a31303a2261747472696275746573223b613a363a7b733a323a226964223b4f3a33313a2258465c54656d706c6174655c436f6d70696c65725c53796e7461785c537472223a323a7b733a343a226c696e65223b693a313b733a373a22636f6e74656e74223b733a32353a226d756c74695f71756f74655f6d6163726f733a3a626c6f636b223b7d733a31303a226172672d71756f746573223b4f3a33363a2258465c54656d706c6174655c436f6d70696c65725c53796e7461785c5661726961626c65223a343a7b733a343a226c696e65223b693a323b733a343a226e616d65223b733a363a2271756f746573223b733a31303a2264696d656e73696f6e73223b613a303a7b7d733a373a2266696c74657273223b613a303a7b7d7d733a31323a226172672d6d65737361676573223b4f3a33363a2258465c54656d706c6174655c436f6d70696c65725c53796e7461785c5661726961626c65223a343a7b733a343a226c696e65223b693a333b733a343a226e616d65223b733a383a226d65737361676573223b733a31303a2264696d656e73696f6e73223b613a303a7b7d733a373a2266696c74657273223b613a303a7b7d7d733a32313a226172672d636f6e7461696e657252656c6174696f6e223b4f3a33313a2258465c54656d706c6174655c436f6d70696c65725c53796e7461785c537472223a323a7b733a343a226c696e65223b693a343b733a373a22636f6e74656e74223b733a31323a22436f6e766572736174696f6e223b7d733a31313a226172672d646174654b6579223b4f3a33313a2258465c54656d706c6174655c436f6d70696c65725c53796e7461785c537472223a323a7b733a343a226c696e65223b693a353b733a373a22636f6e74656e74223b733a31323a226d6573736167655f64617465223b7d733a31373a226172672d6262436f6465436f6e74657874223b4f3a33313a2258465c54656d706c6174655c436f6d70696c65725c53796e7461785c537472223a323a7b733a343a226c696e65223b693a363b733a373a22636f6e74656e74223b733a32303a22636f6e766572736174696f6e5f6d657373616765223b7d7d733a383a226368696c6472656e223b613a303a7b7d733a31313a22697353656c66436c6f7365223b623a313b733a31303a22657874656e73696f6e73223b613a303a7b7d733a353a226465707468223b693a303b7d693a313b4f3a33313a2258465c54656d706c6174655c436f6d70696c65725c53796e7461785c537472223a323a7b733a343a226c696e65223b693a363b733a373a22636f6e74656e74223b733a313a220a223b7d7d7d, 0x5846, 2030010, '2.3.0 Alpha', 1748686057),
(780, 0x7075626c6963, 0x636f6e766572736174696f6e5f7265706c79, 0, '<xf:title>{{ phrase(\'reply_to_direct_message\') }}</xf:title>\n\n<xf:breadcrumb href=\"{{ link(\'direct-messages\') }}\">{{ phrase(\'direct_messages\') }}</xf:breadcrumb>\n<xf:breadcrumb href=\"{{ link(\'direct-messages\', $conversation) }}\">{$conversation.title}</xf:breadcrumb>\n\n<xf:form action=\"{{ link(\'direct-messages/add-reply\', $conversation) }}\" class=\"block\" ajax=\"true\"\n	draft=\"{{ link(\'direct-messages/draft\', $conversation) }}\"\n	data-xf-init=\"attachment-manager\">\n\n	<div class=\"block-container\">\n		<div class=\"block-body\">\n			<xf:editorrow name=\"message\"\n				value=\"{$defaultMessage}\"\n				attachments=\"{{ $attachmentData ? $attachmentData.attachments : [] }}\"\n				rowtype=\"fullWidth noLabel\"\n				placeholder=\"{{ phrase(\'reply_placeholder\') }}\"\n				label=\"{{ phrase(\'message\') }}\"\n				data-preview-url=\"{{ link(\'direct-messages/reply-preview\', $conversation) }}\" />\n\n			<xf:formrow rowtype=\"fullWidth noLabel\">\n				<xf:if is=\"$attachmentData\">\n					<xf:macro id=\"helper_attach_upload::upload_block\"\n						arg-attachmentData=\"{$attachmentData}\"\n						arg-forceHash=\"{$conversation.draft_reply.attachment_hash}\" />\n				</xf:if>\n\n				<xf:if is=\"$xf.options.multiQuote\">\n					<xf:macro id=\"multi_quote_macros::button\"\n						arg-href=\"{{ link(\'direct-messages/multi-quote\', $conversation) }}\"\n						arg-messageSelector=\".js-message\"\n						arg-storageKey=\"multiQuoteConversation\" />\n				</xf:if>\n			</xf:formrow>\n\n		</div>\n		<xf:submitrow submit=\"{{ phrase(\'post_reply\') }}\" icon=\"reply\" sticky=\"true\" />\n	</div>\n</xf:form>', 0x[encoded data, 21542 characters], 0x5846, 2030010, '2.3.0 Alpha', 1748686057),
(781, 0x7075626c6963, 0x636f6e766572736174696f6e5f7265706c795f6e65775f6d65737361676573, 0, '<xf:if is=\"$firstUnshownMessage\">\n	<div class=\"message\">\n		<div class=\"message-inner\">\n			<div class=\"message-cell message-cell--alert\">\n				{{ phrase(\'there_more_messages_to_display\') }} <a href=\"{{ link(\'direct-messages/replies\', $firstUnshownMessage) }}\">{{ phrase(\'view_them\') }}</a>\n			</div>\n		</div>\n	</div>\n</xf:if>\n\n<xf:foreach loop=\"$messages\" value=\"$message\">\n	<xf:macro id=\"conversation_message_macros::message\" arg-message=\"{$message}\" arg-conversation=\"{$conversation}\" />\n</xf:foreach>\n', 0x[encoded data, 6504 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
(782, 0x7075626c6963, 0x636f6e766572736174696f6e5f73746172, 0, '<xf:title>{{ $isStarred ? phrase(\'unstar\') : phrase(\'star\') }}</xf:title>\n\n<xf:breadcrumb href=\"{{ link(\'direct-messages\') }}\">{{ phrase(\'direct_messages\') }}</xf:breadcrumb>\n<xf:breadcrumb href=\"{{ link(\'direct-messages\', $conversation) }}\">{$conversation.title}</xf:breadcrumb>\n\n<xf:form action=\"{{ link(\'direct-messages/star\', $userConv) }}\" ajax=\"true\" class=\"block\">\n	<div class=\"block-container\">\n		<div class=\"block-body\">\n			<xf:inforow rowtype=\"confirm\">\n				<xf:if is=\"$isStarred\">\n					{{ phrase(\'please_confirm_that_you_wish_to_unstar_following_direct_message:\') }}\n				<xf:else />\n					{{ phrase(\'please_confirm_that_you_wish_to_star_following_direct_message:\') }}\n				</xf:if>\n				<strong><a href=\"{{ link(\'direct-messages\', $conversation) }}\">{$conversation.title}</a></strong>\n			</xf:inforow>\n		</div>\n		<xf:submitrow submit=\"{{ $isStarred ? phrase(\'unstar\') : phrase(\'star\') }}\" rowtype=\"simple\" />\n	</div>\n\n	<xf:redirect />\n</xf:form>', 0x[encoded data, 16542 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
(783, 0x7075626c6963, 0x636f6e766572736174696f6e5f76696577, 0, '<xf:title page=\"{$page}\">{$conversation.title}</xf:title>\n\n<xf:description meta=\"false\">\n	<ul class=\"listInline listInline--bullet\">\n		<li>\n			<xf:fa icon=\"fa-users\" title=\"{{ phrase(\'participants\')|for_attr }}\" />\n			<span class=\"u-srOnly\">{{ phrase(\'participants\') }}</span>\n\n			<ul class=\"listInline listInline--selfInline listInline--comma\">\n				<li><xf:username user=\"$conversation.Starter\" defaultname=\"{$conversation.username}\" title=\"{{ phrase(\'direct_message_starter\') }}\" href=\"\" /></li><xf:trim>\n				</xf:trim><xf:foreach loop=\"$conversation.recipients\" value=\"$recipient\" if=\"{$recipient.user_id} != {$conversation.user_id} AND $i < 4\" i=\"$i\"><xf:trim>\n					<li><xf:username user=\"{$recipient}\" defaultname=\"{{ phrase(\'unknown_member\') }}\" href=\"\" /></li>\n				</xf:trim></xf:foreach>\n			</ul>\n			<xf:if is=\"$conversation.recipient_count > 5\">\n				{{ phrase(\'ellipsis_and_x_more\', {\'count\': ($conversation.recipient_count - 5)|number}) }}\n			</xf:if>\n		</li>\n		<li>\n			<xf:fa icon=\"fa-clock\" title=\"{{ phrase(\'start_date\')|for_attr }}\" />\n			<span class=\"u-srOnly\">{{ phrase(\'start_date\') }}</span>\n\n			<a href=\"{{ link(\'direct-messages\', $conversation) }}\" class=\"u-concealed\"><xf:date time=\"{$conversation.start_date}\" /></a>\n		</li>\n	</ul>\n</xf:description>\n\n<xf:macro id=\"conversation_list_macros::conversation_page_options\"\n	arg-conversation=\"{$conversation}\" />\n\n<xf:breadcrumb href=\"{{ link(\'direct-messages\') }}\">{{ phrase(\'direct_messages\') }}</xf:breadcrumb>\n\n<xf:sidebar key=\"conversationInfo\">\n	<div class=\"block\">\n		<div class=\"block-container\">\n			<h3 class=\"block-minorHeader\">{{ phrase(\'direct_message_info\') }}</h3>\n			<div class=\"block-body block-row block-row--minor\">\n				<dl class=\"pairs pairs--justified\"><dt>{{ phrase(\'participants\') }}</dt> <dd>{$conversation.recipient_count|number}</dd></dl>\n				<dl class=\"pairs pairs--justified\"><dt>{{ phrase(\'replies\') }}</dt> <dd>{$conversation.reply_count|number}</dd></dl>\n				<dl class=\"pairs pairs--justified\"><dt>{{ phrase(\'last_reply_date\') }}</dt> <dd><xf:date time=\"$conversation.last_message_date\" /></dd></dl>\n				<dl class=\"pairs pairs--justified\"><dt>{{ phrase(\'last_reply_from\') }}</dt> <dd><xf:username user=\"$conversation.LastMessageUser\" /></dd></dl>\n			</div>\n		</div>\n	</div>\n</xf:sidebar>\n\n<xf:sidebar key=\"conversationParticipants\">\n	<div class=\"block\">\n		<div class=\"block-container\">\n			<h3 class=\"block-minorHeader\">{{ phrase(\'direct_message_participants\') }}</h3>\n			<ol class=\"block-body\">\n				<xf:foreach loop=\"$recipients\" value=\"$recipient\">\n					<li class=\"block-row\">\n						<div class=\"contentRow\">\n							<xf:if is=\"$recipient.User\">\n								<div class=\"contentRow-figure\">\n									<xf:avatar user=\"$recipient.User\" size=\"xs\" />\n								</div>\n								<div class=\"contentRow-main\">\n									<xf:username user=\"$recipient.User\" rich=\"true\" />\n									<div class=\"contentRow-minor\"><xf:usertitle user=\"$recipient.User\" /></div>\n								</div>\n							<xf:else />\n								<div class=\"contentRow-figure\">\n									<xf:avatar user=\"{{ null }}\" size=\"xs\" />\n								</div>\n								<div class=\"contentRow-main\">\n									{{ phrase(\'unknown_member\') }}\n								</div>\n							</xf:if>\n						</div>\n					</li>\n				</xf:foreach>\n			</ol>\n			<xf:if is=\"$conversation.canInvite()\">\n				<div class=\"block-footer\">\n					<span class=\"block-footer-controls\">\n						<a href=\"{{ link(\'direct-messages/invite\', $conversation) }}\" data-xf-click=\"overlay\">{{ phrase(\'invite_more\') }}</a>\n					</span>\n				</div>\n			</xf:if>\n		</div>\n	</div>\n</xf:sidebar>\n\n<div class=\"block block--messages\">\n	<div class=\"block-outer\">\n		<xf:pagenav\n			page=\"{$page}\" perpage=\"{$perPage}\" total=\"{{ $conversation.reply_count + 1 }}\"\n			link=\"direct-messages\" data=\"{$conversation}\"\n			wrapperclass=\"block-outer-main\" />\n		<div class=\"block-outer-opposite\">\n			<div class=\"buttonGroup\">\n				<xf:if is=\"$conversation.canEdit()\">\n					<xf:button href=\"{{ link(\'direct-messages/edit\', $conversation) }}\" class=\"button--link\"\n						icon=\"edit\" overlay=\"true\" />\n				</xf:if>\n				<xf:button href=\"{{ link(\'direct-messages/star\', $conversation) }}\" class=\"button--link\"\n					data-xf-click=\"switch\"\n					data-sk-star=\"{{ phrase(\'star\') }}\"\n					data-sk-unstar=\"{{ phrase(\'unstar\') }}\">\n					{{ {$userConv.is_starred} ? phrase(\'unstar\') : phrase(\'star\') }}\n				</xf:button>\n				<xf:button href=\"{{ link(\'direct-messages/mark-unread\', $conversation) }}\" class=\"button--link\"\n					data-xf-click=\"switch\"\n					data-sk-read=\"{{ phrase(\'mark_read\') }}\"\n					data-sk-unread=\"{{ phrase(\'mark_unread\') }}\">\n					{{ {$userConv.is_unread} ? phrase(\'mark_read\') : phrase(\'mark_unread\') }}\n				</xf:button>\n				<xf:button href=\"{{ link(\'direct-messages/leave\', $conversation) }}\" class=\"button--link\" overlay=\"true\">\n					{{ phrase(\'leave\') }}\n				</xf:button>\n			</div>\n		</div>\n	</div>\n\n	<div class=\"block-container lbContainer\"\n		data-xf-init=\"lightbox{{ $xf.options.selectQuotable ? \' select-to-quote\' : \'\' }}\"\n		data-message-selector=\".js-message\"\n		data-lb-id=\"conversation-{$conversation.conversation_id}\"\n		data-lb-universal=\"{$xf.options.lightBoxUniversal}\">\n\n		<div class=\"block-body js-replyNewMessageContainer\">\n			<xf:foreach loop=\"$messages\" value=\"$message\">\n				<xf:macro id=\"conversation_message_macros::message\"\n					arg-message=\"{$message}\" arg-conversation=\"{$conversation}\"\n					arg-lastRead=\"{$lastRead}\" />\n			</xf:foreach>\n		</div>\n	</div>\n\n	<div class=\"block-outer block-outer--after\">\n		<xf:pagenav\n			page=\"{$page}\" perpage=\"{$perPage}\" total=\"{{ $conversation.reply_count + 1 }}\"\n			link=\"direct-messages\" data=\"{$conversation}\"\n			wrapperclass=\"block-outer-main\" />\n		<xf:showignored wrapperclass=\"block-outer-opposite\" />\n	</div>\n\n	<xf:if is=\"!$conversation.conversation_open\">\n		<div class=\"block-outer block-outer--after\">\n			<dl class=\"blockStatus\">\n				<dt>{{ phrase(\'status\') }}</dt>\n				<dd class=\"blockStatus-message blockStatus-message--locked\">\n					{{ phrase(\'this_direct_message_is_closed_for_new_replies\') }}\n				</dd>\n			</dl>\n		</div>\n	</xf:if>\n</div>\n\n<xf:if is=\"$conversation.canReply()\">\n	<xf:form action=\"{{ link(\'direct-messages/add-reply\', $conversation) }}\"\n		ajax=\"true\"\n		draft=\"{{ link(\'direct-messages/draft\', $conversation) }}\"\n		class=\"block js-quickReply\"\n		data-xf-init=\"attachment-manager quick-reply\">\n\n		<xf:js src=\"xf/action.js, xf/message.js\" min=\"1\" />\n		<xf:set var=\"$lastMessage\" value=\"{$messages|last}\" />\n\n		<div class=\"block-container\">\n			<div class=\"block-body\">\n				<xf:macro id=\"quick_reply_macros::body\"\n					arg-message=\"{$conversation.draft_reply.message}\"\n					arg-attachmentData=\"{$attachmentData}\"\n					arg-forceHash=\"{$conversation.draft_reply.attachment_hash}\"\n					arg-messageSelector=\".js-message\"\n					arg-supportsMultiQuote=\"{$xf.options.multiQuote}\"\n					arg-multiQuoteHref=\"{{ link(\'direct-messages/multi-quote\', $conversation) }}\"\n					arg-multiQuoteStorageKey=\"multiQuoteConversation\"\n					arg-lastItemId=\"{$lastMessage.message_id}\"\n					arg-lastDate=\"{$lastMessage.message_date}\"\n					arg-previewUrl=\"{{ link(\'direct-messages/reply-preview\', $conversation) }}\" />\n			</div>\n		</div>\n	</xf:form>\n</xf:if>\n\n<xf:widgetpos id=\"conversation_view_sidebar\" context-conversation=\"{$conversation}\" position=\"sidebar\" />', 0x[encoded data, 95168 characters], 0x5846, 2030037, '2.3.0 Beta 7', 1748686057);
INSERT INTO `xf_template` (`template_id`, `type`, `title`, `style_id`, `template`, `template_parsed`, `addon_id`, `version_id`, `version_string`, `last_edit_date`) VALUES
(784, 0x7075626c6963, 0x636f6e766572736174696f6e735f706f707570, 0, '<xf:if is=\"$unreadConversations is not empty OR $readConversations is not empty\">\n	<div class=\"menu-scroller\">\n		<ol class=\"listPlain\">\n			<xf:foreach loop=\"$unreadConversations\" value=\"$userConv\">\n				<xf:macro id=\"popup_item\" arg-userConv=\"{$userConv}\" />\n			</xf:foreach>\n			<xf:foreach loop=\"$readConversations\" value=\"$userConv\">\n				<xf:macro id=\"popup_item\" arg-userConv=\"{$userConv}\" />\n			</xf:foreach>\n		</ol>\n	</div>\n<xf:else />\n	<div class=\"menu-row\">{{ phrase(\'you_have_no_recent_direct_messages\') }}</div>\n</xf:if>\n\n<xf:macro id=\"popup_item\" arg-userConv=\"!\">\n	<li class=\"menu-row menu-row--separated menu-row--clickable {{ $userConv.isUnread() ? \'menu-row--highlighted\' : \'\' }}\">\n		<div class=\"fauxBlockLink\">\n			<div class=\"contentRow\">\n				<div class=\"contentRow-figure\">\n					<xf:avatar user=\"$userConv.Master.LastMessageUser\" size=\"xxs\" defaultname=\"{$userConv.Master.last_message_username}\" />\n				</div>\n				<div class=\"contentRow-main contentRow-main--close\">\n					<a href=\"{{ link(\'direct-messages/unread\', $userConv) }}\" class=\"fauxBlockLink-blockLink\">{$userConv.Master.title}</a>\n					<div class=\"contentRow-minor contentRow-minor--smaller contentRow-minor--hideLinks\">\n						{{ phrase(\'with_people:\') }}\n						<ul class=\"listInline listInline--selfInline listInline--comma\">\n							<li><xf:username user=\"$userConv.Master.Starter\" defaultname=\"{$userConv.Master.username}\" title=\"{{ phrase(\'direct_message_starter\') }}\" href=\"\" /></li><xf:trim>\n							</xf:trim><xf:foreach loop=\"$userConv.Master.recipients\" value=\"$recipient\" if=\"{$recipient.user_id} != {$userConv.Master.user_id}\"><xf:trim>\n								<li><xf:username user=\"{$recipient}\" defaultname=\"{{ phrase(\'unknown_member\') }}\" href=\"\" /></li>\n							</xf:trim></xf:foreach>\n						</ul>\n					</div>\n					<div class=\"contentRow-minor contentRow-minor--smaller\">\n						<xf:date time=\"$userConv.Master.last_message_date\" />\n					</div>\n				</div>\n			</div>\n		</div>\n	</li>\n</xf:macro>', 0x[encoded data, 23966 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
(785, 0x7075626c6963, 0x636f72652e6c657373, 0, '// ########################## GLOBAL BASE SETUP #######################\n\nhtml\n{\n	font: @xf-fontSizeNormal / @xf-lineHeightDefault sans-serif;\n	font-family: @xf-fontFamilyUi;\n	font-weight: @xf-fontWeightNormal;\n	color: @xf-textColor;\n	margin: 0;\n	padding: 0;\n	word-wrap: break-word;\n	background-color: @xf-pageBg;\n\n	/* // just a reminder that we *might* want this at some point\n	-ms-text-size-adjust: none;\n	-webkit-text-size-adjust: none;*/\n\n	--js-display: block;\n}\n\nbutton, input, optgroup, select, textarea\n{\n	font-family: @xf-fontFamilyUi;\n	line-height: @xf-lineHeightDefault;\n}\n\nimg\n{\n	max-width: 100%;\n	height: auto;\n}\n\nb, strong\n{\n	font-weight: @xf-fontWeightHeavy;\n}\n\na\n{\n	.xf-link();\n\n	&:hover\n	{\n		.xf-linkHover();\n	}\n}\n\nsvg\n{\n	fill: currentColor;\n}\n\n{{ include(\'core_setup.less\') }}\n{{ include(\'core_utilities.less\') }}\n{{ include(\'core_list.less\') }}\n{{ include(\'core_categorylist.less\') }}\n{{ include(\'core_block.less\') }}\n{{ include(\'core_blockmessage.less\') }}\n{{ include(\'core_blockstatus.less\') }}\n{{ include(\'core_blocklink.less\') }}\n{{ include(\'core_blockend.less\') }}\n{{ include(\'core_fixedmessage.less\') }}\n{{ include(\'core_button.less\') }}\n{{ include(\'core_meter_bar.less\') }}\n\n// ################################# INPUTS & FORMS #####################\n\n{{ include(\'core_input.less\') }}\n{{ include(\'core_formrow.less\') }}\n\n{{ include(\'core_collapse.less\') }}\n{{ include(\'core_badge.less\') }}\n{{ include(\'core_tooltip.less\') }}\n{{ include(\'core_menu.less\') }}\n{{ include(\'core_offcanvas.less\') }}\n{{ include(\'core_tab.less\') }}\n{{ include(\'core_overlay.less\') }}\n{{ include(\'core_globalaction.less\') }}\n{{ include(\'core_avatar.less\') }}\n{{ include(\'core_datalist.less\') }}\n{{ include(\'core_filter.less\') }}\n{{ include(\'core_contentrow.less\') }}\n{{ include(\'core_pagenav.less\') }}\n{{ include(\'core_hscroller.less\') }}\n\n// FLASH MESSAGES\n.flashMessage\n{\n	display: none;\n	position: fixed;\n	top: 0;\n	left: 0;\n	right: 0;\n	z-index: @zIndex-9;\n	.xf-flashMessage();\n\n	.m-transitionFadeDown();\n}\n\n// AUTOCOMPLETE\n.autoCompleteList\n{\n	.m-autoCompleteList();\n	margin-top: 2px;\n\n	&.autoCompleteList--inherit\n	{\n		font-size: inherit;\n\n		li\n		{\n			padding: @xf-paddingLarge;\n			line-height: inherit;\n		}\n	}\n\n	&.autoCompleteList--fullWidth\n	{\n		min-width: 100%;\n	}\n}\n\n// #################################### TAGS ##############################\n// note that while this is related to tags, it\'s commonly used so just include it\n\n.tagList,\n.tagList > dt,\n.tagList > dd\n{\n	display: inline;\n	padding: 0;\n	margin: 0;\n}\n\n.tagItem\n{\n	display: inline-block;\n	max-width: 100%;\n	padding: 0 6px 1px;\n	margin: 0 0 2px;\n	border-radius: @xf-borderRadiusMedium;\n	font-size: @xf-fontSizeSmaller;\n	.xf-chip();\n\n	a&:hover\n	{\n		text-decoration: none;\n		color: @xf-chip--color;\n		.xf-chipHover();\n	}\n}\n\n// ############################# MISC #########################\n\n.recaptcha\n{\n	&.input\n	{\n		box-sizing: content-box;\n		max-width: 100%;\n	}\n\n	img\n	{\n		max-width: 100%;\n	}\n}\n\n.likesBar\n{\n	.m-transitionFadeDown(@display: flex);\n	align-items: center;\n	.xf-minorBlockContent();\n	border-left: @xf-borderSizeMinorFeature solid @xf-borderColorFeature;\n	padding: @xf-paddingMedium;\n	font-size: @xf-fontSizeSmaller;\n	margin-top: @xf-paddingMedium;\n}\n\n.likeIcon\n{\n	&:before\n	{\n		.m-faBase();\n		.m-faContent(@fa-var-thumbs-up); //, 1em\n		color: @xf-textColorFeature;\n		//margin-right: .2em;\n	}\n}\n\n.reactionsBar\n{\n	.m-transitionFadeDown(@display: flex);\n	align-items: center;\n	.xf-minorBlockContent();\n	border-left: @xf-borderSizeMinorFeature solid @xf-borderColorFeature;\n	padding: @xf-paddingMedium;\n	font-size: @xf-fontSizeSmaller;\n	margin-top: @xf-paddingMedium;\n}\n\n.reactionsBar-link\n{\n	padding-left: @xf-paddingSmall;\n}\n\n.reactionSummary\n{\n	.m-listPlain();\n	flex-shrink: 0;\n	height: 16px;\n	margin: 0 -2px;\n\n	> li\n	{\n		display: inline-block;\n		height: 20px;\n		width: 20px;\n		padding: 2px;\n		margin: -2px 0;\n		background: @xf-contentBg;\n		border-radius: 50%;\n		position: relative;\n		margin-left: -6px;\n\n		&:nth-child(1)\n		{\n			z-index: 3;\n			margin-left: 0;\n		}\n\n		&:nth-child(2)\n		{\n			z-index: 2;\n		}\n\n		&:nth-child(3)\n		{\n			z-index: 1;\n		}\n	}\n\n	.reaction\n	{\n		position: absolute;\n		top: 0;\n\n		&.reaction\n		{\n			// increase specificity to override .reaction.reaction--<size>\n			display: block;\n		}\n	}\n}\n\n.reactionsBar,\n.message-responseRow\n{\n	.reactionSummary\n	{\n		> li\n		{\n			background: @xf-contentAltBg;\n		}\n\n		.reaction\n		{\n			top: 2px;\n		}\n	}\n}\n\n.reactTooltip\n{\n	padding: 0;\n	display: flex;\n	flex-wrap: wrap;\n	justify-content: center;\n	max-width: 100%;\n\n	.reaction\n	{\n		margin: @xf-paddingSmall;\n		.m-transition(transform);\n\n		&:hover\n		{\n			.m-transform(scale(1.2));\n		}\n	}\n}\n\n.colorChip\n{\n	display: inline-block;\n	border: @xf-borderSize solid @xf-borderColor;\n	border-radius: @xf-borderRadiusMedium;\n	padding: 1px;\n	width: 100px;\n}\n\n.colorChip-inner\n{\n	display: block;\n	background-color: transparent;\n	border-radius: @xf-borderRadiusSmall;\n	height: 1em;\n}\n\n.colorChip-value\n{\n	display: none;\n}\n\npre.sf-dump\n{\n	// not ideal, but then again neither is the default of 99999...\n	z-index: @zIndex-1 !important;\n}\n\n.grecaptcha-badge\n{\n	z-index: @zIndex-5;\n}\n\n// Bookmarking links for 2.1\n.bookmarkLink\n{\n	&:before\n	{\n		& when (@xf-fontAwesomeWeight >= @faWeight-solid)\n		{\n			.m-faIcon(@fa-var-regular-bookmark);\n		}\n		& when (@xf-fontAwesomeWeight < @faWeight-solid)\n		{\n			.m-faIcon(@fa-var-bookmark);\n		}\n	}\n	&.is-bookmarked\n	{\n		&:before\n		{\n			.m-faContent(@fa-var-solid-bookmark);\n		}\n	}\n\n	&.bookmarkLink--highlightable.is-bookmarked\n	{\n		color: @xf-textColorAttention;\n\n		&:hover\n		{\n			color: @xf-textColorAccentContent;\n		}\n	}\n\n	span\n	{\n		margin-left: .35em;\n	}\n}\n\n.p-breadcrumbs > li > a,\na.ui\n{\n	--ui-pad: .2em;\n	--ui-pad-h: 2;\n	display: inline-block;\n	padding: var(--ui-pad) calc(var(--ui-pad) * var(--ui-pad-h));\n	margin: calc(var(--ui-pad) * -1) calc(var(--ui-pad) * var(--ui-pad-h) * -1);\n	border-radius: 5px;\n	background-color: transparent;\n	.m-transition(background-color);\n\n	&:hover\n	{\n		background-color: fade(@xf-paletteNeutral3, 5%);\n		text-decoration: none;\n	}\n}\n\n// used in H2-H4 anchors\n.hoverLink\n{\n	font-weight: normal;\n	font-size: 75%;\n	opacity: 0;\n	.m-transition(color opacity);\n\n	&:not(:hover)\n	{\n		color: inherit;\n	}\n\n	&:after\n	{\n		.m-faBase();\n		.m-faContent(@fa-var-link);\n		position: relative;\n		left: .5em;\n		bottom: .1em;\n	}\n\n	*:hover > &\n	{\n		opacity: 0.5;\n\n		&:hover\n		{\n			opacity: 1;\n		}\n	}\n\n	&:first-child:after\n	{\n		left: 0;\n		right: .5em;\n		background: pink;\n	}\n}\n\n.dragHandle\n{\n	cursor: move;\n	touch-action: none;\n\n	&:before\n	{\n		.m-faBase();\n		.m-faContent(@fa-var-bars);\n	}\n\n	.is-undraggable &\n	{\n		visibility: hidden;\n		cursor: default;\n	}\n}\n\n.memberProfileBanner\n{\n	background-size: cover !important;\n	background-position-x: center !important;\n	background-repeat: no-repeat !important;\n\n	&.memberProfileBanner--small\n	{\n		height: 150px;\n		margin-bottom: @xf-paddingMedium;\n	}\n\n	&.memberProfileBanner--empty\n	{\n		display: none;\n	}\n}\n\n.solutionIcon\n{\n	display: inline-flex;\n	padding: @xf-paddingMedium;\n	font-size: @xf-fontSizeLargest;\n	line-height: 1;\n	color: @xf-textColorMuted;\n	.m-transition();\n\n	a&\n	{\n		color: @xf-textColorMuted;\n		text-decoration: none;\n	}\n\n	&:before\n	{\n		& when (@xf-fontAwesomeWeight >= @faWeight-solid)\n		{\n			.m-faIcon(@fa-var-regular-check-circle);\n		}\n		& when (@xf-fontAwesomeWeight < @faWeight-solid)\n		{\n			.m-faIcon(@fa-var-check-circle);\n		}\n	}\n\n	&.is-solution\n	{\n		color: @xf-votePositiveColor;\n		opacity: 1;\n\n		&:before\n		{\n			.m-faContent(@fa-var-solid-check-circle);\n		}\n	}\n}\n\n{{ include(\'core_action_bar.less\') }}\n{{ include(\'core_labels.less\') }}\n{{ include(\'core_reaction.less\') }}\n{{ include(\'core_smilie.less\') }}\n{{ include(\'core_bbcode.less\') }}\n\n// RESOLUTION OUTPUT\n\n.debugResolution\n{\n	.debugResolution-output:before\n	{\n		content: \"Full @{xf-responsiveWide} - @{xf-pageWidthMax}\";\n		@media (min-width: @xf-pageWidthMax) { content: \"Max > @{xf-pageWidthMax}\"; }\n		@media (max-width: @xf-responsiveWide) { content: \"Wide < @{xf-responsiveWide}\"; }\n		@media (max-width: @xf-responsiveMedium) { content: \"Medium < @{xf-responsiveMedium}\"; }\n		@media (max-width: @xf-responsiveNarrow) { content: \"Narrow < @{xf-responsiveNarrow}\"; }\n	}\n}', 0x[encoded data, 39768 characters], 0x5846, 2030036, '2.3.0 Beta 6', 1748686057);
INSERT INTO `xf_template` (`template_id`, `type`, `title`, `style_id`, `template`, `template_parsed`, `addon_id`, `version_id`, `version_string`, `last_edit_date`) VALUES
(786, 0x7075626c6963, 0x636f72655f616374696f6e5f6261722e6c657373, 0, '.actionBar\n{\n	.m-clearFix();\n}\n\n.actionBar-set\n{\n	&.actionBar-set--internal\n	{\n		float: left;\n		margin-left: -3px;\n\n		> .actionBar-action:first-child\n		{\n			margin-left: 0;\n		}\n	}\n\n	&.actionBar-set--external\n	{\n		float: right;\n		margin-right: -3px;\n\n		> .actionBar-action:last-child\n		{\n			margin-right: 0;\n		}\n	}\n}\n\n.actionBar-action\n{\n	display: inline-block;\n	padding: 3px;\n	border: 1px solid transparent;\n	border-radius: @xf-borderRadiusMedium;\n	margin-left: 5px;\n\n	&:before\n	{\n		.m-faBase();\n		font-size: 90%;\n	}\n\n	&.actionBar-action--menuTrigger\n	{\n		display: none;\n\n		&.is-displayed\n		{\n			display: inline;\n		}\n\n		&:after\n		{\n			.m-menuGadget();\n		}\n\n		&.is-menuOpen\n		{\n			// get rid of text decoration when the menu opens\n			text-decoration: none;\n		}\n	}\n\n	&.actionBar-action--inlineMod\n	{\n		label\n		{\n			color: @xf-linkColor;\n			font-size: 120%;\n			vertical-align: -2px;\n		}\n\n		input\n		{\n			.m-checkboxAligner();\n		}\n	}\n\n	&.actionBar-action--mq\n	{\n		&:before { .m-faContent(\"@{fa-var-plus}\", .75em); margin-right: 3px; }\n\n		&.is-selected\n		{\n			background-color: @xf-contentHighlightBg;\n			border-color: @xf-borderColorHighlight;\n\n			&:before { .m-faContent(\"@{fa-var-minus}\", .75em); }\n		}\n	}\n\n	&.actionBar-action--postLink\n	{\n		text-decoration: inherit !important;\n		color: inherit !important;\n	}\n\n	&.actionBar-action--reply:before { .m-faContent(\"@{fa-var-reply}\", 1.125em); margin-right: 3px; }\n	&.actionBar-action--like:before { .m-faContent(\"@{fa-var-thumbs-up}\", 1em); margin-right: 3px; }\n\n	&.actionBar-action--reaction:not(.has-reaction) .reaction-text\n	{\n		color: inherit;\n	}\n\n	&.actionBar-action--view\n	{\n		background: @xf-contentBg;\n		color: @xf-linkColor;\n		.m-buttonBorderColorVariation(@xf-borderColor);\n		padding-left: @xf-paddingLarge;\n		padding-right: @xf-paddingLarge;\n\n		&:hover,\n		&:active,\n		&:focus\n		{\n			text-decoration: none;\n			background: @xf-contentHighlightBg;\n		}\n	}\n}\n\n@media (max-width: @xf-responsiveNarrow)\n{\n	.actionBar-action\n	{\n		&.actionBar-action--menuItem\n		{\n			display: none !important;\n		}\n\n		&.actionBar-action--menuTrigger\n		{\n			display: inline;\n		}\n	}\n}', 0x[encoded data, 4506 characters], 0x5846, 2030010, '2.3.0 Alpha', 1748686057),
(787, 0x7075626c6963, 0x636f72655f6176617461722e6c657373, 0, '// ################################### AVATARS #############################\n\n.avatar\n{\n	display: inline-flex;\n	justify-content: center;\n	align-items: center;\n	border-radius: @xf-avatarBorderRadius;\n	vertical-align: top;\n	overflow: hidden;\n\n	img { background-color: @xf-avatarBg; }\n\n	&.avatar--default\n	{\n		&.avatar--default--dynamic,\n		&.avatar--default--text\n		{\n			font-family: @xf-avatarDynamicFont;\n			font-weight: normal;\n			text-align: center;\n			text-decoration: none !important;\n\n			// this works with the flex box approach\n			line-height: 1;\n\n			-webkit-user-select: none;\n			-moz-user-select: none;\n			-ms-user-select: none;\n			user-select: none;\n		}\n\n		&.avatar--default--text\n		{\n			color: xf-default(@xf-textColorMuted, black) !important;\n			background: mix(xf-default(@xf-textColorMuted, black), xf-default(@xf-avatarBg, white), 25%) !important;\n\n			> span:before { content: ~\"\'@{xf-avatarDefaultTextContent}\'\"; }\n		}\n\n		&.avatar--default--image\n		{\n			background-color: @xf-avatarBg;\n			background-image: url(@xf-avatarDefaultImage);\n			background-size: cover;\n			> span { display: none; }\n		}\n	}\n\n	&:hover\n	{\n		text-decoration: none;\n	}\n\n	&.avatar--updateLink\n	{\n		position: relative;\n	}\n\n	&.avatar--separated\n	{\n		border: 1px solid @xf-avatarBg;\n	}\n\n	&.avatar--square\n	{\n		border-radius: 0;\n	}\n\n	&.avatar--xxs\n	{\n		.m-avatarSize(@avatar-xxs);\n	}\n\n	&.avatar--xs\n	{\n		.m-avatarSize(@avatar-xs);\n	}\n\n	&.avatar--s\n	{\n		.m-avatarSize(@avatar-s);\n	}\n\n	&.avatar--m\n	{\n		.m-avatarSize(@avatar-m);\n	}\n\n	&.avatar--l\n	{\n		.m-avatarSize(@avatar-l);\n	}\n\n	&.avatar--o\n	{\n		.m-avatarSize(@avatar-o);\n	}\n\n	img:not(.cropImage)\n	{\n		.m-hideText;\n		display: block;\n		border-radius: inherit;\n		width: 100%;\n		height: 100%;\n	}\n\n	&:not(a)\n	{\n		cursor: inherit;\n	}\n}\n\n.avatar-update\n{\n	width: 100%;\n	height: 30px;\n	bottom: -30px;\n	position: absolute;\n\n	.m-hiddenLinks();\n	.m-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3), #000);\n	.m-transition();\n\n	padding: @xf-paddingSmall;\n	overflow: hidden;\n\n	font-family: @xf-fontFamilyUi;\n	font-size: @xf-fontSizeSmaller;\n	line-height: @xf-lineHeightDefault;\n\n	display: none;\n	align-items: center;\n	justify-content: center;\n\n	.avatar--updateLink &\n	{\n		display: flex;\n	}\n\n	.has-touchevents &,\n	.avatar:hover &\n	{\n		bottom: 0;\n	}\n\n	a\n	{\n		text-shadow: 0 0 2px rgba(0, 0, 0, 0.6);\n		color: #fff;\n\n		&:hover\n		{\n			text-decoration: none;\n		}\n	}\n}\n\n.avatarWrapper\n{\n	display: inline-block;\n	position: relative;\n}\n\n.avatarWrapper-update\n{\n	position: absolute;\n	top: 50%;\n	bottom: 0;\n	left: 0;\n	right: 0;\n	display: flex;\n	align-items: flex-end;\n	justify-content: center;\n	padding-bottom: .8em;\n	color: #fff;\n	text-decoration: none;\n	opacity: 0;\n	.m-transition(opacity);\n\n	&:before\n	{\n		content: \'\';\n		position: absolute;\n		top: -100%;\n		bottom: 0;\n		left: 0;\n		right: 0;\n		.m-borderBottomRadius(xf-default(@xf-avatarBorderRadius, 0));\n		.m-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .9), #000, 60%);\n		opacity: .75;\n		.m-transition(opacity);\n		pointer-events: none;\n	}\n\n	span\n	{\n		// so it sits on top of the BG\n		position: relative;\n	}\n\n	&:hover\n	{\n		color: #fff;\n		text-decoration: none;\n\n		&:before\n		{\n			opacity: 1;\n		}\n	}\n\n	.avatarWrapper:hover &,\n	.has-touchevents &\n	{\n		opacity: 1;\n	}\n\n	&.avatarWrapper-update--small\n	{\n		font-size: @xf-fontSizeSmall;\n	}\n}', 0x[encoded data, 6868 characters], 0x5846, 2010131, '2.1.1 Beta 1', 1748686057),
(788, 0x7075626c6963, 0x636f72655f62616467652e6c657373, 0, '// #################################################### BADGES ###########################\n\n.badge,\n.badgeContainer:after\n{\n	display: inline-block;\n	padding: 2px 4px;\n	margin: -2px 0;\n	font-size: 80%;\n	line-height: 1;\n	font-weight: @xf-fontWeightNormal;\n	.xf-badge();\n}\n\n.badgeContainer\n{\n	&:after\n	{\n		content: attr(data-badge);\n		display: none;\n	}\n\n	&.badgeContainer--visible:after\n	{\n		display: inline-block;\n	}\n}\n\n.badge.badge--highlighted,\n.badgeContainer.badgeContainer--highlighted:after\n{\n	display: inline-block;\n	.xf-badgeHighlighted();\n}', 0x4f3a32343a2258465c54656d706c6174655c436f6d70696c65725c417374223a313a7b733a383a226368696c6472656e223b613a313a7b693a303b4f3a33313a2258465c54656d706c6174655c436f6d70696c65725c53796e7461785c537472223a323a7b733a343a226c696e65223b693a313b733a373a22636f6e74656e74223b733a3534373a222f2f202323232323232323232323232323232323232323232323232323232323232323232323232323232323232323232323232323232320424144474553202323232323232323232323232323232323232323232323232323230a0a2e62616467652c0a2e6261646765436f6e7461696e65723a61667465720a7b0a09646973706c61793a20696e6c696e652d626c6f636b3b0a0970616464696e673a20327078203470783b0a096d617267696e3a202d32707820303b0a09666f6e742d73697a653a203830253b0a096c696e652d6865696768743a20313b0a09666f6e742d7765696768743a204078662d666f6e745765696768744e6f726d616c3b0a092e78662d626164676528293b0a7d0a0a2e6261646765436f6e7461696e65720a7b0a09263a61667465720a097b0a0909636f6e74656e743a206174747228646174612d6261646765293b0a0909646973706c61793a206e6f6e653b0a097d0a0a09262e6261646765436f6e7461696e65722d2d76697369626c653a61667465720a097b0a0909646973706c61793a20696e6c696e652d626c6f636b3b0a097d0a7d0a0a2e62616467652e62616467652d2d686967686c6967687465642c0a2e6261646765436f6e7461696e65722e6261646765436f6e7461696e65722d2d686967686c6967687465643a61667465720a7b0a09646973706c61793a20696e6c696e652d626c6f636b3b0a092e78662d6261646765486967686c69676874656428293b0a7d223b7d7d7d, 0x5846, 2000010, '2.0.0 Alpha', 1748686057),
(789, 0x7075626c6963, 0x636f72655f6262636f64652e6c657373, 0, '.bbWrapper\n{\n	// This approach is needed to normalize browser differences that normalize.css won\'t handle within BB code/rich text\n	// sections. You may need higher specificity to override some situations because of this.\n\n	ol:not(.is-structureList),\n	ul:not(.is-structureList)\n	{\n		margin-top: 1em;\n		margin-bottom: 1em;\n		overflow: hidden;\n	}\n\n	ol:not(.is-structureList) ol:not(.is-structureList),\n	ol:not(.is-structureList) ul:not(.is-structureList),\n	ul:not(.is-structureList) ol:not(.is-structureList),\n	ul:not(.is-structureList) ul:not(.is-structureList)\n	{\n		margin-top: 0;\n		margin-bottom: 0;\n	}\n\n	// note that changes to these rules will likely need to be replicated into editor.less\n	.bbHeading\n	{\n		margin: .5em 0;\n		clear: both;\n	}\n\n	h2.bbHeading { font-size: @xf-fontSizeLargest; }\n	h3.bbHeading { font-size: @xf-fontSizeLarger; }\n	h4.bbHeading { 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	> :first-child\n	{\n		margin-top: 0;\n	}\n\n	a.link\n	{\n		color: @xf-linkUgcColor;\n	}\n\n	a.link:hover\n	{\n		color: @xf-linkUgcHoverColor;\n	}\n}\n\n.bbImage\n{\n	height: auto;\n	max-width: 100%;\n}\n\n.bbImageWrapper\n{\n	display: inline-block;\n	max-width: 100%;\n}\n\n// classes to handle images being floated left and right via BB code attributes\n.bbImage,\n.bbImageWrapper\n{\n	&.bbImageAligned--left\n	{\n		float: left;\n		margin: @xf-bbCodeImgFloatMargin @xf-bbCodeImgFloatMarginAfter @xf-bbCodeImgFloatMarginAfter 0;\n	}\n\n	&.bbImageAligned--right\n	{\n		float: right;\n		margin: @xf-bbCodeImgFloatMargin 0 @xf-bbCodeImgFloatMarginAfter @xf-bbCodeImgFloatMarginAfter;\n	}\n}\n\n.bbMediaWrapper,\n.bbMediaJustifier,\n.bbOembed\n{\n	width: 560px;\n	max-width: 100%;\n	margin: 0;\n\n	&.fb_iframe_widget\n	{\n		display: block;\n	}\n\n	.m-blockAligner();\n\n	&.bbImageAligned--left\n	{\n		float: left;\n		margin: @xf-bbCodeImgFloatMargin @xf-bbCodeImgFloatMarginAfter @xf-bbCodeImgFloatMarginAfter 0;\n	}\n\n	&.bbImageAligned--right\n	{\n		float: right;\n		margin: @xf-bbCodeImgFloatMargin 0 @xf-bbCodeImgFloatMarginAfter @xf-bbCodeImgFloatMarginAfter;\n	}\n}\n\n.fb_iframe_widget\n{\n	> span,\n	iframe\n	{\n		max-width: 100%;\n	}\n}\n\n.bbMediaWrapper.bbMediaWrapper--inline\n{\n	display: inline-block;\n}\n\n.bbMediaWrapper-inner\n{\n	position: relative;\n	padding-bottom: 56.25%; /* 16:9 ratio */\n	height: 0;\n\n	&.bbMediaWrapper-inner--4to3\n	{\n		padding-bottom: 75%; /* 4:3 ratio */\n	}\n\n	&.bbMediaWrapper-inner--104px\n	{\n		padding-bottom: 104px;\n	}\n\n	&.bbMediaWrapper-inner--110px\n	{\n		padding-bottom: 110px;\n	}\n\n	&.bbMediaWrapper-inner--150px\n	{\n		padding-bottom: 150px;\n	}\n\n	&.bbMediaWrapper-inner--232px\n	{\n		padding-bottom: 232px;\n	}\n\n	&.bbMediaWrapper-inner--500px\n	{\n		padding-bottom: 500px;\n	}\n\n	&.bbMediaWrapper-inner--audio\n	{\n		padding-bottom: 60px;\n\n		audio\n		{\n			outline: none;\n		}\n	}\n\n	iframe,\n	object,\n	embed,\n	video,\n	audio,\n	.bbMediaWrapper-fallback\n	{\n		position: absolute;\n		top: 0;\n		left: 0;\n		width: 100%;\n		height: 100%;\n	}\n}\n\n.bbMediaWrapper-fallback\n{\n	display: flex;\n	justify-content: center;\n	align-items: center;\n	max-width: 100%;\n	.xf-minorBlockContent();\n}\n\n.bbOembed\n{\n	&.bbOembed--loaded\n	{\n		display: block;\n	}\n\n	iframe,\n	object,\n	embed,\n	video,\n	audio\n	{\n		max-width: 100%;\n	}\n\n	.embedly-card\n	{\n		margin: 0;\n		background: white;\n	}\n}\n\n.bbTable\n{\n	max-width: 100%;\n	overflow: auto;\n\n	.m-tableBase();\n}\n\n.bbCodePlainUnfurl\n{\n	&.link\n	{\n		display: block;\n	}\n}', 0x[encoded data, 7094 characters], 0x5846, 2030038, '2.3.0 Beta 8', 1748686057);
INSERT INTO `xf_template` (`template_id`, `type`, `title`, `style_id`, `template`, `template_parsed`, `addon_id`, `version_id`, `version_string`, `last_edit_date`) VALUES
(790, 0x7075626c6963, 0x636f72655f626c6f636b2e6c657373, 0, '// ################################# BLOCKS ##################\n\n.blocks\n{\n	margin-bottom: @xf-elementSpacer;\n\n	&:last-child\n	{\n		margin-bottom: 0;\n	}\n\n	.block\n	{\n		margin-bottom: (@xf-elementSpacer / 2);\n\n		&:last-child\n		{\n			margin-bottom: 0;\n		}\n	}\n\n	&.blocks--close .block\n	{\n		margin-bottom: (@xf-elementSpacer / 4);\n	}\n\n	&.blocks--separated\n	{\n		+ .blocks\n		{\n			padding-top: @xf-elementSpacer;\n			border-top: @xf-borderSize solid @xf-borderColor;\n		}\n	}\n}\n\n.blocks-header\n{\n	font-size: @xf-fontSizeLarger;\n	font-weight: @xf-fontWeightNormal;\n	color: @xf-textColorMuted;\n\n	margin: 0;\n	padding: 0;\n	margin-bottom: 5px;\n\n	&.blocks-header--strong\n	{\n		color: @xf-textColorDimmed;\n\n		.blocks-desc\n		{\n			color: @xf-textColorMuted;\n		}\n	}\n}\n\n.blocks-textJoiner\n{\n	display: table;\n	width: 100%;\n	margin-bottom: (@xf-elementSpacer / 2);\n	padding: 0 @xf-paddingMedium;\n\n	> span\n	{\n		display: table-cell;\n		position: relative;\n\n		&:before\n		{\n			content: \'\';\n			position: absolute;\n			left: 0;\n			right: 0;\n			top: 50%;\n			border-top: @xf-borderSize solid @xf-borderColor;\n		}\n	}\n\n	> em\n	{\n		display: table-cell;\n		padding: 0 @xf-paddingLarge;\n		width: 1%;\n		white-space: nowrap;\n		font-size: @xf-fontSizeLargest;\n		line-height: 1;\n		font-style: normal;\n		text-align: center;\n	}\n}\n\n.block\n{\n	margin-bottom: @xf-elementSpacer;\n\n	&.block--close\n	{\n		margin-bottom: 5px;\n	}\n\n	&.block--treeEntryChooser\n	{\n		.block-header\n		{\n			font-size: @xf-fontSizeLarge;\n\n			.block-desc\n			{\n				font-size: @xf-fontSizeSmallest;\n			}\n		}\n\n		.block-row\n		{\n			padding-top: 6px;\n			padding-bottom: 6px;\n		}\n\n		.contentRow\n		{\n			&.is-disabled\n			{\n				opacity: 0.5;\n			}\n		}\n\n		.contentRow-title\n		{\n			font-size: @xf-fontSizeNormal;\n		}\n\n		.contentRow-minor\n		{\n			font-size: @xf-fontSizeSmaller;\n		}\n\n		.contentRow-suffix\n		{\n			font-size: @xf-fontSizeSmall;\n		}\n	}\n}\n\n.block-outer\n{\n	padding-bottom: @xf-blockPaddingV;\n	.m-clearFix();\n\n	&:empty\n	{\n		display: none;\n	}\n\n	&.block-outer--after\n	{\n		padding-top: @xf-blockPaddingV;\n		padding-bottom: 0;\n	}\n\n	&.block-outer--padded\n	{\n		padding-left: @xf-blockPaddingH;\n		padding-right: @xf-blockPaddingH;\n	}\n\n	.block-outer-hint\n	{\n		font-size: @xf-fontSizeSmall;\n		color: @xf-textColorMuted;\n	}\n}\n.block-outer-main, .block-row-main { float: left; }\n.block-outer-opposite, .block-row-opposite { float: right; }\n.block-outer-middle, .block-row-middle { text-align: center; }\n\n.block-container\n{\n	.xf-contentBase();\n	.xf-blockBorder();\n	border-radius: @xf-blockBorderRadius;\n\n	&.block-container--none\n	{\n		background: none;\n		border: none;\n		color: @xf-textColor;\n		padding: 0;\n	}\n}\n\n@media (min-width: @xf-responsiveEdgeSpacerRemoval)\n{\n	@{block-noStripSel} > :first-child,\n	.block-topRadiusContent,\n	@{block-noStripSel} > .block-body:first-child > .blockLink:first-child\n	{\n		border-top-left-radius: @block-borderRadius-inner;\n		border-top-right-radius: @block-borderRadius-inner;\n	}\n\n	@{block-noStripSel} > :last-child,\n	.block-bottomRadiusContent,\n	@{block-noStripSel} > .block-body:last-child > .blockLink:last-child,\n	@{block-noStripSel} > .tabPanes:last-child > [role=tabpanel] > :last-child,\n	@{block-noStripSel} > .tabPanes:last-child > [role=tabpanel] > .block-body > :last-child\n	{\n		border-bottom-left-radius: @block-borderRadius-inner;\n		border-bottom-right-radius: @block-borderRadius-inner;\n	}\n\n	@{block-noStripSel} > .block-body:first-child > .dataList:first-child,\n	.block-topRadiusContent.dataList,\n	.block-topRadiusContent > .dataList:first-child\n	{\n		tbody:first-child .dataList-row:first-child,\n		thead:first-child .dataList-row:first-child\n		{\n			> .dataList-cell:first-child { border-top-left-radius: @block-borderRadius-inner; }\n			> .dataList-cell:last-child { border-top-right-radius: @block-borderRadius-inner; }\n		}\n	}\n\n	@{block-noStripSel} > .block-body:first-child > .formRow:first-child,\n	.block-topRadiusContent.formRow,\n	.block-topRadiusContent > .formRow:first-child\n	{\n		> dt { border-top-left-radius: @block-borderRadius-inner; }\n		> dd { border-top-right-radius: @block-borderRadius-inner; }\n	}\n\n	@{block-noStripSel} > .block-body:last-child > .dataList:last-child,\n	.block-bottomRadiusContent.dataList,\n	.block-bottomRadiusContent > .dataList:last-child\n	{\n		tbody:last-child .dataList-row:last-child\n		{\n			> .dataList-cell:first-child { border-bottom-left-radius: @block-borderRadius-inner; }\n			> .dataList-cell:last-child { border-bottom-right-radius: @block-borderRadius-inner; }\n		}\n	}\n\n	@{block-noStripSel} > .block-body:last-child > .formRow:last-child,\n	.block-bottomRadiusContent.formRow,\n	.block-bottomRadiusContent > .formRow:last-child\n	{\n		> dt { border-bottom-left-radius: @block-borderRadius-inner; }\n		> dd { border-bottom-right-radius: @block-borderRadius-inner; }\n	}\n\n	@{block-noStripSel} > .block-body:last-child .formSubmitRow:not(.is-sticky),\n	@{block-noStripSel} > .formSubmitRow:not(.is-sticky):last-child,\n	.block-bottomRadiusContent > .formSubmitRow:not(.is-sticky)\n	{\n		> dt { border-bottom-left-radius: @block-borderRadius-inner; }\n		> dd { border-bottom-right-radius: @block-borderRadius-inner; }\n\n		.formSubmitRow-bar\n		{\n			border-bottom-left-radius: @block-borderRadius-inner;\n			border-bottom-right-radius: @block-borderRadius-inner;\n		}\n	}\n}\n\n.block-header\n{\n	padding: @xf-blockPaddingV @xf-blockPaddingH;\n	margin: 0;\n	font-weight: @xf-fontWeightNormal;\n	text-decoration: none;\n	.xf-blockHeader();\n\n	.m-clearFix();\n	.m-hiddenLinks();\n\n	.button:hover,\n	a.button:hover\n	{\n		text-decoration: none;\n	}\n\n	&.block-header--separated\n	{\n		border-top: @xf-borderSize solid @xf-borderColorLight;\n	}\n\n	.block-desc\n	{\n		color: fade(@xf-blockHeader--color, 70);\n		.m-textColoredLinks();\n	}\n}\n\n.block-minorHeader\n{\n	padding: @xf-blockPaddingV @xf-blockPaddingH;\n	margin: 0;\n	font-weight: @xf-fontWeightNormal;\n	text-decoration: none;\n	.xf-blockMinorHeader();\n\n	.m-clearFix();\n	.m-hiddenLinks();\n\n	.block-body + &\n	{\n		border-top: @xf-borderSize solid @xf-borderColorLight;\n	}\n\n	.block-desc\n	{\n		.m-textColoredLinks();\n	}\n\n	&--spaced\n	{\n		margin-top: @xf-paddingSmall;\n	}\n\n	&--small\n	{\n		font-size: @xf-fontSizeSmall;\n	}\n}\n\n.block-tabHeader\n{\n	padding: 0;\n	margin: 0;\n	font-weight: @xf-fontWeightNormal;\n	.xf-blockTabHeader();\n	.m-tabsTogether(xf-default(@xf-blockTabHeader--font-size, @xf-fontSizeNormal));\n\n	.tabs-tab\n	{\n		padding: @xf-blockPaddingV @xf-blockPaddingH;\n		border-bottom: @xf-borderSizeFeature solid transparent;\n\n		&:not(.is-readonly):hover\n		{\n			color: @xf-blockTabHeaderSelected--color;\n			background: fade(@xf-blockTabHeaderSelected--color, 10%);\n		}\n\n		&.is-readonly:hover\n		{\n			cursor: default;\n		}\n\n		&.tabs-tab--radio.is-readonly:hover\n		{\n			cursor: not-allowed;\n		}\n	}\n\n	.tabs-tab.is-active,\n	.tabs > input:checked + .tabs-tab--radio\n	{\n		background: none;\n		.xf-blockTabHeaderSelected();\n	}\n\n	.tabs > input[type=\"radio\"]\n	{\n		display: none;\n	}\n\n	.tabs-text\n	{\n		padding: @xf-blockPaddingV @xf-blockPaddingH;\n		border-bottom: @xf-borderSizeFeature solid transparent;\n	}\n\n	.block-tabHeader-extra\n	{\n		float: right;\n		color: inherit;\n		font-size: @xf-blockTabHeader--font-size;\n		padding: @xf-blockPaddingV @xf-blockPaddingH;\n	}\n\n	.hScroller-action\n	{\n		.m-hScrollerActionColorVariation(\n			xf-default(@xf-blockTabHeader--background-color, transparent),\n			xf-default(@xf-blockTabHeader--color, ~\"\"),\n			xf-default(@xf-blockTabHeaderSelected--color, ~\"\")\n		);\n	}\n}\n\n.block-minorTabHeader\n{\n	padding: 0;\n	margin: 0;\n	font-weight: @xf-fontWeightNormal;\n	.xf-blockMinorTabHeader();\n	.m-tabsTogether(xf-default(@xf-blockMinorTabHeader--font-size, @xf-fontSizeNormal));\n\n	.tabs-tab\n	{\n		padding: @xf-blockPaddingV @xf-blockPaddingH max(0px, (@xf-blockPaddingV - @xf-borderSizeFeature));\n		border-bottom: @xf-borderSizeFeature solid transparent;\n\n		&:hover\n		{\n			color: @xf-blockMinorTabHeaderSelected--color;\n		}\n\n		&.is-active\n		{\n			background: none;\n			.xf-blockMinorTabHeaderSelected();\n		}\n	}\n\n	.tabs-text\n	{\n		padding: @xf-blockPaddingV @xf-blockPaddingH max(0px, (@xf-blockPaddingV - @xf-borderSizeFeature));\n		border-bottom: @xf-borderSizeFeature solid transparent;\n	}\n\n	.hScroller-action\n	{\n		.m-hScrollerActionColorVariation(\n			xf-default(@xf-blockMinorTabHeader--background-color, transparent),\n			xf-default(@xf-blockMinorTabHeader--color, ~\"\"),\n			xf-default(@xf-blockMinorTabHeaderSelected--color, ~\"\")\n		);\n	}\n}\n\n.block-filterBar\n{\n	padding: @xf-blockPaddingV @xf-blockPaddingH;\n	.xf-blockFilterBar();\n\n	&.block-filterBar--standalone\n	{\n		padding: @xf-paddingLarge @xf-blockPaddingH;\n		border: @xf-borderSize solid @xf-borderColor;\n		border-radius: @block-borderRadius-inner;\n\n		@media (max-width: @xf-responsiveEdgeSpacerRemoval)\n		{\n			border-radius: 0;\n			border-left: none;\n			border-right: none;\n		}\n	}\n\n	.filterBar-filterToggle\n	{\n		background: mix(\n			xf-default(@xf-blockFilterBar--color, @xf-linkColor),\n			xf-default(@xf-blockFilterBar--background-color, transparent),\n			8%\n		);\n	}\n\n	.filterBar-filterToggle,\n	.filterBar-menuTrigger\n	{\n		&:hover\n		{\n			text-decoration: none;\n			background: mix(\n				xf-default(@xf-blockFilterBar--color, @xf-linkColor),\n				xf-default(@xf-blockFilterBar--background-color, transparent),\n				16%\n			);\n		}\n	}\n\n	.filterBar-menuTrigger\n	{\n		margin-right: -5px;\n	}\n}\n\n.block-textHeader\n{\n	margin: (@xf-blockPaddingV / 2) 0;\n	padding: 0;\n	font-weight: @xf-fontWeightNormal;\n	.xf-blockTextHeader();\n\n	.m-clearFix();\n	.m-hiddenLinks();\n\n	&.block-textHeader--scaled\n	{\n		font-size: inherit;\n	}\n\n	.block-textHeader-highlight\n	{\n		color: @xf-textColor;\n	}\n\n	.block-desc\n	{\n		.m-textColoredLinks();\n	}\n\n	&:first-child\n	{\n		margin-top: 0;\n	}\n}\n\n.block-formSectionHeader\n{\n	padding: @xf-blockPaddingV @xf-blockPaddingH;\n	margin: 0;\n	font-weight: @xf-fontWeightNormal;\n	text-decoration: none;\n	.xf-formSectionHeader();\n\n	.m-clearFix();\n	.m-hiddenLinks();\n\n	.block-desc\n	{\n		.m-textColoredLinks();\n	}\n\n	.block-container > &:first-child,\n	.block-body--collapsible &:first-child,\n	.block-header + &\n	{\n		border-top: none;\n	}\n\n	.block-formSectionHeader-aligner\n	{\n		@_blockPaddingShift: (unit(@xf-formLabelWidth) / @xf-blockPaddingH * 100);\n\n		display: inline-block;\n		text-align: right;\n		min-width: @xf-formLabelWidth;\n		min-width: ~\"calc((@{xf-formLabelWidth}) - (@{_blockPaddingShift}) - (@{xf-formRowPaddingHInner}) - (@{xf-borderSize}))\";\n		max-width: 100%;\n\n		@media (max-width: @xf-formResponsive)\n		{\n			display: inline;\n			text-align: left;\n			min-width: 0;\n			padding-left: 0;\n		}\n	}\n\n	@media (max-width: @xf-formResponsive)\n	{\n		padding-left: @xf-formRowPaddingHOuter;\n	}\n\n	.block-formSectionHeader-multiChecker\n	{\n		float: right;\n	}\n\n	&--small\n	{\n		font-size: @xf-fontSizeNormal;\n	}\n}\n\n.block-desc,\n.blocks-desc\n{\n	display: block;\n	font-size: @xf-fontSizeSmaller;\n	font-weight: @xf-fontWeightNormal;\n}\n\n.block-body\n{\n	.m-listPlain();\n\n	&.block-body--collapsible\n	{\n		.has-no-js & { display: block; }\n\n		.m-transitionFadeDown();\n	}\n\n	&.block-body--contained\n	{\n		overflow: auto;\n		max-height: 300px;\n		max-height: 70vh;\n	}\n\n	&.block-body--containedFixed\n	{\n		overflow-x: auto;\n		max-height: 300px;\n	}\n}\n\n.block-row\n{\n	margin: 0;\n	padding: @xf-blockPaddingV @xf-blockPaddingH;\n	.m-clearFix();\n\n	&.block-row--toEdge\n	{\n		padding-left: 0;\n		padding-right: 0;\n	}\n\n	&.block-row--alt\n	{\n		.xf-contentAltBase();\n	}\n\n	&.block-row--minor\n	{\n		font-size: @xf-fontSizeSmall;\n	}\n\n	&.block-row--separated\n	{\n		padding-top: (@xf-blockPaddingV * 2);\n		padding-bottom: (@xf-blockPaddingV * 2);\n\n		+ .block-row\n		{\n			border-top: @xf-borderSize solid @xf-borderColorLight;\n		}\n	}\n\n	&.block-row--connectAbove\n	{\n		padding-bottom: (@xf-blockPaddingV * 2);\n\n		.block-body > &:last-child\n		{\n			padding-bottom: @xf-blockPaddingV;\n		}\n	}\n\n	&.block-row--highlighted\n	{\n		.xf-contentHighlightBase();\n	}\n\n	&.block-row--clickable:hover\n	{\n		.xf-contentHighlightBase();\n	}\n\n	&.is-mod-selected\n	{\n		background: @xf-inlineModHighlightColor;\n	}\n\n	> pre\n	{\n		&:first-child { margin-top: 0; }\n		&:last-child { margin-bottom: 0; }\n	}\n}\n\n.block-separator\n{\n	margin: 0;\n	padding: 0;\n	border: none;\n	border-top: @xf-borderSize solid @xf-borderColorLight;\n}\n\n.block-footer\n{\n	padding: @xf-blockPaddingV @xf-blockPaddingH;\n	.xf-blockFooter();\n	.m-clearFix();\n\n	&:first-child\n	{\n		border: none;\n	}\n\n	[data-app=admin] &\n	{\n		.block-footer-counter,\n		.block-footer-select\n		{\n			line-height: 30px;\n		}\n	}\n\n	&:not(.block-footer--split)\n	{\n		.block-footer-counter\n		{\n			float: left;\n		}\n\n		.block-footer-controls\n		{\n			float: right;\n		}\n	}\n\n	&.block-footer--split\n	{\n		display: flex;\n		align-items: center;\n\n		.block-footer-main,\n		.block-footer-counter\n		{\n			flex-grow: 1;\n		}\n\n		.block-footer-select:not(:last-child)\n		{\n			margin: 0 1em;\n		}\n\n		.block-footer-opposite,\n		.block-footer-controls\n		{\n			margin-left: auto;\n		}\n	}\n}\n\n@media (max-width: @xf-responsiveNarrow)\n{\n	.block-outer\n	{\n		text-align: center;\n	}\n\n	.block-outer-main,\n	.block-outer-opposite\n	{\n		float: none;\n		text-align: center;\n	}\n\n	.block-outer-main + .block-outer-opposite\n	{\n		margin-top: @xf-paddingMedium;\n	}\n}\n', 0x[encoded data, 26304 characters], 0x5846, 2030370, '2.3.3', 1748686057),
(791, 0x7075626c6963, 0x636f72655f626c6f636b656e642e6c657373, 0, '// This contains rules that apply to various block and block-related systems. This file should be included\n// after all of the primary definitions to ensure the rules override.\n\n.blockMessage,\n.blockStatus,\n.block-row\n{\n	p:first-child\n	{\n		margin-top: 0;\n	}\n\n	p:last-child\n	{\n		margin-bottom: 0;\n	}\n}\n\n@media (max-width: @xf-responsiveEdgeSpacerRemoval)\n{\n	.block-container,\n	.blockMessage\n	{\n		margin-left: (@xf-pageEdgeSpacer * -1);\n		margin-right: (@xf-pageEdgeSpacer * -1);\n		border-radius: 0;\n		border-left: none;\n		border-right: none;\n	}\n\n	.blockStatus\n	{\n		margin-left: (@xf-pageEdgeSpacer * -1);\n		margin-right: (@xf-pageEdgeSpacer * -1);\n		border-radius: 0;\n		border-right: none;\n	}\n\n	.blockMessage.blockMessage--none\n	{\n		margin-left: 0;\n		margin-right: 0;\n	}\n}', 0x4f3a32343a2258465c54656d706c6174655c436f6d70696c65725c417374223a313a7b733a383a226368696c6472656e223b613a313a7b693a303b4f3a33313a2258465c54656d706c6174655c436f6d70696c65725c53796e7461785c537472223a323a7b733a343a226c696e65223b693a313b733a373a22636f6e74656e74223b733a3737313a222f2f205468697320636f6e7461696e732072756c65732074686174206170706c7920746f20766172696f757320626c6f636b20616e6420626c6f636b2d72656c617465642073797374656d732e20546869732066696c652073686f756c6420626520696e636c756465640a2f2f20616674657220616c6c206f6620746865207072696d61727920646566696e6974696f6e7320746f20656e73757265207468652072756c6573206f766572726964652e0a0a2e626c6f636b4d6573736167652c0a2e626c6f636b5374617475732c0a2e626c6f636b2d726f770a7b0a09703a66697273742d6368696c640a097b0a09096d617267696e2d746f703a20303b0a097d0a0a09703a6c6173742d6368696c640a097b0a09096d617267696e2d626f74746f6d3a20303b0a097d0a7d0a0a406d6564696120286d61782d77696474683a204078662d726573706f6e736976654564676553706163657252656d6f76616c290a7b0a092e626c6f636b2d636f6e7461696e65722c0a092e626c6f636b4d6573736167650a097b0a09096d617267696e2d6c6566743a20284078662d7061676545646765537061636572202a202d31293b0a09096d617267696e2d72696768743a20284078662d7061676545646765537061636572202a202d31293b0a0909626f726465722d7261646975733a20303b0a0909626f726465722d6c6566743a206e6f6e653b0a0909626f726465722d72696768743a206e6f6e653b0a097d0a0a092e626c6f636b5374617475730a097b0a09096d617267696e2d6c6566743a20284078662d7061676545646765537061636572202a202d31293b0a09096d617267696e2d72696768743a20284078662d7061676545646765537061636572202a202d31293b0a0909626f726465722d7261646975733a20303b0a0909626f726465722d72696768743a206e6f6e653b0a097d0a0a092e626c6f636b4d6573736167652e626c6f636b4d6573736167652d2d6e6f6e650a097b0a09096d617267696e2d6c6566743a20303b0a09096d617267696e2d72696768743a20303b0a097d0a7d223b7d7d7d, 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
(792, 0x7075626c6963, 0x636f72655f626c6f636b6c696e6b2e6c657373, 0, '// ############################ BLOCK LINKS ##################\n\n.blockLink\n{\n	display: block;\n	padding: @xf-blockPaddingV @xf-blockPaddingH;\n	.xf-blockLink();\n\n	&.is-selected\n	{\n		.xf-blockLinkSelected(no-border);\n		border-left: @xf-blockLinkSelected--border-width solid @xf-blockLinkSelected--border-color;\n		padding-left: (@xf-blockPaddingH - xf-default(@xf-blockLinkSelected--border-width, 0));\n	}\n\n	&:hover\n	{\n		.xf-blockLinkSelected(background);\n		text-decoration: inherit;\n	}\n}\n\n.blockLink-desc\n{\n	display: block;\n	color: @xf-textColorMuted;\n	font-size: @xf-fontSizeSmaller;\n	font-weight: @xf-fontWeightNormal;\n}\n\n.blockLinkSplitToggle\n{\n	display: flex;\n	padding: 0;\n	text-decoration: none;\n	cursor: pointer;\n\n	&.is-selected\n	{\n		.xf-blockLinkSelected(no-border);\n	}\n\n	&:hover\n	{\n		.xf-blockLinkSelected(background);\n		text-decoration: inherit;\n	}\n}\n\n.blockLinkSplitToggle-link\n{\n	display: block;\n	padding: @xf-blockPaddingV @xf-blockPaddingH;\n	text-decoration: none;\n	flex-grow: 1;\n\n	&:hover\n	{\n		text-decoration: none;\n	}\n\n	.blockLinkSplitToggle.is-selected &\n	{\n		border-left: @xf-blockLinkSelected--border-width solid @xf-blockLinkSelected--border-color;\n		padding-left: (@xf-blockPaddingH - xf-default(@xf-blockLinkSelected--border-width, 0));\n	}\n}\n\n.blockLinkSplitToggle-toggle\n{\n	display: inline-block;\n	padding: @xf-blockPaddingV @xf-blockPaddingH;\n	text-decoration: none;\n	flex-grow: 0;\n	line-height: 1;\n\n	&:hover\n	{\n		text-decoration: none;\n	}\n\n	&:after\n	{\n		.m-faBase();\n		font-size: 80%;\n		.m-faContent(@fa-var-chevron-down);\n	}\n\n	&.is-active:after\n	{\n		.m-faContent(@fa-var-chevron-up);\n	}\n}\n\n.blockLink--iconic\n{\n	i:after\n	{\n		.m-faBase();\n		display: inline-block;\n		min-width: 1em;\n		position: absolute;\n		left: @xf-blockPaddingH;\n		top: 8px;\n		display: none !important;\n	}\n\n	&--started i:after\n	{\n		.m-faContent(@fa-var-file-alt);\n	}\n	&--contributed i:after\n	{\n		.m-faContent(@fa-var-comments);\n	}\n	&--watched i:after\n	{\n		.m-faContent(@fa-var-bookmark);\n	}\n	&--unanswered i:after\n	{\n		.m-faContent(@fa-var-question-circle);\n	}\n}\n\n// ################################ FAUX BLOCK LINKS #######################\n// concept from https://codepen.io/BPScott/pen/Erwan and http://codepen.io/IschaGast/pen/Qjxpxo\n// z-indexes are bumped to have the link sit on top of positioned elements (without z-index)\n\n.fauxBlockLink\n{\n	position: relative;\n\n	a,\n	.fauxBlockLink-link\n	{\n		position: relative;\n		z-index: 2;\n	}\n\n	.fauxBlockLink-blockLink\n	{\n		position: static;\n\n		&:before\n		{\n			content: \'\';\n			position: absolute;\n			top: 0;\n			left: 0;\n			right: 0;\n			bottom: 0;\n			z-index: 1;\n		}\n	}\n\n	&.fauxBlockLink--noHover\n	{\n		.fauxBlockLink-blockLink:hover\n		{\n			text-decoration: none;\n		}\n	}\n}', 0x[encoded data, 5694 characters], 0x5846, 2010033, '2.1.0 Beta 3', 1748686057),
(793, 0x7075626c6963, 0x636f72655f626c6f636b6d6573736167652e6c657373, 0, '// ############################ BLOCK MESSAGE ###################\n\n.block-rowMessage\n{\n	margin: @xf-blockPaddingV 0;\n	padding: @xf-blockPaddingV @xf-blockPaddingH;\n	.xf-blockBorder();\n	border-radius: @xf-blockBorderRadius;\n\n	.m-clearFix();\n\n	&:first-child\n	{\n		margin-top: 0;\n	}\n\n	&:last-child\n	{\n		margin-bottom: 0;\n	}\n\n	&.block-rowMessage--small\n	{\n		font-size: @xf-fontSizeSmall;\n		padding: (@xf-blockPaddingV / 2) (@xf-blockPaddingH / 2);\n	}\n\n	&.block-rowMessage--center\n	{\n		text-align: center;\n	}\n\n	&.block-rowMessage--limited\n	{\n		max-height: 100px;\n		max-height: 25vh;\n		overflow: auto;\n		-webkit-overflow-scrolling: touch;\n	}\n\n	.m-blockMessageVariants();\n}\n\n.blockMessage\n{\n	margin-bottom: @xf-elementSpacer;\n	padding: @xf-blockPaddingV @xf-blockPaddingH;\n	.xf-contentBase();\n	.xf-blockBorder();\n	border-radius: @xf-blockBorderRadius;\n\n	.m-clearFix();\n\n	//.m-transition(border, margin;); // edgeSpacerRemoval\n\n	&.blockMessage--none\n	{\n		background: none;\n		border: none;\n		color: @xf-textColor;\n		padding: 0;\n	}\n\n	&.blockMessage--close\n	{\n		margin-top: 5px;\n		margin-bottom: 5px;\n	}\n\n	&.blockMessage--small\n	{\n		font-size: @xf-fontSizeSmall;\n		padding: @xf-paddingMedium;\n	}\n\n	&.blockMessage--center\n	{\n		text-align: center;\n	}\n\n	&.blockMessage--limited\n	{\n		max-height: 100px;\n		max-height: 25vh;\n		overflow: auto;\n		-webkit-overflow-scrolling: touch;\n	}\n\n	.m-blockMessageVariants();\n}\n\n.blockMessage--iconic,\n.block-rowMessage--iconic\n{\n	text-align: left;\n	position: relative;\n	padding-left: 4em;\n	min-height: 4em;\n\n	&:before\n	{\n		.m-faBase();\n		font-size: 280%; // 2 x line height\n		position: absolute;\n		top: 0.2em;\n		left: @xf-blockPaddingV;\n	}\n}\n\n.m-blockMessageVariants()\n{\n	// note: the double && is correct here -- it enforces output like \".x.x--variant\". The extra specificity helps\n	// prevent issues from things like media query overrides.\n\n	&&--highlight\n	{\n		.xf-contentHighlightBase();\n	}\n	&--highlight&--iconic:before\n	{\n		.m-faContent(@fa-var-info-circle);\n	}\n\n	&&--important\n	{\n		.xf-contentAccentBase();\n		border-left: @xf-borderSizeFeature solid @xf-borderColorAttention;\n\n		a { .xf-contentAccentLink(); }\n	}\n	&--important&--iconic:before\n	{\n		.m-faContent(@fa-var-exclamation-circle);\n		color: @xf-textColorAttention;\n	}\n\n	&&--alt\n	{\n		.xf-contentAltBase();\n	}\n\n	&&--success\n	{\n		border-left: @xf-borderSizeFeature solid @xf-successFeatureColor;\n		background: @xf-successBg;\n		color: @xf-successColor;\n\n		.m-textColoredLinks();\n	}\n	&--success&--iconic:before\n	{\n		.m-faContent(@fa-var-check-circle);\n		color: @xf-successFeatureColor;\n	}\n\n	&&--warning\n	{\n		border-left: @xf-borderSizeFeature solid @xf-warningFeatureColor;\n		background: @xf-warningBg;\n		color: @xf-warningColor;\n\n		.m-textColoredLinks();\n	}\n	&--warning&--iconic:before\n	{\n		.m-faContent(@fa-var-exclamation-triangle);\n		color: @xf-warningFeatureColor;\n	}\n\n	&&--error\n	{\n		border-left: @xf-borderSizeFeature solid @xf-errorFeatureColor;\n		background: @xf-errorBg;\n		color: @xf-errorColor;\n\n		.m-textColoredLinks();\n	}\n	&--error&--iconic:before\n	{\n		.m-faContent(@fa-var-times-circle);\n		color: @xf-errorFeatureColor;\n	}\n}', 0x[encoded data, 6518 characters], 0x5846, 2030031, '2.3.0 Beta 1', 1748686057),
(794, 0x7075626c6963, 0x636f72655f626c6f636b7374617475732e6c657373, 0, '// ################################## BLOCK STATUS MESSAGES ##############################\n\n.blockStatus\n{\n	.xf-contentAltBase();\n	.xf-blockBorder();\n	border-left: @xf-borderSizeFeature solid @xf-borderColorAttention;\n	border-radius: @xf-blockBorderRadius;\n	margin: 0;\n	padding: @xf-paddingMedium 0;\n	font-size: @xf-fontSizeSmall;\n	text-align: left;\n\n	//.m-transition(border, margin;); // edgeSpacerRemoval\n\n	> dt\n	{\n		display: none;\n	}\n\n	&.blockStatus--info\n	{\n		border-left-color: @xf-borderColorFeature;\n	}\n\n	&.blockStatus--simple\n	{\n		.xf-blockBorder();\n	}\n\n	&.blockStatus--standalone\n	{\n		margin-bottom: (@xf-elementSpacer / 2);\n	}\n}\n\n.blockStatus-message\n{\n	display: block;\n	padding: 0 @xf-paddingMedium;\n	margin: .2em 0 0;\n\n	&:first-of-type\n	{\n		margin-top: 0;\n	}\n\n	&:before\n	{\n		.m-faBase();\n		display: inline-block;\n		min-width: .8em;\n		color: @xf-textColorAttention;\n	}\n\n	&--deleted::before { .m-faContent(\"@{fa-var-trash}\\20\"); }\n	&--locked::before { .m-faContent(\"@{fa-var-lock}\\20\"); }\n	&--moderated::before { .m-faContent(\"@{fa-var-shield}\\20\"); }\n	&--warning:before { .m-faContent(\"@{fa-var-exclamation-triangle}\\20\"); }\n	&--ignored:before { .m-faContent(\"@{fa-var-microphone-slash}\\20\"); }\n}', 0x4f3a32343a2258465c54656d706c6174655c436f6d70696c65725c417374223a313a7b733a383a226368696c6472656e223b613a313a7b693a303b4f3a33313a2258465c54656d706c6174655c436f6d70696c65725c53796e7461785c537472223a323a7b733a343a226c696e65223b693a313b733a373a22636f6e74656e74223b733a313230373a222f2f202323232323232323232323232323232323232323232323232323232323232323232320424c4f434b20535441545553204d45535341474553202323232323232323232323232323232323232323232323232323232323230a0a2e626c6f636b5374617475730a7b0a092e78662d636f6e74656e74416c744261736528293b0a092e78662d626c6f636b426f7264657228293b0a09626f726465722d6c6566743a204078662d626f7264657253697a654665617475726520736f6c6964204078662d626f72646572436f6c6f72417474656e74696f6e3b0a09626f726465722d7261646975733a204078662d626c6f636b426f726465725261646975733b0a096d617267696e3a20303b0a0970616464696e673a204078662d70616464696e674d656469756d20303b0a09666f6e742d73697a653a204078662d666f6e7453697a65536d616c6c3b0a09746578742d616c69676e3a206c6566743b0a0a092f2f2e6d2d7472616e736974696f6e28626f726465722c206d617267696e3b293b202f2f206564676553706163657252656d6f76616c0a0a093e2064740a097b0a0909646973706c61793a206e6f6e653b0a097d0a0a09262e626c6f636b5374617475732d2d696e666f0a097b0a0909626f726465722d6c6566742d636f6c6f723a204078662d626f72646572436f6c6f72466561747572653b0a097d0a0a09262e626c6f636b5374617475732d2d73696d706c650a097b0a09092e78662d626c6f636b426f7264657228293b0a097d0a0a09262e626c6f636b5374617475732d2d7374616e64616c6f6e650a097b0a09096d617267696e2d626f74746f6d3a20284078662d656c656d656e74537061636572202f2032293b0a097d0a7d0a0a2e626c6f636b5374617475732d6d6573736167650a7b0a09646973706c61793a20626c6f636b3b0a0970616464696e673a2030204078662d70616464696e674d656469756d3b0a096d617267696e3a202e32656d203020303b0a0a09263a66697273742d6f662d747970650a097b0a09096d617267696e2d746f703a20303b0a097d0a0a09263a6265666f72650a097b0a09092e6d2d66614261736528293b0a0909646973706c61793a20696e6c696e652d626c6f636b3b0a09096d696e2d77696474683a202e38656d3b0a0909636f6c6f723a204078662d74657874436f6c6f72417474656e74696f6e3b0a097d0a0a09262d2d64656c657465643a3a6265666f7265207b202e6d2d6661436f6e74656e742822407b66612d7661722d74726173687d5c323022293b207d0a09262d2d6c6f636b65643a3a6265666f7265207b202e6d2d6661436f6e74656e742822407b66612d7661722d6c6f636b7d5c323022293b207d0a09262d2d6d6f646572617465643a3a6265666f7265207b202e6d2d6661436f6e74656e742822407b66612d7661722d736869656c647d5c323022293b207d0a09262d2d7761726e696e673a6265666f7265207b202e6d2d6661436f6e74656e742822407b66612d7661722d6578636c616d6174696f6e2d747269616e676c657d5c323022293b207d0a09262d2d69676e6f7265643a6265666f7265207b202e6d2d6661436f6e74656e742822407b66612d7661722d6d6963726f70686f6e652d736c6173687d5c323022293b207d0a7d223b7d7d7d, 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
(795, 0x7075626c6963, 0x636f72655f627574746f6e2e6c657373, 0, '// ############################ BUTTONS #################\n\n.button,\na.button // needed for specificity over a:link\n{\n	.m-buttonBase();\n\n	a\n	{\n		color: inherit;\n		text-decoration: none;\n	}\n\n	.xf-buttonDefault();\n	.m-buttonBlockColorVariationSimple(xf-default(@xf-buttonDefault--background-color, transparent));\n\n	&.button--primary\n	{\n		.xf-buttonPrimary();\n		.m-buttonBlockColorVariationSimple(xf-default(@xf-buttonPrimary--background-color, transparent));\n	}\n\n	&.button--cta\n	{\n		.xf-buttonCta();\n		.m-buttonBlockColorVariationSimple(xf-default(@xf-buttonCta--background-color, transparent));\n	}\n\n	&.button--link\n	{\n		// block colors\n		background: @xf-contentBg;\n		color: @xf-linkColor;\n		.m-buttonBorderColorVariation(@xf-borderColor);\n\n		&:hover,\n		&:active,\n		&:focus\n		{\n			text-decoration: none;\n			background: @xf-contentHighlightBg;\n		}\n	}\n\n	&.button--plain\n	{\n		background: none;\n		color: @xf-linkColor;\n		border: none;\n\n		&:hover,\n		&:active,\n		&:focus\n		{\n			text-decoration: none;\n			background: none;\n		}\n	}\n\n	&.button--alt\n	{\n		// block colors\n		background-color: @xf-paletteColor1;\n		color: @xf-linkColor;\n		.m-buttonBorderColorVariation(@xf-paletteColor2);\n\n		&:hover,\n		&:active,\n		&:focus\n		{\n			background-color: @xf-paletteColor1;\n			color: @xf-linkColor;\n		}\n	}\n\n	&.button--longText\n	{\n		.m-overflowEllipsis();\n		max-width: 100%;\n		display: inline-block;\n	}\n\n	&.is-disabled\n	{\n		.xf-buttonDisabled();\n		.m-buttonBorderColorVariation(xf-default(@xf-buttonDisabled--background-color, transparent));\n\n		&:hover,\n		&:active,\n		&:focus\n		{\n			background: xf-default(@xf-buttonDisabled--background-color, transparent) !important;\n		}\n	}\n\n	&.is-hidden\n	{\n		display: none;\n	}\n\n	&.button--scroll\n	{\n		background: fade(xf-default(@xf-buttonDefault--background-color, transparent), 75%);\n		padding: 5px 8px;\n\n		.m-dropShadow();\n	}\n\n	&.button--normal\n	{\n		font-size: @xf-fontSizeNormal;\n	}\n\n	&.button--small\n	{\n		font-size: @xf-fontSizeSmall;\n		padding: 3px 6px;\n	}\n\n	&.button--smaller\n	{\n		font-size: @xf-fontSizeSmaller;\n		padding: 2px 5px;\n	}\n\n	&.button--padded\n	{\n		padding: 7px 10px;\n	}\n\n	&.button--fullWidth\n	{\n		display: block;\n		width: 100%;\n	}\n\n	&.button--adminStyleAsset\n	{\n		&.is-disabled\n		{\n			visibility: hidden;\n		}\n\n		&.is-modify\n		{\n			.m-buttonIcon(@fa-var-pencil);\n		}\n\n		&.is-revert\n		{\n			.m-buttonIcon(@fa-var-history);\n		}\n	}\n\n	&.button--wrap\n	{\n		white-space: normal;\n	}\n\n	&.button--icon\n	{\n		> .button-text:before,\n		.button-icon\n		{\n			.m-faBase();\n		}\n\n		> .button-text:before,\n		> .fa--xf:before,\n		> .fa--xf svg,\n		.button-icon\n		{\n			font-size: 120%;\n			vertical-align: .04em;\n			display: inline-block;\n			margin: -.255em 6px -.255em 0;\n		}\n\n		> .fa--xf\n		{\n			// helps fix a button alignment issue (Chrome only)\n			line-height: inherit;\n		}\n\n		.button-icon\n		{\n			height: 1em;\n			vertical-align: 0;\n		}\n\n		&.button--iconOnly\n		{\n			> .button-text:before,\n			> i.fa--xf:before,\n			> i.fa--xf svg,\n			.button-icon\n			{\n				margin-left: 0;\n				margin-right: 0;\n			}\n		}\n\n		&--add          { .m-buttonIconWidth(.88em); }\n		&--confirm      { .m-buttonIconWidth(1em); }\n		&--write	    { .m-buttonIconWidth(1.13em); }\n		&--import  	    { .m-buttonIconWidth(1.13em); }\n		&--export  	    { .m-buttonIconWidth( 1.13em); }\n		&--download	    { .m-buttonIconWidth(1.13em); }\n		&--redirect	    { .m-buttonIconWidth(1em); }\n		&--disable      { .m-buttonIconWidth(1em); }\n		&--edit         { .m-buttonIconWidth(1.13em); }\n		&--save         { .m-buttonIconWidth(.88em); }\n		&--reply	    { .m-buttonIconWidth(1.13em); }\n		&--quote	    { .m-buttonIconWidth(1.13em); }\n		&--purchase	    { .m-buttonIconWidth(1.13em); }\n		&--payment	    { .m-buttonIconWidth(1.13em); }\n		&--convert	    { .m-buttonIconWidth(.75em); }\n		&--search	    { .m-buttonIconWidth(1em); }\n		&--sort         { .m-buttonIconWidth(.63em); }\n		&--upload	    { .m-buttonIconWidth(1.13em); }\n		&--attach	    { .m-buttonIconWidth(1em); }\n		&--login {\n			.m-buttonIconWidth(.88em);\n		}\n		&--rate         { .m-buttonIconWidth(1.13em); }\n		&--config       { .m-buttonIconWidth(1em); }\n		&--refresh      { .m-buttonIconWidth(1em); }\n		&--translate    { .m-buttonIconWidth(.97em); }\n		&--vote         { .m-buttonIconWidth(1em); }\n		&--result       { .m-buttonIconWidth(1em); }\n		&--history	    { .m-buttonIconWidth(1em); }\n		&--cancel       { .m-buttonIconWidth(1em); }\n		&--close        { .m-buttonIconWidth(.69em); }\n		&--preview      { .m-buttonIconWidth(1.13em); }\n		&--conversation { .m-buttonIconWidth(1.13em); }\n		&--bolt         { .m-buttonIconWidth(.75em); }\n		&--list         { .m-buttonIconWidth(1em); }\n		&--prev			{ .m-buttonIconWidth(.63em); }\n		&--next			{ .m-buttonIconWidth(.63em); }\n		&--markRead     { .m-buttonIconWidth(.88em); }\n		&--user         { .m-buttonIconWidth(.88em); }\n		&--userCircle   { .m-buttonIconWidth(.97em); }\n\n		&--notificationsOn  { .m-buttonIconWidth(1.25em); } // actually only .88em, but as we use this as a toggle, make it the same width as bell-slash\n		&--notificationsOff { .m-buttonIconWidth(1.25em); }\n\n		&--show			{ .m-buttonIconWidth(1.25em) } // actually only 1.13em, but it\'s a toggle\n		&--hide			{ .m-buttonIconWidth(1.25em) }\n\n		// for inline mod confirmations\n		&--merge { .m-buttonIconWidth(.88em); }\n		&--move { .m-buttonIconWidth(1.13em); }\n		&--copy { .m-buttonIconWidth(.88em); }\n		&--approve, &--unapprove { .m-buttonIconWidth(1em); }\n		&--delete, &--undelete { .m-buttonIconWidth(.88em); }\n		&--stick, &--unstick { .m-buttonIconWidth(.75em); }\n		&--lock { .m-buttonIconWidth(.88em); }\n		&--unlock { .m-buttonIconWidth(.88em); }\n\n		&--bookmark\n		{\n			.m-buttonIcon(@fa-var-bookmark);\n\n			&.is-bookmarked\n			{\n				.m-buttonIcon(@fa-var-solid-bookmark);\n				color: @xf-textColorAttention;\n			}\n		}\n	}\n\n	&.button--provider\n	{\n		> .button-text:before,\n		.button-icon\n		{\n			.m-faBase(\'Brands\');\n			font-size: 120%;\n			vertical-align: middle;\n			display: inline-block;\n			margin: -4px 6px -4px 0;\n		}\n\n		.button-icon\n		{\n			height: 1em;\n			vertical-align: 0;\n		}\n\n		img.button-icon\n		{\n			aspect-ratio: 1 / 1;\n		}\n\n		&--facebook\n		{\n			.m-buttonColorVariation(#3B5998, white);\n		}\n\n		&--x\n		{\n			.m-buttonColorVariation(#000000, white);\n		}\n\n		&--google\n		{\n			.m-buttonColorVariation(white, #444);\n			border-color: #e9e9e9;\n\n			> .button-text:before\n			{\n				display: none;\n			}\n		}\n\n		&--github\n		{\n			.m-buttonColorVariation(#666666, white);\n		}\n\n		&--linkedin\n		{\n			.m-buttonColorVariation(#0077b5, white);\n		}\n\n		&--microsoft\n		{\n			.m-buttonColorVariation(#00bcf2, white);\n		}\n\n		&--yahoo\n		{\n			.m-buttonColorVariation(#410093, white);\n		}\n\n		&--apple\n		{\n			.m-buttonColorVariation(black, white);\n			.m-buttonIcon(@fa-var-apple, .88em);\n		}\n\n		&--passkey\n		{\n			.m-buttonIcon(@fa-var-brands-passkey, .88em);\n\n			.button-text::before\n			{\n				width: 1.2em;\n				height: 1.2em;\n				vertical-align: -0.125em;\n			}\n		}\n	}\n\n	&.button--splitTrigger\n	{\n		// button-text and button-menu are always children of button--splitTrigger\n		// but are defined here for reasons of specificity, as these border colors\n		// are overwritten by .m-buttonBorderColorVariation()\n		> .button-text { border-right: @xf-borderSize solid transparent; }\n		> .button-menu { border-left: @xf-borderSize solid transparent; }\n\n		.m-clearFix();\n		padding: 0;\n		font-size: 0;\n		display: inline-block;\n\n		button.button-text\n		{\n			background: transparent;\n			border: none;\n			border-right: @xf-borderSize solid transparent;\n			color: inherit;\n		}\n\n		> .button-text,\n		> .button-menu\n		{\n			.xf-buttonBase();\n			display: inline-block;\n\n			&:hover\n			{\n				&:after\n				{\n					opacity: 1;\n				}\n			}\n		}\n\n		> .button-text\n		{\n			.m-borderRightRadius(0);\n		}\n\n		> .button-menu\n		{\n			.m-borderLeftRadius(0);\n			padding-right: xf-default(@xf-buttonBase--padding-right, 0);// * (2/3);\n			padding-left: xf-default(@xf-buttonBase--padding-left, 0);// * (2/3);\n\n			&:after\n			{\n				.m-menuGadget(); // .58em\n				opacity: .5;\n			}\n		}\n	}\n}\n\n.buttonGroup\n{\n	display: inline-block;\n	vertical-align: top;\n	.m-clearFix();\n\n	&.buttonGroup--aligned\n	{\n		vertical-align: middle;\n	}\n\n	> .button\n	{\n		float: left;\n\n		&:not(:first-child)\n		{\n			border-left: none;\n		}\n\n		&:not(:first-child):not(:last-child)\n		{\n			border-radius: 0;\n		}\n\n		&:first-child:not(:last-child)\n		{\n			.m-borderRightRadius(0);\n		}\n\n		&:last-child:not(:first-child)\n		{\n			.m-borderLeftRadius(0);\n		}\n	}\n\n	> .buttonGroup-buttonWrapper\n	{\n		float: left;\n\n		&:not(:first-child) > .button\n		{\n			border-left: none;\n		}\n\n		&:not(:first-child):not(:last-child) > .button\n		{\n			border-radius: 0;\n		}\n\n		&:first-child:not(:last-child) > .button\n		{\n			.m-borderRightRadius(0);\n		}\n\n		&:last-child:not(:first-child) > .button\n		{\n			.m-borderLeftRadius(0);\n		}\n	}\n}\n\n.toggleButton\n{\n	> input\n	{\n		display: none;\n	}\n\n	> span\n	{\n		.xf-buttonDisabled();\n		.m-buttonBorderColorVariation(xf-default(@xf-buttonDisabled--background-color, transparent));\n	}\n\n	&.toggleButton--small > span\n	{\n		font-size: @xf-fontSizeSmaller;\n		padding: @xf-paddingSmall;\n	}\n\n	> input:checked + span\n	{\n		.xf-buttonDefault();\n		.m-buttonBlockColorVariationSimple(xf-default(@xf-buttonDefault--background-color, transparent));\n	}\n}\n\n.u-scrollButtons\n{\n	position: fixed;\n	bottom: 30px;\n	right: (@xf-pageEdgeSpacer / 2);\n\n	.has-hiddenscroll &\n	{\n		right: 20px;\n	}\n\n	z-index: @zIndex-9;\n\n	.m-transition(opacity; @xf-animationSpeed);\n	opacity: 0;\n	display: none;\n\n	&.is-transitioning\n	{\n		display: block;\n	}\n\n	&.is-active\n	{\n		display: block;\n		opacity: 1;\n	}\n\n	.button\n	{\n		display: block;\n\n		+ .button\n		{\n			margin-top: (@xf-pageEdgeSpacer / 2);\n		}\n	}\n}\n\n.u-navButtons\n{\n	position: fixed;\n	bottom: 30px;\n	left: (@xf-pageEdgeSpacer) / 2;\n\n	.has-hiddenscroll &\n	{\n		left: 20px;\n	}\n\n	z-index: @zIndex-9;\n\n	.m-transition(opacity; @xf-animationSpeed);\n	opacity: 0;\n	display: none;\n\n	&.is-transitioning\n	{\n		display: block;\n	}\n\n	&.is-active\n	{\n		display: block;\n		opacity: 1;\n	}\n\n	.button\n	{\n		display: block;\n\n		+ .button\n		{\n			margin-top: (@xf-pageEdgeSpacer) / 2;\n		}\n	}\n}\n', 0x[encoded data, 20288 characters], 0x5846, 2030570, '2.3.5', 1748686057),
(796, 0x7075626c6963, 0x636f72655f63617465676f72796c6973742e6c657373, 0, '// ################################ CATEGORY LIST #######################\n\n@_categoryListTogglerWidth: 1em;\n@_categoryListTogglerPaddingH: @xf-paddingMedium;\n\n.categoryList\n{\n	display: none;\n	.m-listPlain();\n\n	&.is-active\n	{\n		display: block;\n	}\n}\n\n.categoryList-item\n{\n	padding: 0;\n	text-decoration: none;\n	font-size: @xf-fontSizeNormal;\n\n	&.categoryList-item--small\n	{\n		font-size: @xf-fontSizeSmall;\n	}\n\n	.categoryList\n	{\n		padding-left: @xf-paddingLarge;\n	}\n}\n\n.categoryList-itemDesc\n{\n	display: block;\n	font-size: @xf-fontSizeSmaller;\n	font-weight: @xf-fontWeightNormal;\n	color: @xf-textColorMuted;\n	margin-top: (@xf-blockPaddingV * -1);\n\n	.m-overflowEllipsis();\n}\n\n.categoryList-header\n{\n	padding: @xf-blockPaddingV 0;\n	margin: 0;\n	color: @xf-textColorFeature;\n	text-decoration: none;\n	font-weight: @xf-fontWeightHeavy;\n\n	&.categoryList-header--muted\n	{\n		color: @xf-textColorMuted;\n	}\n\n	.m-clearFix();\n	.m-hiddenLinks();\n}\n\n.categoryList-itemRow\n{\n	display: flex;\n	min-width: 0;\n}\n\n.categoryList-link\n{\n	display: block;\n	flex-grow: 1;\n	padding: @xf-blockPaddingV @_categoryListTogglerPaddingH;\n	text-decoration: none;\n\n	.m-overflowEllipsis();\n\n	&:hover\n	{\n		text-decoration: none;\n	}\n\n	&.is-selected\n	{\n		font-weight: @xf-fontWeightHeavy;\n	}\n\n	.categoryList-toggler + &,\n	.categoryList-togglerSpacer + &\n	{\n		padding-left: 0;\n	}\n}\n\n.categoryList-label\n{\n	margin-left: auto;\n	align-self: center;\n	padding-right: @_categoryListTogglerPaddingH;\n}\n\n.categoryList-toggler\n{\n	display: inline-block;\n	padding: @xf-blockPaddingV @_categoryListTogglerPaddingH;\n	text-decoration: none;\n	flex-grow: 0;\n	line-height: 1;\n\n	&:hover\n	{\n		text-decoration: none;\n	}\n\n	&:after\n	{\n		.m-faBase();\n		font-size: 80%;\n		.m-faContent(@fa-var-chevron-down, @_categoryListTogglerWidth);\n	}\n\n	&.is-active:after\n	{\n		.m-faContent(@fa-var-chevron-up, @_categoryListTogglerWidth);\n	}\n}\n\n.categoryList-togglerSpacer\n{\n	display: inline-block;\n	visibility: hidden;\n	padding: @xf-blockPaddingV @_categoryListTogglerPaddingH;\n\n	&:after\n	{\n		.m-faBase();\n		font-size: 80%;\n		.m-faContent(@fa-var-chevron-down, @_categoryListTogglerWidth);\n	}\n}', 0x[encoded data, 4514 characters], 0x5846, 2030010, '2.3.0 Alpha', 1748686057),
(797, 0x7075626c6963, 0x636f72655f636f6c6c617073652e6c657373, 0, '// ########################################## COLLAPSE / TOGGLERS ##############################\n\n.toggleTarget\n{\n	display: none;\n	.m-transition(all, -xf-height;);\n	overflow: hidden;\n	height: 0;\n	opacity: 0;\n\n	&.is-transitioning\n	{\n		display: block;\n	}\n\n	&.is-active\n	{\n		display: block;\n		height: auto;\n		opacity: 1;\n	}\n}\n\n.collapseTrigger:not(.button)\n{\n	cursor: pointer;\n\n	&:before\n	{\n		.m-faContent(@fa-var-solid-caret-right); //, .63em\n		font-size: 80%;\n		margin-right: .2em;\n	}\n\n	&.is-active:before\n	{\n		.m-faContent(@fa-var-solid-caret-down); //, .63em\n	}\n\n	&.collapseTrigger--block\n	{\n		display: block;\n\n		&:before\n		{\n			float: right;\n			margin-top: 0.2em;\n			margin-right: 0;\n			margin-left: 5px;\n			font-size: 100%;\n			line-height: inherit;\n		}\n	}\n}\n\n.collapseTrigger.button--icon\n{\n	.m-buttonIcon(@fa-var-angle-right, .63em); // only .5em but it\'s a toggle\n\n	&.is-active\n	{\n		.m-buttonIcon(@fa-var-angle-down, .63em);\n	}\n}', 0x4f3a32343a2258465c54656d706c6174655c436f6d70696c65725c417374223a313a7b733a383a226368696c6472656e223b613a313a7b693a303b4f3a33313a2258465c54656d706c6174655c436f6d70696c65725c53796e7461785c537472223a323a7b733a343a226c696e65223b693a313b733a373a22636f6e74656e74223b733a3933343a222f2f2023232323232323232323232323232323232323232323232323232323232323232323232323232323232320434f4c4c41505345202f20544f47474c455253202323232323232323232323232323232323232323232323232323232323230a0a2e746f67676c655461726765740a7b0a09646973706c61793a206e6f6e653b0a092e6d2d7472616e736974696f6e28616c6c2c202d78662d6865696768743b293b0a096f766572666c6f773a2068696464656e3b0a096865696768743a20303b0a096f7061636974793a20303b0a0a09262e69732d7472616e736974696f6e696e670a097b0a0909646973706c61793a20626c6f636b3b0a097d0a0a09262e69732d6163746976650a097b0a0909646973706c61793a20626c6f636b3b0a09096865696768743a206175746f3b0a09096f7061636974793a20313b0a097d0a7d0a0a2e636f6c6c61707365547269676765723a6e6f74282e627574746f6e290a7b0a09637572736f723a20706f696e7465723b0a0a09263a6265666f72650a097b0a09092e6d2d6661436f6e74656e74284066612d7661722d736f6c69642d63617265742d7269676874293b202f2f2c202e3633656d0a0909666f6e742d73697a653a203830253b0a09096d617267696e2d72696768743a202e32656d3b0a097d0a0a09262e69732d6163746976653a6265666f72650a097b0a09092e6d2d6661436f6e74656e74284066612d7661722d736f6c69642d63617265742d646f776e293b202f2f2c202e3633656d0a097d0a0a09262e636f6c6c61707365547269676765722d2d626c6f636b0a097b0a0909646973706c61793a20626c6f636b3b0a0a0909263a6265666f72650a09097b0a090909666c6f61743a2072696768743b0a0909096d617267696e2d746f703a20302e32656d3b0a0909096d617267696e2d72696768743a20303b0a0909096d617267696e2d6c6566743a203570783b0a090909666f6e742d73697a653a20313030253b0a0909096c696e652d6865696768743a20696e68657269743b0a09097d0a097d0a7d0a0a2e636f6c6c61707365547269676765722e627574746f6e2d2d69636f6e0a7b0a092e6d2d627574746f6e49636f6e284066612d7661722d616e676c652d72696768742c202e3633656d293b202f2f206f6e6c79202e35656d206275742069742773206120746f67676c650a0a09262e69732d6163746976650a097b0a09092e6d2d627574746f6e49636f6e284066612d7661722d616e676c652d646f776e2c202e3633656d293b0a097d0a7d223b7d7d7d, 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
(798, 0x7075626c6963, 0x636f72655f636f6e74656e74726f772e6c657373, 0, '// ########################################### CONTENT ROWS ############################\n\n@_contentRow-faderHeight: 150px;\n@_contentRow-faderCoverHeight: (@_contentRow-faderHeight / 2);\n\n.contentRow\n{\n	display: flex;\n\n	&.contentRow--fixed\n	{\n		width: 300px;\n	}\n\n	&.contentRow--alignMiddle\n	{\n		align-items: center;\n	}\n\n	&.is-deleted\n	{\n		opacity: .7;\n\n		.contentRow-header,\n		.contentRow-title\n		{\n			text-decoration: line-through;\n		}\n	}\n}\n\n.m-figureFixed(@size)\n{\n	width: @size;\n\n	img,\n	i.fa,\n	i.fal,\n	i.far,\n	i.fas,\n	i.fab,\n	i.fad,\n	.avatar\n	{\n		max-height: @size;\n	}\n}\n\n.contentRow-figure\n{\n	vertical-align: top;\n	white-space: nowrap;\n	word-wrap: normal;\n	text-align: center;\n\n	img,\n	i.fa,\n	i.fal,\n	i.far,\n	i.fas,\n	i.fab,\n	i.fad,\n	.avatar\n	{\n		vertical-align: bottom;\n	}\n\n	&.contentRow-figure--fixedBookmarkIcon\n	{\n		.m-figureFixed(48px);\n	}\n\n	&.contentRow-figure--fixedSmall\n	{\n		.m-figureFixed(60px);\n	}\n\n	&.contentRow-figure--fixedMedium\n	{\n		.m-figureFixed(100px);\n\n		&.contentRow-figure--fixedMedium--fluidWidth\n		{\n			width: auto;\n			max-width: 200px;\n		}\n	}\n\n	&.contentRow-figure--fixedLarge\n	{\n		.m-figureFixed(200px);\n	}\n\n	&.contentRow-figure--text\n	{\n		font-size: @xf-fontSizeLargest;\n	}\n}\n\n.contentRow-figureContainer\n{\n	position: relative;\n\n	.contentRow-figureSeparated\n	{\n		position: absolute;\n		right: -5px;\n		bottom: -5px;\n\n		.m-avatarSize((@avatar-s / 2 + 2px));\n	}\n}\n\n.contentRow-figureIcon\n{\n	text-align: center;\n	color: @xf-textColorFeature;\n\n\n	img,\n	i.fa,\n	i.fal,\n	i.far,\n	i.fas,\n	i.fab,\n	i.fad\n	{\n		width: 64px;\n		overflow: hidden;\n		white-space: nowrap;\n		word-wrap: normal;\n		border-radius: @xf-borderRadiusMedium;\n\n		.contentRow-figure--fixedBookmarkIcon &\n		{\n			width: 48px;\n		}\n	}\n}\n\n.contentRow-main\n{\n	flex: 1;\n	min-width: 0;\n	vertical-align: top;\n	padding-left: @xf-paddingLarge;\n\n	&:before\n	{\n		// because of line height, there appears to be extra space at the top of this\n		content: \'\';\n		display: block;\n		margin-top: -.18em;\n	}\n\n	&.contentRow-main--close\n	{\n		padding-left: @xf-paddingMedium;\n	}\n\n	&:first-child\n	{\n		padding-left: 0;\n	}\n}\n\n.contentRow-header\n{\n	margin: 0;\n	padding: 0;\n	font-weight: @xf-fontWeightHeavy;\n	font-size: @xf-fontSizeLarge;\n}\n\n.contentRow-title\n{\n	margin: 0;\n	padding: 0;\n	font-weight: @xf-fontWeightNormal;\n	font-size: @xf-fontSizeLarge;\n}\n\n.contentRow-cover\n{\n	display: block;\n	margin: @xf-paddingLarge 0;\n\n	img\n	{\n		max-height: 65vw;\n		object-fit: cover;\n		//aspect-ratio: 1/1;\n		//object-position: top left;\n	}\n}\n\n.contentRow-snippet\n{\n	//font-size: @xf-fontSizeSmall;\n	margin: .25em 0;\n}\n\n.contentRow-muted\n{\n	color: @xf-textColorMuted;\n}\n\n.contentRow-lesser\n{\n	font-size: @xf-fontSizeSmall;\n}\n\n.contentRow-suffix\n{\n	padding-left: @xf-paddingMedium;\n	white-space: nowrap;\n	word-wrap: normal;\n}\n\n.contentRow-faderContainer\n{\n	position: relative;\n	overflow: hidden;\n}\n\n.contentRow-faderContent\n{\n	max-height: 150px;\n	overflow: hidden;\n}\n\n.contentRow-fader\n{\n	position: absolute;\n	top: (@_contentRow-faderHeight + @xf-paddingMedium * 2 - @_contentRow-faderCoverHeight);\n	left: 0;\n	right: 0;\n	height: @_contentRow-faderCoverHeight;\n\n	.m-gradient(fade(@xf-contentBg, 0%), @xf-contentBg, transparent, 0%, 80%);\n}\n\n.contentRow-minor\n{\n	font-size: @xf-fontSizeSmall;\n	color: @xf-textColorMuted;\n\n	&.contentRow-minor--hideLinks\n	{\n		.m-hiddenLinks();\n	}\n\n	&.contentRow-minor--smaller\n	{\n		font-size: @xf-fontSizeSmaller;\n	}\n\n	&.contentRow-minor--singleLine\n	{\n		.m-overflowEllipsis();\n	}\n}\n\n.contentRow-spaced\n{\n	margin: .5em 0;\n\n	&:last-child\n	{\n		margin-bottom: 0;\n	}\n}\n\n.contentRow-extra\n{\n	float: right;\n	padding-left: @xf-paddingMedium;\n	font-size: @xf-fontSizeSmallest;\n\n	&.contentRow-extra--small\n	{\n		font-size: @xf-fontSizeSmall;\n		color: @xf-textColorMuted;\n	}\n\n	&.contentRow-extra--normal\n	{\n		font-size: @xf-fontSizeNormal;\n		color: @xf-textColorMuted;\n	}\n\n	&.contentRow-extra--large\n	{\n		font-size: @xf-fontSizeLarge;\n		color: @xf-textColorMuted;\n	}\n\n	&.contentRow-extra--larger\n	{\n		font-size: @xf-fontSizeLarger;\n		color: @xf-textColorMuted;\n	}\n\n	&.contentRow-extra--largest\n	{\n		font-size: @xf-fontSizeLargest;\n		color: @xf-textColorMuted;\n	}\n}\n\n@media (max-width: @xf-responsiveNarrow)\n{\n	.contentRow-figure\n	{\n		&.contentRow-figure--fixedBookmarkIcon\n		{\n			width: @avatar-xs;\n		}\n\n		.avatar--s\n		{\n			.m-avatarSize(@avatar-xs);\n		}\n	}\n\n	.contentRow--hideFigureNarrow\n	{\n		.contentRow-figure\n		{\n			display: none;\n		}\n\n		.contentRow-main\n		{\n			padding-left: 0;\n		}\n	}\n}', 0x[encoded data, 9186 characters], 0x5846, 2030035, '2.3.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
(799, 0x7075626c6963, 0x636f72655f646174616c6973742e6c657373, 0, '// ################################# DATA LISTS ###################\n\n.dataList\n{\n	max-width: 100%;\n\n	&.dataList--separated\n	{\n		border-top: @xf-borderSize solid @xf-borderColorLight;\n		border-bottom: @xf-borderSize solid @xf-borderColorLight;\n	}\n\n	&.dataList--separatedTop\n	{\n		border-top: @xf-borderSize solid @xf-borderColorLight;\n	}\n\n	&.dataList--separatedBottom\n	{\n		border-bottom: @xf-borderSize solid @xf-borderColorLight;\n	}\n\n	&.dataList--contained\n	{\n		overflow-x: auto;\n		max-height: 300px;\n		max-height: 85vh;\n	}\n\n	&.dataList--containedFixed\n	{\n		overflow-x: auto;\n		max-height: 300px;\n	}\n\n	&.dataList--autoSize\n	{\n		display: table;\n		width: auto;\n		margin: 0 auto;\n	}\n\n	@media (max-width: @xf-responsiveMedium)\n	{\n		overflow-x: auto;\n	}\n\n	--imageBgWidth: 64px;\n}\n\n.dataList-table\n{\n	width: 100%;\n	border-collapse: separate;\n	border-spacing: 0;\n}\n\n.dataList-rowGroup\n{\n	&.is-hidden\n	{\n		display: none;\n	}\n}\n\n.m-adjustDataListCellPadding(@paddingV; @paddingH)\n{\n	padding: @paddingV @paddingH;\n\n	&.dataList-cell--action,\n	&.dataList-cell--link\n	{\n		padding: 0;\n\n		a,\n		label,\n		.dataList-blockLink\n		{\n			padding: @paddingV @paddingH;\n		}\n	}\n}\n\n.dataList-row\n{\n	&:hover:not(.dataList-row--noHover):not(.dataList-row--header):not(.is-spHovered),\n	.is-spActive &.is-spChecked\n	{\n		background: fade(@xf-contentHighlightBg, 50%);\n	}\n\n	.is-spActive &.is-spHovered\n	{\n		background: fade(@xf-contentHighlightBg, 75%);\n	}\n\n	.is-spActive &:not(.dataList-row--noHover):not(.dataList-row--header):not(.is-spChecked) *\n	{\n		color: @xf-textColorMuted;\n	}\n\n	&.dataList-row--header\n	{\n		.dataList-cell\n		{\n			.xf-dataListHeader();\n			.m-adjustDataListCellPadding((@xf-dataListPaddingV / 2), @xf-dataListPaddingH);\n			.m-textColoredLinks();\n			text-align: left;\n\n			&.dataList-cell--min\n			{\n				text-align: center;\n			}\n		}\n	}\n\n	&.dataList-row--subSection\n	{\n		.dataList-cell\n		{\n			.xf-dataListSection();\n			.m-adjustDataListCellPadding((@xf-dataListPaddingV / 2), @xf-dataListPaddingH);\n\n			a { color: inherit; }\n		}\n\n		&:hover:not(.dataList-row--noHover) .dataList-cell\n		{\n			.xf-dataListSection(background);\n		}\n	}\n\n	&.dataList-row--note\n	{\n		.dataList-cell\n		{\n			text-align: center;\n		}\n	}\n\n	&.dataList-row--deleted\n	{\n		.dataList-cell\n		{\n			opacity: .5;\n		}\n	}\n\n	&.dataList-row--highlighted\n	{\n		font-weight: @xf-fontWeightHeavy;\n	}\n\n	&.dataList-row--custom\n	{\n		> .dataList-cell:first-child\n		{\n			border-left: @xf-borderSizeFeature solid red;\n		}\n\n		.dataList-cell--link a\n		{\n			color: red;\n		}\n	}\n\n	&.dataList-row--parentCustom\n	{\n		> .dataList-cell:first-child\n		{\n			border-left: @xf-borderSizeFeature solid orange;\n		}\n\n		.dataList-cell--link a\n		{\n			color: orange;\n		}\n	}\n\n	&.dataList-row--protected\n	{\n		> .dataList-cell:first-child\n		{\n			border-left: @xf-borderSizeFeature solid @xf-borderColorFeature;\n		}\n	}\n\n	&.is-hidden\n	{\n		display: none;\n	}\n\n	&.dataList-row--disabled\n	{\n		.dataList-cell--link a\n		{\n			color: @xf-textColorMuted;\n			.m-transition();\n		}\n	}\n\n	&.dataList-row--invalid\n	{\n		opacity: 0.5;\n		.m-transition(opacity);\n\n		&:hover\n		{\n			opacity: 1;\n		}\n	}\n\n	&.dataList-row--opposite,\n	&.dataList-row--header.dataList-row--opposite\n	{\n		.dataList-cell\n		{\n			text-align: right;\n\n			&:first-of-type\n			{\n				text-align: left;\n			}\n		}\n	}\n\n	tbody:last-child &:last-child .dataList-cell\n	{\n		border-bottom: none;\n	}\n}\n\n.iconicIcon(@setPosition: true)\n{\n	.m-iconicIcon(@setPosition);\n}\n\n.dataList-cell {\n	vertical-align: middle;\n	padding: @xf-dataListPaddingV @xf-dataListPaddingH;\n	border-bottom: @xf-borderSize solid @xf-borderColorFaint;\n\n	&.dataList-cell--main {\n		min-width: 180px;\n	}\n\n	&.dataList-cell--minWidth {\n		min-width: 17vw;\n		min-width: ~\"min(17vw, 250px)\";\n	}\n\n	&.dataList-cell--link,\n	&.dataList-cell--action {\n		padding: 0;\n	}\n\n	&.dataList-cell--alt,\n	&.dataList-cell--action {\n		background: @xf-contentAltBg;\n	}\n\n	&.dataList-cell--highlighted {\n		background: @xf-contentHighlightBg;\n	}\n\n	&.dataList-cell--separated {\n		border-left: @xf-borderSize solid @xf-borderColorFaint;\n	}\n\n	&.dataList-cell--min,\n	&.dataList-cell--action,\n	&.dataList-cell--iconic,\n	&.dataList-cell-fa\n	{\n		width: 1%;\n		white-space: nowrap;\n		word-wrap: normal;\n		text-align: center;\n	}\n\n	&.dataList-cell--opposite,\n	.dataList-row.dataList-row--header &.dataList-cell--opposite // need higher specificity for header rows\n	{\n		text-align: right;\n	}\n\n	&.dataList-cell--number\n	{\n		text-align: right !important;\n	}\n\n	&.dataList-cell--action {\n		font-size: @xf-fontSizeSmaller;\n	}\n\n	&.dataList-cell--action,\n	&.dataList-cell--link {\n		cursor: pointer;\n		text-decoration: none;\n\n		&.dataList-cell--alt:hover,\n		&.dataList-cell--action:hover {\n			background: @xf-contentHighlightBg;\n		}\n\n		a,\n		label,\n		.dataList-blockLink {\n			padding: @xf-dataListPaddingV @xf-dataListPaddingH;\n			display: block;\n			height: 100%;\n			text-decoration: none;\n			cursor: pointer;\n		}\n\n		input {\n			cursor: pointer;\n		}\n	}\n\n	&.dataList-cell--action a:not(.iconic) {\n		//	padding: @xf-dataListPaddingV @xf-dataListPaddingH * 2;\n	}\n\n	&.dataList-cell--iconic,\n	&.dataList-cell--fa\n	{\n		padding: 0;\n		font-size: 125%;\n		min-width: 2.5em;\n		position: relative;\n		text-align: center;\n	}\n\n	&.dataList-cell--iconic\n	{\n		> a.iconic > i\n		{\n			.m-iconicIcon(false);\n		}\n\n		> .iconic\n		{\n			position: absolute;\n\n			// fill the cell\n			top: 0;\n			left: 0;\n			right: 0;\n			bottom: 0;\n\n			> i\n			{\n				&:before,\n				&:after\n				{\n					left: 50%;\n					margin-left: -.5em; // half of icon width\n\n					top: 50%;\n					margin-top: -.5em; // half of icon height\n				}\n			}\n\n			> input[type=checkbox] + i\n			{\n				&:before,\n				&:after\n				{\n					margin-left: -.4375em; // half of .fa-check-square width\n				}\n			}\n\n			> input[type=radio] + i\n			{\n				&:before,\n				&:after\n				{\n					margin-left: -.5em; // half of .fa-check-square width\n				}\n			}\n\n			&.iconic--toggle > input[type=checkbox] + i\n			{\n				&:before\n				{\n					.m-faContent(@fa-var-toggle-off, 1.125em);\n				}\n\n				&:after\n				{\n					.m-faContent(@fa-var-toggle-on, 1.125em);\n				}\n\n				&:before,\n				&:after\n				{\n					font-size: 120%;\n					margin-left: -.5625em; // half of .fa-toggle-on width\n				}\n			}\n\n			&.iconic--delete > i\n			{\n				&:before\n				{\n					.m-faContent(@fa-var-trash-alt, .875em);\n				}\n\n				&:before,\n				&:after\n				{\n					margin-left: -.4375em; // half of .fa-trash-alt width\n				}\n			}\n		}\n	}\n\n	&.dataList-cell--attachment\n	{\n		background: center / cover @xf-contentAltBg no-repeat;\n\n		--size: 120px;\n		width: var(--size);\n		height: var(--size);\n		line-height: var(--size);\n		text-align: center;\n\n		a { display: block; padding: 0; }\n\n		.tooltip-element { display: none; }\n	}\n\n	&.dataList-cell--image\n	{\n		padding: 0;\n\n		a\n		{\n			padding: 0;\n		}\n\n		img,\n		.dataList-imagePlaceholder\n		{\n			display: block;\n			margin: auto;\n			font-size: 30px;\n		}\n	}\n\n	&.dataList-cell--imageSmall\n	{\n		img,\n		.dataList-imagePlaceholder\n		{\n			height: 41px;\n			max-width: 41px;\n			line-height: 41px;\n		}\n\n		.avatar\n		{\n			.m-avatarSize(41px);\n			border-radius: 2px;\n		}\n	}\n\n	&.dataList-cell--imageSmallWide\n	{\n		img,\n		.dataList-imagePlaceholder\n		{\n			height: 41px;\n			max-width: 82px;\n			line-height: 41px;\n		}\n\n		.avatar\n		{\n			.m-avatarSize(41px);\n			border-radius: 0;\n		}\n	}\n\n	&.dataList-cell--imageMedium\n	{\n		img,\n		.dataList-imagePlaceholder\n		{\n			height: 54px;\n			max-width: 54px;\n			line-height: 54px;\n		}\n\n		.avatar\n		{\n			.m-avatarSize(54px);\n			border-radius: 0;\n		}\n	}\n\n	&.dataList-cell--imageMediumWide\n	{\n		img,\n		.dataList-imagePlaceholder\n		{\n			height: 54px;\n			max-width: 108px;\n			line-height: 54px;\n		}\n\n		.avatar\n		{\n			.m-avatarSize(54px);\n			border-radius: 0;\n		}\n	}\n\n	&.dataList-cell--imageBg\n	{\n		--bg: url(\'data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=\');\n		width: var(--imageBgWidth);\n		background: top left / cover var(--bg);\n\n		.dataList-row--disabled &\n		{\n			background-image: linear-gradient(black, black), var(--bg);\n			background-blend-mode: saturation;\n		}\n	}\n\n	&.dataList-cell--responsiveMenuTrigger,\n	&.dataList-cell--fauxResponsiveMenuTrigger\n	{\n		display: none;\n	}\n\n	&.dataList-cell--breakWord\n	{\n		word-break: break-word;\n	}\n\n	&.dataList-cell--hint,\n	.dataList-row--subSection &.dataList-cell--hint\n	{\n		text-align: right;\n		font-size: @xf-fontSizeSmaller;\n		color: @xf-textColorMuted;\n	}\n\n	// create ten depth classes for the appearance of nested items\n	.depthLoop(@i) when (@i <= 10)\n	{\n		&.dataList-cell--d@{i} { text-indent: ((@i - 1) * 25px); }\n		.depthLoop((@i + 1));\n	}\n	.depthLoop(1);\n\n	.is-match\n	{\n		text-decoration: underline;\n		color: red;\n	}\n\n	@media (max-width: @xf-responsiveMedium)\n	{\n		&.dataList-cell--responsiveMenuItem,\n		&.dataList-cell--fauxResponsiveMenuItem\n		{\n			display: none !important;\n		}\n\n		&.dataList-cell--responsiveMenuTrigger,\n		&.dataList-cell--fauxResponsiveMenuTrigger\n		{\n			display: table-cell;\n		}\n	}\n}\n\n.dataList-imagePlaceholder\n{\n	&:after\n	{\n		content: \'?\';\n	}\n}\n\n.dataList-mainRow,\n.dataList-textRow,\n.dataList-subRow\n{\n	width: 0;\n	display: block;\n	min-width: 100%;\n	line-height: 1.4;\n	overflow: hidden;\n	word-wrap: normal;\n	text-overflow: ellipsis;\n\n	&:empty { display: none; }\n}\n\n.dataList-mainRow\n{\n	font-weight: @xf-fontWeightHeavy;\n\n	.dataList-row--subSection &\n	{\n		font-weight: @xf-fontWeightNormal;\n	}\n}\n\n.dataList-secondRow\n{\n	display: block;\n	font-size: @xf-fontSizeSmallest;\n}\n\n.dataList-hint,\n.dataList-subRow\n{\n	color: @xf-textColorMuted;\n	font-size: @xf-fontSizeSmaller;\n	font-weight: @xf-fontWeightNormal;\n}\n\n.dataList-hint\n{\n	display: inline;\n}\n\n.dataList-row--footer .dataList-cell\n{\n	// note that this is applied as a cell style which has higher priority than the row styles normally applied\n	padding: (@xf-dataListPaddingV / 2) @xf-dataListPaddingH;\n	border-bottom: none;\n	.xf-dataListFooter();\n}\n\n.dataList--responsive\n{\n	.dataList-table,\n	tbody,\n	thead,\n	tfoot\n	{\n		display: block;\n	}\n\n	.dataList-row\n	{\n		display: block;\n\n		&.dataList-row--headerResponsive\n		{\n			display: none;\n		}\n	}\n\n	.dataList-cell\n	{\n		display: block;\n		width: auto;\n\n		&[data-cell-label]\n		{\n			display: flex;\n			align-items: center;\n\n			> *\n			{\n				min-width: 0;\n				text-align: right;\n			}\n\n			&:before\n			{\n				display: table-cell;\n\n				content: attr(data-cell-label) \"{$xf.language.label_separator}\";\n				padding-right: @xf-dataListPaddingH;\n				margin-right: auto;\n				word-break: normal;\n				white-space: normal;\n				text-align: left;\n			}\n\n			> .input:first-child:last-child\n			{\n				display: inline;\n			}\n\n			a\n			{\n				// commonly a URL, but needed to prevent a potential overflow\n				min-width: 0;\n			}\n		}\n\n		&.dataList-cell--iconic\n		{\n			&:not([data-cell-label]):before\n			{\n				content: \"\";\n				display: inline-block;\n				height: 1em;\n			}\n\n			padding: @xf-dataListPaddingV @xf-dataListPaddingH;\n		}\n\n		&.dataList-cell--link,\n		&.dataList-cell--action\n		{\n			&[data-cell-label]:before\n			{\n				padding: @xf-dataListPaddingV @xf-dataListPaddingH;\n			}\n		}\n\n		&.dataList-cell--iconic,\n		&.dataList-cell--fa\n		{\n			display: table-cell;\n			width: 1%;\n		}\n\n		&.dataList-cell--iconic[data-cell-label]\n		{\n			display: flex;\n			width: auto;\n			font-size: 100%;\n\n			.iconic\n			{\n				position: relative;\n			}\n		}\n	}\n\n	.dataList-row:not(.dataList-row--header):not(.dataList-row--subSection)\n	{\n		border-bottom: @xf-borderSize solid @xf-borderColorLight;\n\n		.dataList-cell\n		{\n			border-bottom: none;\n		}\n	}\n\n	tbody:last-child .dataList-row:not(.dataList-row--header):not(.dataList-row--subSection):last-child\n	{\n		border-bottom: none;\n	}\n\n	.dataList-mainRow,\n	.dataList-textRow,\n	.dataList-subRow\n	{\n		width: auto;\n		min-width: 0;\n	}\n}', 0x[encoded data, 24316 characters], 0x5846, 2030031, '2.3.0 Beta 1', 1748686057),
(800, 0x7075626c6963, 0x636f72655f66696c7465722e6c657373, 0, '// ##################### FILTERING #####################\n\n.filterBlock\n{\n	padding: @xf-paddingMedium;\n	font-size: @xf-fontSizeSmaller;\n	float: right;\n	.xf-contentBase();\n	.xf-blockBorder();\n	border-radius: @xf-blockBorderRadius;\n	.m-clearFix();\n\n	.filterBlock-input\n	{\n		width: 150px;\n		font-size: @xf-fontSizeSmaller;\n\n		&.filterBlock-input--small\n		{\n			width: 100px;\n		}\n	}\n\n	select.filterBlock-input\n	{\n		width: auto;\n	}\n}\n\n.quickFilter\n{\n	position: relative;\n\n	.input\n	{\n		width: 180px;\n		font-size: @xf-fontSizeSmaller;\n	}\n\n	label\n	{\n		font-size: @xf-fontSizeSmaller;\n	}\n\n	input[type=search]\n	{\n		&::-webkit-search-cancel-button,\n		&::-webkit-search-results-button,\n		  {\n			  display: none;\n		  }\n	}\n\n	input[type=checkbox]\n	{\n		.m-checkboxAligner();\n	}\n\n	.js-filterClear\n	{\n		color: @controlColor;\n\n		&:hover\n		{\n			color: @controlColor--hover;\n		}\n\n		&:before\n		{\n			.m-faBase();\n			.m-faContent(@fa-var-times);\n		}\n	}\n}\n\n.filterBar\n{\n	display: flex;\n}\n\n.filterBar-filters\n{\n	flex: 1 1 auto;\n\n	display: flex;\n	flex-wrap: wrap;\n	row-gap: @xf-blockPaddingV;\n	// column-gap: @xf-blockPaddingV;\n\n	.m-listPlain();\n}\n\n.filterBar-filterToggle\n{\n	display: flex;\n	text-decoration: none;\n	color: inherit;\n	padding: 1px 8px;\n	border-radius: @xf-borderRadiusMedium;\n	.m-transition();\n\n	column-gap: 2px;\n	margin-right: @xf-blockPaddingV;\n\n	i.fa--xf\n	{\n		align-self: center;\n	}\n\n	&:after\n	{\n		.m-faBase();\n		font-size: 80%;\n		vertical-align: bottom;\n		.m-faContent(\" @{fa-var-times}\");\n		opacity: .5;\n		.m-transition(opacity);\n		position: relative;\n		bottom: -4px;\n	}\n\n	&:hover\n	{\n		text-decoration: none;\n\n		&:after\n		{\n			opacity: 1;\n		}\n	}\n}\n\n.filterBar-filterToggle-label\n{\n	opacity: .75;\n	margin-right: 2px;\n}\n\n.filterBar-filterToggle-value\n{\n	max-width: 120px;\n	overflow: hidden;\n	white-space: nowrap;\n	text-overflow: ellipsis;\n\n	&:not(:last-of-type):after\n	{\n		content: \"{$xf.language.comma_separator}\";\n	}\n}\n\n.filterBar-menuTrigger\n{\n	flex: 0 0 auto;\n	margin-left: auto;\n	white-space: nowrap;\n	border-radius: @xf-borderRadiusMedium;\n	text-decoration: none;\n	padding: 1px  5px;\n\n	&:after\n	{\n		.m-menuGadget();\n	}\n}\n\n@media (max-width: @xf-responsiveMedium)\n{\n	.filterBar-filterToggle-label\n	{\n		display: none;\n	}\n}', 0x[encoded data, 5588 characters], 0x5846, 2030070, '2.3.0', 1748686057),
(801, 0x7075626c6963, 0x636f72655f66697865646d6573736167652e6c657373, 0, '// ############################ FIXED MESSAGE BAR ################\n\n.fixedMessageBar\n{\n	.xf-fixedMessage();\n	.m-transitionFadeDown();\n	.m-clearFix();\n}\n\n.fixedMessageBar-inner\n{\n	display: flex;\n	align-items: center;\n	justify-content: space-between;\n}\n\n.fixedMessageBar-message\n{\n	order: 1;\n}\n\n.fixedMessageBar-close\n{\n	float: right;\n	margin-left: 1em;\n	order: 2;\n	color: inherit;\n\n	&:before\n	{\n		.m-faBase();\n		.m-faContent(@fa-var-times); //, .69em\n	}\n\n	&:hover\n	{\n		text-decoration: none;\n		color: xf-intensify(@xf-fixedMessage--color, 10%);\n	}\n}', 0x4f3a32343a2258465c54656d706c6174655c436f6d70696c65725c417374223a313a7b733a383a226368696c6472656e223b613a313a7b693a303b4f3a33313a2258465c54656d706c6174655c436f6d70696c65725c53796e7461785c537472223a323a7b733a343a226c696e65223b693a313b733a373a22636f6e74656e74223b733a3534383a222f2f2023232323232323232323232323232323232323232323232323232323204649584544204d4553534147452042415220232323232323232323232323232323230a0a2e66697865644d6573736167654261720a7b0a092e78662d66697865644d65737361676528293b0a092e6d2d7472616e736974696f6e46616465446f776e28293b0a092e6d2d636c65617246697828293b0a7d0a0a2e66697865644d6573736167654261722d696e6e65720a7b0a09646973706c61793a20666c65783b0a09616c69676e2d6974656d733a2063656e7465723b0a096a7573746966792d636f6e74656e743a2073706163652d6265747765656e3b0a7d0a0a2e66697865644d6573736167654261722d6d6573736167650a7b0a096f726465723a20313b0a7d0a0a2e66697865644d6573736167654261722d636c6f73650a7b0a09666c6f61743a2072696768743b0a096d617267696e2d6c6566743a2031656d3b0a096f726465723a20323b0a09636f6c6f723a20696e68657269743b0a0a09263a6265666f72650a097b0a09092e6d2d66614261736528293b0a09092e6d2d6661436f6e74656e74284066612d7661722d74696d6573293b202f2f2c202e3639656d0a097d0a0a09263a686f7665720a097b0a0909746578742d6465636f726174696f6e3a206e6f6e653b0a0909636f6c6f723a2078662d696e74656e73696679284078662d66697865644d6573736167652d2d636f6c6f722c20313025293b0a097d0a7d223b7d7d7d, 0x5846, 2020010, '2.2.0 Alpha', 1748686057);
