INSERT INTO `xf_template` (`template_id`, `type`, `title`, `style_id`, `template`, `template_parsed`, `addon_id`, `version_id`, `version_string`, `last_edit_date`) VALUES
(834, 0x7075626c6963, 0x656469746f725f6469616c6f675f636f6465, 0, '<xf:title>{{ phrase(\'insert_code\') }}</xf:title>\n\n<form class=\"block\" id=\"editor_code_form\">\n	<div class=\"block-container\">\n		<div class=\"block-body\" data-xf-init=\"code-editor-switcher-container\">\n			<xf:selectrow id=\"editor_code_type\" class=\"js-codeEditorSwitcher\"\n				label=\"{{ phrase(\'language_code\') }}\">\n\n				<xf:optgroup label=\"{{ phrase(\'non_language_specific\') }}\">\n					<xf:option value=\"\">{{ phrase(\'code_language.general\') }}</xf:option>\n					<xf:option value=\"rich\">{{ phrase(\'code_language.rich\') }}</xf:option>\n				</xf:optgroup>\n\n				<xf:optgroup label=\"{{ phrase(\'common_languages\') }}\">\n					<xf:foreach loop=\"$languages\" key=\"$key\" value=\"$language\">\n						<xf:if is=\"$language.common\">\n							<xf:option value=\"{$key}\">{$language.phrase}</xf:option>\n						</xf:if>\n					</xf:foreach>\n				</xf:optgroup>\n\n				<xf:optgroup label=\"{{ phrase(\'other_languages\') }}\">\n					<xf:foreach loop=\"$languages\" key=\"$key\" value=\"$language\">\n						<xf:option value=\"{$key}\">{$language.phrase}</xf:option>\n					</xf:foreach>\n				</xf:optgroup>\n\n			</xf:selectrow>\n\n			<xf:codeeditorrow\n				id=\"editor_code_code\"\n				class=\"codeEditor--short\"\n				rowtype=\"fullWidth noLabel\"\n				rowclass=\"js-codeEditorContainer\"\n				label=\"{{ phrase(\'code\') }}\" />\n		</div>\n		<xf:submitrow submit=\"{{ phrase(\'continue\') }}\" id=\"editor_code_submit\" />\n	</div>\n</form>', 0x[encoded data, 19964 characters], 0x5846, 2010670, '2.1.6', 1748686057),
(835, 0x7075626c6963, 0x656469746f725f6469616c6f675f6d65646961, 0, '<xf:title>{{ phrase(\'insert_media\') }}</xf:title>\n\n<xf:head option=\"metaNoindex\"><meta name=\"robots\" content=\"noindex\" /></xf:head>\n\n<form class=\"block\" id=\"editor_media_form\">\n	<div class=\"block-container\">\n		<div class=\"block-body\">\n			<xf:textboxrow id=\"editor_media_url\" type=\"url\"\n				label=\"{{ phrase(\'enter_media_url\') }}\"/>\n\n			<xf:formrow\n				label=\"{{ phrase(\'approved_sites\') }}\"\n				hint=\"{{ phrase(\'you_may_insert_media_from_these_sources\') }}\">\n\n				<ul class=\"listInline listInline--comma u-smaller\">\n					<xf:foreach loop=\"$sites\" key=\"$siteId\" value=\"$site\" if=\"$site.supported\">\n						<li><a href=\"{$site.site_url}\" target=\"_blank\">{$site.site_title}</a></li>\n					</xf:foreach>\n				</ul>\n				<div class=\"formRow-explain\">\n					<a href=\"{{ link(\'help\', {\'page_name\': \'bb-codes\'}) }}#media\" target=\"_blank\">{{ phrase(\'help\') }}</a>\n				</div>\n			</xf:formrow>\n		</div>\n		<xf:submitrow submit=\"{{ phrase(\'continue\') }}\" id=\"editor_media_submit\" />\n	</div>\n</form>\n', 0x[encoded data, 12788 characters], 0x5846, 2020470, '2.2.4', 1748686057),
(836, 0x7075626c6963, 0x656469746f725f6469616c6f675f73706f696c6572, 0, '<xf:title>{{ phrase(\'insert_spoiler\') }}</xf:title>\n\n<form class=\"block\" id=\"editor_spoiler_form\">\n	<div class=\"block-container\">\n		<div class=\"block-body\">\n			<xf:textboxrow id=\"editor_spoiler_title\"\n				label=\"{{ phrase(\'enter_spoiler_title\') }}\"\n				explain=\"{{ phrase(\'enter_spoiler_title_explain\') }}\" />\n		</div>\n		<xf:submitrow submit=\"{{ phrase(\'continue\') }}\" id=\"editor_spoiler_submit\" />\n	</div>\n</form>', 0x[encoded data, 4918 characters], 0x5846, 2000051, '2.0.0 Release Candidate 1', 1748686057);
INSERT INTO `xf_template` (`template_id`, `type`, `title`, `style_id`, `template`, `template_parsed`, `addon_id`, `version_id`, `version_string`, `last_edit_date`) VALUES
(837, 0x7075626c6963, 0x656469746f725f696e736572745f676966, 0, '<xf:css src=\"editor_insert_gif.less\" />\n\n<div class=\"menu-row menu-row--alt menu-row--close menu-row--search\">\n	<div class=\"inputGroup\">\n		<xf:textbox class=\"js-gifSearch\" placeholder=\"{{ phrase(\'search...\') }}\" autofocus=\"autofocus\" />\n		<xf:button icon=\"close\" class=\"button--iconOnly button--plain js-gifCloser\" title=\"{{ phrase(\'close\') }}\"\n			data-no-auto-focus=\"true\" data-menu-closer=\"true\">\n			<span class=\"u-srOnly\">{{ phrase(\'close\') }}</span>\n		</xf:button>\n	</div>\n</div>\n<div class=\"menu-scroller\">\n	<div class=\"menu-row js-gifFullRow\">\n		<div class=\"gifContainer js-gifContainer\">\n			<xf:foreach loop=\"$trending\" value=\"$image\" key=\"$id\">\n				<a class=\"gifContainer-item js-gif\">\n					<span class=\"gifContainer-cover\">\n						<xf:fa icon=\"fa-spinner-third fa-3x\" />\n					</span>\n					<img src=\"{$image.thumb}\" data-id=\"{$id}\"\n						data-src=\"{$image.src}\"\n						data-insert=\"{$image.insert}\"\n						alt=\"{$image.title}\" title=\"{$image.title}\" />\n				</a>\n			</xf:foreach>\n			<xf:if is=\"$trending\">\n				<a class=\"gifContainer-item js-gifLoadMore is-loading\" data-href=\"{{ link(\'editor/insert-gif\', null, {\'offset\': $nextOffset}) }}\">\n					<span class=\"gifContainer-cover\">\n						<xf:fa icon=\"fa-spinner-third fa-3x\" />\n					</span>\n				</a>\n			</xf:if>\n		</div>\n	</div>\n	<div class=\"menu-row js-gifSearchRow\" style=\"display: none\"></div>\n</div>\n<div class=\"menu-footer menu-footer--close menu-footer--split\">\n	<div class=\"menu-footer-opposite\">\n		<a href=\"https://giphy.com\" target=\"_blank\">\n			<xf:macro id=\"style_variation_macros::picture_color_scheme\"\n				arg-light=\"styles/default/xenforo/giphy.png\"\n				arg-dark=\"styles/default/xenforo/giphy_dark.png\"\n				arg-width=\"100\"\n				arg-height=\"11\"\n				arg-alt=\"{{ phrase(\'powered_by_giphy\') }}\"\n				arg-lazy=\"true\" />\n		</a>\n	</div>\n</div>', 0x[encoded data, 18848 characters], 0x5846, 2030570, '2.3.5', 1748686057),
(838, 0x7075626c6963, 0x656469746f725f696e736572745f6769662e6c657373, 0, '@_gifMinSize: 110px;\n@_gifBorderRadius: @xf-borderRadiusSmall;\n\n.gifContainer\n{\n	display: grid;\n	grid-template-columns: repeat(auto-fill, minmax(@_gifMinSize, 1fr));\n	grid-gap: @xf-paddingMedium;\n}\n\n.gifContainer-item\n{\n	position: relative;\n	cursor: pointer;\n\n	&:before\n	{\n		content: \"\";\n		padding-bottom: 100%;\n		display: inline-block;\n		vertical-align: top;\n	}\n\n	img\n	{\n		position: absolute;\n		object-fit: cover;\n		width: 100%;\n		height: 100%;\n	}\n}\n\n.gifContainer-cover\n{\n	opacity: 0;\n	text-align: center;\n	position: absolute;\n	background-color: rgba(0, 0, 0, 0.6);\n	.m-textColoredLinks();\n	color: white;\n	text-shadow: -0.5px -0.5px 0 #000, 0.5px -0.5px 0 #000, -0.5px 0.5px 0 #000, 0.5px 0.5px 0 #000;\n	width: 100%;\n	height: 100%;\n	z-index: 100;\n\n	.m-loadingSpinner();\n}', 0x4f3a32343a2258465c54656d706c6174655c436f6d70696c65725c417374223a313a7b733a383a226368696c6472656e223b613a313a7b693a303b4f3a33313a2258465c54656d706c6174655c436f6d70696c65725c53796e7461785c537472223a323a7b733a343a226c696e65223b693a313b733a373a22636f6e74656e74223b733a3737333a22405f6769664d696e53697a653a2031313070783b0a405f676966426f726465725261646975733a204078662d626f72646572526164697573536d616c6c3b0a0a2e676966436f6e7461696e65720a7b0a09646973706c61793a20677269643b0a09677269642d74656d706c6174652d636f6c756d6e733a20726570656174286175746f2d66696c6c2c206d696e6d617828405f6769664d696e53697a652c2031667229293b0a09677269642d6761703a204078662d70616464696e674d656469756d3b0a7d0a0a2e676966436f6e7461696e65722d6974656d0a7b0a09706f736974696f6e3a2072656c61746976653b0a09637572736f723a20706f696e7465723b0a0a09263a6265666f72650a097b0a0909636f6e74656e743a2022223b0a090970616464696e672d626f74746f6d3a20313030253b0a0909646973706c61793a20696e6c696e652d626c6f636b3b0a0909766572746963616c2d616c69676e3a20746f703b0a097d0a0a09696d670a097b0a0909706f736974696f6e3a206162736f6c7574653b0a09096f626a6563742d6669743a20636f7665723b0a090977696474683a20313030253b0a09096865696768743a20313030253b0a097d0a7d0a0a2e676966436f6e7461696e65722d636f7665720a7b0a096f7061636974793a20303b0a09746578742d616c69676e3a2063656e7465723b0a09706f736974696f6e3a206162736f6c7574653b0a096261636b67726f756e642d636f6c6f723a207267626128302c20302c20302c20302e36293b0a092e6d2d74657874436f6c6f7265644c696e6b7328293b0a09636f6c6f723a2077686974653b0a09746578742d736861646f773a202d302e357078202d302e357078203020233030302c20302e357078202d302e357078203020233030302c202d302e35707820302e357078203020233030302c20302e35707820302e357078203020233030303b0a0977696474683a20313030253b0a096865696768743a20313030253b0a097a2d696e6465783a203130303b0a0a092e6d2d6c6f6164696e675370696e6e657228293b0a7d223b7d7d7d, 0x5846, 2020032, '2.2.0 Beta 2', 1748686057),
(839, 0x7075626c6963, 0x656469746f725f696e736572745f6769665f7365617263685f726573756c7473, 0, '<xf:css src=\"editor_insert_gif.less\" />\n\n<xf:if is=\"$results\">\n	<div class=\"gifContainer js-gifContainer\">\n		<xf:foreach loop=\"$results\" value=\"$image\" key=\"$id\">\n			<a class=\"gifContainer-item js-gif\">\n				<span class=\"gifContainer-cover\">\n					<xf:fa icon=\"fa-spinner-third fa-3x\" />\n				</span>\n				<img src=\"{$image.thumb}\" data-id=\"{$id}\"\n					data-src=\"{$image.src}\"\n					data-insert=\"{$image.insert}\"\n					alt=\"{$image.title}\" title=\"{$image.title}\" />\n			</a>\n		</xf:foreach>\n\n		<a class=\"gifContainer-item js-gifLoadMore is-loading\" data-href=\"{{ link(\'editor/insert-gif/search\', null, {\'q\': $q, \'offset\': $nextOffset}) }}\">\n		<span class=\"gifContainer-cover\">\n			<xf:fa icon=\"fa-spinner-third fa-3x\" />\n		</span>\n		</a>\n	</div>\n<xf:else />\n	{{ phrase(\'no_results_found\') }}\n</xf:if>', 0x[encoded data, 12372 characters], 0x5846, 2020032, '2.2.0 Beta 2', 1748686057),
(840, 0x7075626c6963, 0x656469746f725f6f766572726964652e6c657373, 0, '// Generic\n@font-family: @xf-fontFamilyUi; // font family for Froala UI elements // Arial, Helvetica, sans-serif;\n@border-radius: @xf-borderRadiusSmall; // used for tooltips, menus... // 2px;\n@bg-color: @xf-editorToolsOverflowBg; // used for the background of the \'more\' strip? // @bg-color: #f5f5f5;\n\n// UI colors\n@ui-color:  @xf-editorImageHandles; // used seemingly randomly for some icons, some borders, some drag handles... // #0098f7;\n@ui-text: @xf-textColor; // #222222; // used for \'Drop x here\' type buttons\n@ui-hover-color: @xf-contentAltBg; // used for the \'drop image\' box // mix(@white, #999, 80%);\n@ui-disabled-color: @xf-editorButtonDisabledColor; // mix(@white, #000, 74%);\n@ui-active-color: @xf-majorHeadingBg; // background for active controls (dropdown deployed etc.)? // #d6d6d6;\n@ui-bg: @xf-contentBg; // @white;\n@ui-border-color: @xf-textColor; // @ui-text;\n@ui-bg-color: @xf-textColor;\n@ui-bg-color-more: @xf-editorToolsOverflowBg; // @bg-color;\n\n// Tooltip\n@tooltip-bg: xf-default(@xf-tooltip--background-color, fade(@xf-paletteNeutral3, 80%)); // @ui-text;\n@tooltip-text: xf-default(@xf-tooltip--color, contrast(@xf-paletteNeutral3)); // @white;\n@tooltip-font-size: xf-default(@xf-tooltip--font-size, @xf-fontSizeSmaller); // 11px;\n@tooltip-line-height: (@tooltip-font-size * 2.5); // 22px;\n\n// Editor properties.\n@editor-padding: 20px; // 20px;\n@editor-bg: transparent; // @white\n@editor-font-family: @xf-fontFamilyBody; // sans-serif;\n@editor-font-color: @xf-editorColor; // #414141;\n@editor-font-size: @xf-fontSizeNormal; // 14px;\n@editor-line-height: @xf-lineHeightDefault; // 1.6;\n@editor-border: solid 1px @xf-borderColor; // 1px solid @gray;\n@editor-border-radius: xf-default(@xf-input--border-radius, @xf-borderRadiusMedium); // 10px;\n@editor-align: left;\n\n// Text selection colors.\n@selection-bg: @xf-editorSelectionBg;\n@selection-text: @xf-editorSelectionColor;\n\n// Placeholder properties.\n@placeholder-color: fade(xf-default(@xf-input--color, @xf-textColor), 40%); // #AAA;\n\n// Button colors.\n@btn-text: @xf-editorButtonColor; // @light-black;\n@btn-hover-text: @xf-editorButtonHoverColor; // @light-black;\n@btn-hover-bg: @xf-editorButtonHoverBg; // #ebebeb;\n@ui-focused-color: @xf-editorButtonSelectedBg; // mix(@white, #999, 60%);\n\n@btn-active-text: @xf-editorButtonActiveColor; // @ui-color;\n@btn-active-bg: @xf-editorButtonSelectedBg; // @ui-active-color;\n@btn-active-hover-text: @xf-editorButtonActiveColor; // @btn-active-text;\n\n@btn-disabled-color: @xf-editorButtonDisabledColor; // @ui-disabled-color;\n@btn-disabled-opacity: 0.95;\n\n// Button size.\n@btn-width: 30px;\n@btn-height: 32px;\n@btn-margin: 2px;\n@btn-more-toolbar-height: 26px;\n\n// Table properties.\n@table-border: 1px solid @xf-borderColor; // 1px solid #DDD;\n@table-resizer: 1px solid @xf-editorButtonActiveColor; // 1px solid @ui-color;\n\n@toolbar-transition-timing: @xf-animationSpeed;\n\n@popup-layer-margin: 10px;', 0x[encoded data, 6118 characters], 0x5846, 2030370, '2.3.3', 1748686057);
INSERT INTO `xf_template` (`template_id`, `type`, `title`, `style_id`, `template`, `template_parsed`, `addon_id`, `version_id`, `version_string`, `last_edit_date`) VALUES
(841, 0x7075626c6963, 0x656469746f725f736d696c6965735f656d6f6a69, 0, '<div class=\"menu-row menu-row--highlighted menu-row--insertedMessage js-emojiInsertedRow\">\n	<div class=\"menu-emojiInsertedMessage\">\n		{{ phrase(\'inserted:\') }} <span class=\"js-emojiInsert\"></span>\n	</div>\n</div>\n<div class=\"menu-row menu-row--alt menu-row--close\">\n	<div class=\"inputGroup\">\n		<xf:textbox class=\"js-emojiSearch\" placeholder=\"{{ phrase(\'search...\') }}\" autofocus=\"autofocus\" />\n		<xf:button icon=\"close\" class=\"button--iconOnly button--plain js-emojiCloser\" title=\"{{ phrase(\'close\') }}\"\n			data-no-auto-focus=\"true\" data-menu-closer=\"true\">\n			<span class=\"u-srOnly\">{{ phrase(\'close\') }}</span>\n		</xf:button>\n	</div>\n</div>\n<div class=\"menu-scroller js-emojiFullList\">\n	<h3 class=\"menu-header js-recentHeader {{ !$recent ? \'is-hidden\' : \'\' }}\">{{ phrase(\'recently_used\') }}</h3>\n	<div class=\"menu-row js-recentBlock {{ !$recent ? \'is-hidden\' : \'\' }}\">\n		<ul class=\"emojiList js-recentList\">\n			<xf:foreach loop=\"$recent\" key=\"$shortname\" value=\"$emoji\">\n				<li><a class=\"js-emoji\" data-shortname=\"{$shortname}\">\n					<xf:if is=\"$emoji.smilie_id\">\n						{{ smilie($shortname, \'rte\') }}\n					<xf:else />\n						{$emoji.html|raw}\n					</xf:if>\n				</a></li>\n			</xf:foreach>\n		</ul>\n	</div>\n	<xf:foreach loop=\"$smilieCategories\"\n		key=\"$categoryId\"\n		value=\"$category\">\n		<xf:if contentcheck=\"true\">\n			<h3 class=\"menu-header\">{{ $categoryId ? $category.title : phrase(\'smilies\') }}</h3>\n			<div class=\"menu-row\">\n				<ul class=\"emojiList js-emojiList\">\n					<xf:contentcheck>\n						<xf:foreach loop=\"{$groupedSmilies.{$categoryId}}\" value=\"{$smilie}\">\n							<li><a class=\"js-emoji\" data-shortname=\"{$smilie.smilie_text_options.0}\">{{ smilie($smilie.smilie_text_options.0, \'rte\') }}</a></li>\n						</xf:foreach>\n					</xf:contentcheck>\n				</ul>\n			</div>\n		</xf:if>\n	</xf:foreach>\n	<xf:foreach loop=\"$emojiCategories\" key=\"$categoryId\" value=\"$name\">\n		<h3 class=\"menu-header\">{$name}</h3>\n		<div class=\"menu-row\">\n			<ul class=\"emojiList js-emojiList\">\n				<xf:foreach loop=\"{$groupedEmoji.{$categoryId}}\" value=\"{$emoji}\">\n					<li><a class=\"js-emoji\" data-shortname=\"{$emoji.shortname}\">{$emoji.html|raw}</a></li>\n				</xf:foreach>\n			</ul>\n		</div>\n	</xf:foreach>\n</div>\n<div class=\"menu-scroller js-emojiSearchResults\" style=\"display: none;\"></div>', 0x[encoded data, 30084 characters], 0x5846, 2030010, '2.3.0 Alpha', 1748686057),
(842, 0x7075626c6963, 0x656469746f725f736d696c6965735f656d6f6a695f7365617263685f726573756c7473, 0, '<div class=\"block-body block-body--emoji js-emojiSearchResults\">\n	<div class=\"block-row\">\n		<xf:if is=\"$results\">\n			<ul class=\"emojiList\">\n				<xf:foreach loop=\"$results\" value=\"{$result}\">\n					<li><a class=\"js-emoji\" data-shortname=\"{$result.shortname}\">{$result.html|raw}</a></li>\n				</xf:foreach>\n			</ul>\n		<xf:else />\n			{{ phrase(\'no_results_found\') }}\n		</xf:if>\n	</div>\n</div>', 0x[encoded data, 5552 characters], 0x5846, 2010033, '2.1.0 Beta 3', 1748686057);
INSERT INTO `xf_template` (`template_id`, `type`, `title`, `style_id`, `template`, `template_parsed`, `addon_id`, `version_id`, `version_string`, `last_edit_date`) VALUES
(843, 0x7075626c6963, 0x656d61696c5f73746f705f636f6e6669726d, 0, '<xf:title>{{ phrase(\'stop_email_notifications\') }}</xf:title>\n\n<xf:head option=\"robots\"><meta name=\"robots\" content=\"noindex\" /></xf:head>\n\n<xf:form action=\"{{ link(\'email-stop\', $user) }}\" class=\"block\">\n	<div class=\"block-container\">\n		<xf:if is=\"$actions\">\n			<div class=\"block-body\">\n				<xf:radiorow name=\"stop\" value=\"{{ $defaultAction ?: \'all\' }}\" label=\"{{ phrase(\'confirm_action\') }}\">\n					<xf:options source=\"$actions\" />\n					<xf:option value=\"all\">{{ phrase(\'stop_all_emails_from_x\', {\'title\': $xf.options.boardTitle}) }}</xf:option>\n				</xf:radiorow>\n			</div>\n			<xf:submitrow submit=\"{{ phrase(\'stop_emails\') }}\" />\n		<xf:else />\n			<div class=\"block-body\">\n				<xf:inforow rowtype=\"confirm\">\n					{{ phrase(\'you_sure_you_want_to_stop_all_emails_from_x\', {\'board_title\': $xf.options.boardTitle}) }}\n				</xf:inforow>\n			</div>\n			<xf:submitrow rowtype=\"simple\" submit=\"{{ phrase(\'stop_emails\') }}\" icon=\"notificationsOff\" />\n			<xf:hiddenval name=\"stop\">all</xf:hiddenval>\n		</xf:if>\n	</div>\n\n	<xf:hiddenval name=\"c\">{$confirmKey}</xf:hiddenval>\n</xf:form>', 0x[encoded data, 18822 characters], 0x5846, 2030010, '2.3.0 Alpha', 1748686057),
(844, 0x7075626c6963, 0x656d6265645f7265736f6c7665722e6c657373, 0, 'html.p-embed-container\n{\n	background: transparent;\n\n	.embed\n	{\n		margin: 0;\n		overflow: hidden;\n	}\n}\n\n.embed\n{\n	display: flow-root;\n	margin: .5em 0;\n	width: 100%;\n	max-width: 100%;\n\n	border: 1px solid @xf-borderColor;\n	border-radius: @xf-borderRadiusMedium;\n	text-align: left;\n\n	.m-blockAligner();\n\n	overflow: hidden;\n}\n\n.embed-container\n{\n	padding: @xf-paddingMedium;\n\n	.contentRow-header\n	{\n		margin: 0;\n		font-weight: normal;\n		.m-overflowEllipsis();\n	}\n\n	.contentRow-faderContainer\n	{\n		font-size: @xf-fontSizeSmaller;\n		margin: .25em 0;\n	}\n\n	.contentRow-minor\n	{\n		font-size: @xf-fontSizeSmaller;\n\n		.listInline\n		{\n			margin: 0;\n		}\n	}\n}\n\n.embed-cover\n{\n	padding: 0;\n	border-bottom: 1px solid @xf-borderColor;\n	overflow: hidden;\n	height: 100%;\n\n	img\n	{\n		display: block;\n		width: 100%;\n		height: 100%;\n		max-height: 200px;\n		object-fit: cover;\n		object-position: center;\n	}\n}\n\n.embed-preview\n{\n	padding: 0 @xf-paddingMedium;\n	font-size: @xf-fontSizeSmall;\n	font-style: italic;\n\n	.bbCodeBlock\n	{\n		.bbCodeBlock-title,\n		.bbCodeBlock-content\n		{\n			font-size: @xf-fontSizeSmaller;\n			font-style: normal;\n		}\n	}\n}\n\n.embed-footer\n{\n	padding: @xf-paddingMedium;\n	font-size: @xf-fontSizeSmaller;\n	color: @xf-textColorMuted;\n	//border-top: @xf-borderSize solid @xf-borderColorLight;\n\n	.m-hiddenLinks();\n	.m-clearFix();\n\n	&:empty\n	{\n		display: none;\n	}\n\n	ul.listInline,\n	ul.reactionSummary\n	{\n		margin: 0;\n	}\n}\n\n.embed-footer-main { float: left; }\n.embed-footer-opposite { float: right; }', 0x4f3a32343a2258465c54656d706c6174655c436f6d70696c65725c417374223a313a7b733a383a226368696c6472656e223b613a313a7b693a303b4f3a33313a2258465c54656d706c6174655c436f6d70696c65725c53796e7461785c537472223a323a7b733a343a226c696e65223b693a313b733a373a22636f6e74656e74223b733a313438363a2268746d6c2e702d656d6265642d636f6e7461696e65720a7b0a096261636b67726f756e643a207472616e73706172656e743b0a0a092e656d6265640a097b0a09096d617267696e3a20303b0a09096f766572666c6f773a2068696464656e3b0a097d0a7d0a0a2e656d6265640a7b0a09646973706c61793a20666c6f772d726f6f743b0a096d617267696e3a202e35656d20303b0a0977696474683a20313030253b0a096d61782d77696474683a20313030253b0a0a09626f726465723a2031707820736f6c6964204078662d626f72646572436f6c6f723b0a09626f726465722d7261646975733a204078662d626f726465725261646975734d656469756d3b0a09746578742d616c69676e3a206c6566743b0a0a092e6d2d626c6f636b416c69676e657228293b0a0a096f766572666c6f773a2068696464656e3b0a7d0a0a2e656d6265642d636f6e7461696e65720a7b0a0970616464696e673a204078662d70616464696e674d656469756d3b0a0a092e636f6e74656e74526f772d6865616465720a097b0a09096d617267696e3a20303b0a0909666f6e742d7765696768743a206e6f726d616c3b0a09092e6d2d6f766572666c6f77456c6c697073697328293b0a097d0a0a092e636f6e74656e74526f772d6661646572436f6e7461696e65720a097b0a0909666f6e742d73697a653a204078662d666f6e7453697a65536d616c6c65723b0a09096d617267696e3a202e3235656d20303b0a097d0a0a092e636f6e74656e74526f772d6d696e6f720a097b0a0909666f6e742d73697a653a204078662d666f6e7453697a65536d616c6c65723b0a0a09092e6c697374496e6c696e650a09097b0a0909096d617267696e3a20303b0a09097d0a097d0a7d0a0a2e656d6265642d636f7665720a7b0a0970616464696e673a20303b0a09626f726465722d626f74746f6d3a2031707820736f6c6964204078662d626f72646572436f6c6f723b0a096f766572666c6f773a2068696464656e3b0a096865696768743a20313030253b0a0a09696d670a097b0a0909646973706c61793a20626c6f636b3b0a090977696474683a20313030253b0a09096865696768743a20313030253b0a09096d61782d6865696768743a2032303070783b0a09096f626a6563742d6669743a20636f7665723b0a09096f626a6563742d706f736974696f6e3a2063656e7465723b0a097d0a7d0a0a2e656d6265642d707265766965770a7b0a0970616464696e673a2030204078662d70616464696e674d656469756d3b0a09666f6e742d73697a653a204078662d666f6e7453697a65536d616c6c3b0a09666f6e742d7374796c653a206974616c69633b0a0a092e6262436f6465426c6f636b0a097b0a09092e6262436f6465426c6f636b2d7469746c652c0a09092e6262436f6465426c6f636b2d636f6e74656e740a09097b0a090909666f6e742d73697a653a204078662d666f6e7453697a65536d616c6c65723b0a090909666f6e742d7374796c653a206e6f726d616c3b0a09097d0a097d0a7d0a0a2e656d6265642d666f6f7465720a7b0a0970616464696e673a204078662d70616464696e674d656469756d3b0a09666f6e742d73697a653a204078662d666f6e7453697a65536d616c6c65723b0a09636f6c6f723a204078662d74657874436f6c6f724d757465643b0a092f2f626f726465722d746f703a204078662d626f7264657253697a6520736f6c6964204078662d626f72646572436f6c6f724c696768743b0a0a092e6d2d68696464656e4c696e6b7328293b0a092e6d2d636c65617246697828293b0a0a09263a656d7074790a097b0a0909646973706c61793a206e6f6e653b0a097d0a0a09756c2e6c697374496e6c696e652c0a09756c2e7265616374696f6e53756d6d6172790a097b0a09096d617267696e3a20303b0a097d0a7d0a0a2e656d6265642d666f6f7465722d6d61696e207b20666c6f61743a206c6566743b207d0a2e656d6265642d666f6f7465722d6f70706f73697465207b20666c6f61743a2072696768743b207d223b7d7d7d, 0x5846, 2030010, '2.3.0 Alpha', 1748686057),
(845, 0x7075626c6963, 0x656d6265645f7265736f6c7665725f706f7374, 0, '<div class=\"embed-container contentRow contentRow--alignMiddle\">\n	<div class=\"contentRow-figure\">\n		<xf:avatar user=\"$content.User\" size=\"s\" defaultname=\"{$content.username}\"/>\n	</div>\n	<div class=\"contentRow-main\">\n		<h3 class=\"contentRow-header\">\n			<xf:if is=\"$content.Thread.prefix_id\">\n				{{ prefix(\'thread\', $content.Thread, \'html\', \'\') }}\n			</xf:if>\n			<a href=\"{$content.getContentUrl()}\" class=\"fauxBlockLink-blockLink u-cloaked\">{$content.getContentTitle()}</a>\n		</h3>\n\n		<div class=\"contentRow-minor contentRow-minor--hideLinks\">\n			<xf:date time=\"{$content.post_date}\"/>\n		</div>\n	</div>\n</div>\n\n<div class=\"embed-preview\">\n	{{ bb_code_snippet($content.message, \'post\', $content, 600, {\'withinEmbedResolver\': true}) }}\n</div>\n\n<div class=\"embed-footer\">\n	<div class=\"embed-footer-main\">\n		<ul class=\"listInline listInline--bullet\">\n			<li>\n				<xf:username user=\"{$content.User}\" defaultname=\"{$content.username}\"/>\n			</li>\n		</ul>\n	</div>\n	<div class=\"embed-footer-opposite\">\n		<xf:reactions summary=\"true\" reactions=\"{$content.reactions}\"/>\n	</div>\n</div>', 0x[encoded data, 13200 characters], 0x5846, 2030053, '2.3.0 Release Candidate 3', 1748686057);
INSERT INTO `xf_template` (`template_id`, `type`, `title`, `style_id`, `template`, `template_parsed`, `addon_id`, `version_id`, `version_string`, `last_edit_date`) VALUES
(846, 0x7075626c6963, 0x656d6265645f7265736f6c7665725f70726f66696c655f706f7374, 0, '<div class=\"embed-container contentRow contentRow--alignMiddle\">\n	<div class=\"contentRow-figure\">\n		<xf:avatar user=\"$content.User\" size=\"s\" defaultname=\"{$content.username}\"/>\n	</div>\n	<div class=\"contentRow-main\">\n		<h3 class=\"contentRow-header\">\n			<a href=\"{$content.getContentUrl()}\" class=\"fauxBlockLink-blockLink u-cloaked\">\n				<xf:if is=\"$content.user_id == $content.ProfileUser.user_id\">\n					{{ $content.getContentTitle() }}\n				<xf:else />\n					{{ phrase(\'xs_message_on_ys_profile\', {\n						\'usernamePoster\': $content.User.username,\n						\'usernameReceiver\': $content.ProfileUser.username\n					}) }}\n				</xf:if>\n			</a>\n		</h3>\n\n		<div class=\"contentRow-minor contentRow-minor--hideLinks\">\n			<xf:date time=\"{$content.post_date}\"/>\n		</div>\n	</div>\n</div>\n\n<div class=\"embed-preview\">\n	{{ snippet($content.message, 300, {\"stripQuote\": true, \'withinEmbedResolver\': true}) }}\n</div>\n\n<div class=\"embed-footer\">\n	<div class=\"embed-footer-main\">\n		<ul class=\"listInline listInline--bullet\">\n			<li>\n				<xf:username user=\"{$content.User}\" defaultname=\"{$content.username}\"/>\n			</li>\n			<li>\n				{{ phrase(\'comments:\') }} {$content.comment_count|number}\n			</li>\n		</ul>\n	</div>\n	<div class=\"embed-footer-opposite\">\n		<xf:reactions summary=\"true\" reactions=\"{$content.reactions}\"/>\n	</div>\n</div>', 0x[encoded data, 16756 characters], 0x5846, 2030053, '2.3.0 Release Candidate 3', 1748686057),
(847, 0x7075626c6963, 0x656d6265645f7265736f6c7665725f746872656164, 0, '<xf:css src=\"help_page_smilies.less\" />\n\n<div class=\"embed-container contentRow contentRow--alignMiddle\">\n	<div class=\"contentRow-figure\">\n		<xf:avatar user=\"$content.User\" size=\"s\" defaultname=\"{$content.username}\" />\n	</div>\n	<div class=\"contentRow-main\">\n		<h3 class=\"contentRow-header\">\n			<xf:if is=\"$content.prefix_id\">\n				{{ prefix(\'thread\', $content, \'html\', \'\') }}\n			</xf:if>\n			<a href=\"{$content.getContentUrl()}\" class=\"fauxBlockLink-blockLink u-cloaked\">{$content.getContentTitle()}</a>\n		</h3>\n\n		<div class=\"contentRow-minor contentRow-minor--hideLinks\">\n			<xf:date time=\"{$content.post_date}\" />\n		</div>\n	</div>\n</div>\n\n<div class=\"embed-preview\">\n	{{ bb_code_snippet($content.FirstPost.message, \'post\', $content.FirstPost, 600, {\'withinEmbedResolver\': true}) }}\n</div>\n\n<xf:comment>\n<xf:if is=\"$content.cover_image_data.src\">\n	<div class=\"embed-cover\">\n		<img src=\"{$content.cover_image_data.src}\" width=\"{$content.cover_image_data.width}\" height=\"{$content.cover_image_data.height}\" loading=\"lazy\" />\n	</div>\n</xf:if>\n</xf:comment>\n\n<div class=\"embed-footer\">\n	<div class=\"embed-footer-main\">\n		<ul class=\"listInline listInline--bullet\">\n			<li><xf:username user=\"{$content.User}\" defaultname=\"{$content.username}\" /></li>\n			<xf:if is=\"$xf.options.enableTagging && $content.tags\">\n				<li>\n					<xf:macro template=\"tag_macros\" name=\"simple_list\"\n						arg-tags=\"{$content.tags}\" />\n				</li>\n			</xf:if>\n			<li>{{ phrase(\'replies:\') }} {$content.reply_count|number}</li>\n			<li>{{ phrase(\'forum:\') }} <a href=\"{{ link(\'forums\', $content.Forum) }}\">{$content.Forum.title}</a></li>\n		</ul>\n	</div>\n	<div class=\"embed-footer-opposite\">\n		<xf:reactions summary=\"true\" reactions=\"{$content.first_post_reactions}\" />\n	</div>\n</div>', 0x[encoded data, 21276 characters], 0x5846, 2030053, '2.3.0 Release Candidate 3', 1748686057);
INSERT INTO `xf_template` (`template_id`, `type`, `title`, `style_id`, `template`, `template_parsed`, `addon_id`, `version_id`, `version_string`, `last_edit_date`) VALUES
(848, 0x7075626c6963, 0x656d6265645f76696577, 0, '<xf:css src=\"embed_resolver.less\" />\n\n<div class=\"embed fauxBlockLink\" data-embed-content=\"{$content.getEntityContentTypeId()}\" data-embed-content-url=\"{$contentUrl}\">\n	{$content.renderEmbed()|raw}\n</div>\n\n<script{{ $xf.request.isRocketLoaderDisabled() ? \' data-cfasync=\"false\"\' : \'\'}}>\n	window.addEventListener(\'message\', receiveMessage, false);\n\n	function receiveMessage(event)\n	{\n		if (event.data.type !== \'getHeight\')\n		{\n			return;\n		}\n\n		let allImages = document.querySelectorAll(\'img\');\n\n		if (allImages.length)\n		{\n			let loaded = 0;\n\n			for (let i = 0; i < allImages.length; i++)\n			{\n				// remove lazy loading in a lazy way...\n				allImages[i].removeAttribute(\'loading\');\n\n				if (allImages[i].complete)\n				{\n					loaded++;\n					if (loaded === allImages.length)\n					{\n						const height = document.body.scrollHeight;\n						event.source.postMessage({ messageId: event.data.messageId, height: height }, event.origin);\n					}\n				}\n				else\n				{\n					allImages[i].onload = function()\n					{\n						loaded++;\n						if (loaded === allImages.length)\n						{\n							const height = document.body.scrollHeight;\n							event.source.postMessage({ messageId: event.data.messageId, height: height }, event.origin);\n						}\n					}\n				}\n			}\n		}\n		else\n		{\n			const height = document.body.scrollHeight;\n			event.source.postMessage({ messageId: event.data.messageId, height: height }, event.origin);\n		}\n	}\n</script>', 0x[encoded data, 7056 characters], 0x5846, 2030170, '2.3.1', 1748686057),
(849, 0x7075626c6963, 0x656d6265645f766965775f6572726f72, 0, '<div>{{ phrase(\'oops_we_ran_into_some_problems\') }}</div>\n<div>{$error}</div>', 0x4f3a32343a2258465c54656d706c6174655c436f6d70696c65725c417374223a313a7b733a383a226368696c6472656e223b613a353a7b693a303b4f3a33313a2258465c54656d706c6174655c436f6d70696c65725c53796e7461785c537472223a323a7b733a343a226c696e65223b693a313b733a373a22636f6e74656e74223b733a353a223c6469763e223b7d693a313b4f3a33383a2258465c54656d706c6174655c436f6d70696c65725c53796e7461785c45787072657373696f6e223a323a7b733a343a226c696e65223b693a313b733a31303a2265787072657373696f6e223b4f3a33323a2258465c54656d706c6174655c436f6d70696c65725c53796e7461785c46756e63223a333a7b733a343a226c696e65223b693a313b733a343a226e616d65223b733a363a22706872617365223b733a393a22617267756d656e7473223b613a313a7b693a303b4f3a33313a2258465c54656d706c6174655c436f6d70696c65725c53796e7461785c537472223a323a7b733a343a226c696e65223b693a313b733a373a22636f6e74656e74223b733a33303a226f6f70735f77655f72616e5f696e746f5f736f6d655f70726f626c656d73223b7d7d7d7d693a323b4f3a33313a2258465c54656d706c6174655c436f6d70696c65725c53796e7461785c537472223a323a7b733a343a226c696e65223b693a313b733a373a22636f6e74656e74223b733a31323a223c2f6469763e0a3c6469763e223b7d693a333b4f3a33363a2258465c54656d706c6174655c436f6d70696c65725c53796e7461785c5661726961626c65223a343a7b733a343a226c696e65223b693a323b733a343a226e616d65223b733a353a226572726f72223b733a31303a2264696d656e73696f6e73223b613a303a7b7d733a373a2266696c74657273223b613a303a7b7d7d693a343b4f3a33313a2258465c54656d706c6174655c436f6d70696c65725c53796e7461785c537472223a323a7b733a343a226c696e65223b693a323b733a373a22636f6e74656e74223b733a363a223c2f6469763e223b7d7d7d, 0x5846, 2030032, '2.3.0 Beta 2', 1748686057),
(850, 0x7075626c6963, 0x6572726f72, 0, '<xf:title>{{ phrase(\'oops_we_ran_into_some_problems\') }}</xf:title>\n\n<div class=\"blockMessage\">\n	<xf:if is=\"$error\">\n		{$error|raw}\n	<xf:else />\n		<ul>\n		<xf:foreach loop=\"$errors\" value=\"$error\">\n			<li>{$error|raw}</li>\n		</xf:foreach>\n		</ul>\n	</xf:if>\n</div>', 0x[encoded data, 5012 characters], 0x5846, 2000010, '2.0.0 Alpha', 1748686057),
(851, 0x7075626c6963, 0x65787472612e6c657373, 0, '', 0x4f3a32343a2258465c54656d706c6174655c436f6d70696c65725c417374223a313a7b733a383a226368696c6472656e223b613a313a7b693a303b4f3a33313a2258465c54656d706c6174655c436f6d70696c65725c53796e7461785c537472223a323a7b733a343a226c696e65223b693a313b733a373a22636f6e74656e74223b733a303a22223b7d7d7d, 0x5846, 2000010, '2.0.0 Alpha', 1748686057),
(852, 0x7075626c6963, 0x66612e637373, 0, '.fa--xf{display:inline-block;line-height:1}.fa--xf svg{width:1em;height:1em;vertical-align:-0.125em;color:currentColor}.fa--xf:empty{display:none}.fa-primary{opacity:1}.fa-secondary{opacity:.4}.fa--xf.fa-lg svg{font-size:1.33333333em;line-height:.75em;vertical-align:-.0667em}.fa--xf.fa-xs svg{font-size:.75em}.fa--xf.fa-sm svg{font-size:.875em}.fa--xf.fa-1x svg{font-size:1em}.fa--xf.fa-2x svg{font-size:2em}.fa--xf.fa-3x svg{font-size:3em}.fa--xf.fa-4x svg{font-size:4em}.fa--xf.fa-5x svg{font-size:5em}.fa--xf.fa-6x svg{font-size:6em}.fa--xf.fa-7x svg{font-size:7em}.fa--xf.fa-8x svg{font-size:8em}.fa--xf.fa-9x svg{font-size:9em}.fa--xf.fa-10x svg{font-size:10em}.fa--xf.fa-fw svg{text-align:center;width:1.25em}.fa--xf.fa-ul svg{list-style-type:none;margin-left:2.5em;padding-left:0}.fa--xf.fa-ul svg>li{position:relative}.fa--xf.fa-li svg{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa--xf.fa-border svg{border-radius:.1em;border:solid .08em #eee;padding:.2em .25em .15em}.fa--xf.fa-pull-left svg{float:left}.fa--xf.fa-pull-right svg{float:right}.fa.fa--xf.fa-pull-left svg,.fas.fa--xf.fa-pull-left svg,.far.fa--xf.fa-pull-left svg,.fal.fa--xf.fa-pull-left svg,.fab.fa--xf.fa-pull-left svg{margin-right:.3em}.fa.fa--xf.fa-pull-right svg,.fas.fa--xf.fa-pull-right svg,.far.fa--xf.fa-pull-right svg,.fal.fa--xf.fa-pull-right svg,.fab.fa--xf.fa-pull-right svg{margin-left:.3em}.fa--xf.fa-spin svg{animation:fa-spin 2s infinite linear}.fa--xf.fa-pulse svg{animation:fa-spin 1s infinite steps(8)}@keyframes fa-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.fa--xf.fa-rotate-90 svg{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)\";transform:rotate(90deg)}.fa--xf.fa-rotate-180 svg{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)\";transform:rotate(180deg)}.fa--xf.fa-rotate-270 svg{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)\";transform:rotate(270deg)}.fa--xf.fa-flip-horizontal svg{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)\";transform:scale(-1, 1)}.fa--xf.fa-flip-vertical svg{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\";transform:scale(1, -1)}.fa--xf.fa-flip-both svg,.fa--xf.fa-flip-horizontal.fa-flip-vertical svg{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\";transform:scale(-1, -1)}:root .fa--xf.fa-rotate-90 svg,:root .fa--xf.fa-rotate-180 svg,:root .fa--xf.fa-rotate-270 svg,:root .fa--xf.fa-flip-horizontal svg,:root .fa--xf.fa-flip-vertical svg,:root .fa--xf.fa-flip-both svg{filter:none}.fa--xf.fa-stack svg{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2em}.fa--xf.fa-stack-1x svg,.fa--xf.fa-stack-2x svg{left:0;position:absolute;text-align:center;width:100%}.fa--xf.fa-stack-1x svg{line-height:inherit}.fa--xf.fa-stack-2x svg{font-size:2em}.fa--xf.fa-inverse svg{color:#fff}.sr-only{border:0;clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}', 0x[encoded data, 6686 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
(853, 0x7075626c6963, 0x66616e6379626f782e6c657373, 0, '/** core fancybox css **/\n:root\n{\n	--f-spinner-width: 36px;\n	--f-spinner-height: 36px;\n	--f-spinner-color-1: rgba(0, 0, 0, 0.1);\n	--f-spinner-color-2: rgba(17, 24, 28, 0.8);\n	--f-spinner-stroke: 2.75\n}\n\n.f-spinner\n{\n	margin: auto;\n	padding: 0;\n	width: var(--f-spinner-width);\n	height: var(--f-spinner-height)\n}\n\n.f-spinner svg\n{\n	width: 100%;\n	height: 100%;\n	vertical-align: top;\n	animation: f-spinner-rotate 2s linear infinite\n}\n\n.f-spinner svg *\n{\n	stroke-width: var(--f-spinner-stroke);\n	fill: none\n}\n\n.f-spinner svg *:first-child\n{\n	stroke: var(--f-spinner-color-1)\n}\n\n.f-spinner svg *:last-child\n{\n	stroke: var(--f-spinner-color-2);\n	animation: f-spinner-dash 2s ease-in-out infinite\n}\n\n@keyframes f-spinner-rotate\n{\n	100%\n	{\n		transform: rotate(360deg)\n	}\n}\n\n@keyframes f-spinner-dash\n{\n	0%\n	{\n		stroke-dasharray: 1, 150;\n		stroke-dashoffset: 0\n	}\n	50%\n	{\n		stroke-dasharray: 90, 150;\n		stroke-dashoffset: -35\n	}\n	100%\n	{\n		stroke-dasharray: 90, 150;\n		stroke-dashoffset: -124\n	}\n}\n\n.f-throwOutUp\n{\n	animation: .175s ease-out both f-throwOutUp\n}\n\n.f-throwOutDown\n{\n	animation: .175s ease-out both f-throwOutDown\n}\n\n@keyframes f-throwOutUp\n{\n	to\n	{\n		transform: translate3d(0, -150px, 0);\n		opacity: 0\n	}\n}\n\n@keyframes f-throwOutDown\n{\n	to\n	{\n		transform: translate3d(0, 150px, 0);\n		opacity: 0\n	}\n}\n\n.f-zoomInUp\n{\n	animation: var(--f-transition-duration, 0.2s) ease-out .1s both f-zoomInUp\n}\n\n.f-zoomOutDown\n{\n	animation: var(--f-transition-duration, 0.2s) ease-out both f-zoomOutDown\n}\n\n@keyframes f-zoomInUp\n{\n	from\n	{\n		transform: scale(0.975) translate3d(0, 16px, 0);\n		opacity: 0\n	}\n	to\n	{\n		transform: scale(1) translate3d(0, 0, 0);\n		opacity: 1\n	}\n}\n\n@keyframes f-zoomOutDown\n{\n	to\n	{\n		transform: scale(0.975) translate3d(0, 16px, 0);\n		opacity: 0\n	}\n}\n\n.f-fadeIn\n{\n	animation: var(--f-transition-duration, 0.2s) ease both f-fadeIn;\n	z-index: 2\n}\n\n.f-fadeOut\n{\n	animation: var(--f-transition-duration, 0.2s) ease both f-fadeOut;\n	z-index: 1\n}\n\n@keyframes f-fadeIn\n{\n	0%\n	{\n		opacity: 0\n	}\n	100%\n	{\n		opacity: 1\n	}\n}\n\n@keyframes f-fadeOut\n{\n	100%\n	{\n		opacity: 0\n	}\n}\n\n.f-fadeSlowIn\n{\n	animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;\n	z-index: 2\n}\n\n.f-fadeSlowOut\n{\n	animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;\n	z-index: 1\n}\n\n@keyframes f-fadeSlowIn\n{\n	0%\n	{\n		opacity: 0\n	}\n	100%\n	{\n		opacity: 1\n	}\n}\n\n@keyframes f-fadeSlowOut\n{\n	100%\n	{\n		opacity: 0\n	}\n}\n\n.f-fadeFastIn\n{\n	animation: var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;\n	z-index: 2\n}\n\n.f-fadeFastOut\n{\n	animation: var(--f-transition-duration, 0.2s) ease-out both f-fadeFastOut;\n	z-index: 2\n}\n\n@keyframes f-fadeFastIn\n{\n	0%\n	{\n		opacity: .75\n	}\n	100%\n	{\n		opacity: 1\n	}\n}\n\n@keyframes f-fadeFastOut\n{\n	100%\n	{\n		opacity: 0\n	}\n}\n\n.f-crossfadeIn\n{\n	animation: var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;\n	z-index: 2\n}\n\n.f-crossfadeOut\n{\n	animation: calc(var(--f-transition-duration, 0.2s) * .5) linear .1s both f-crossfadeOut;\n	z-index: 1\n}\n\n@keyframes f-crossfadeIn\n{\n	0%\n	{\n		opacity: 0\n	}\n	100%\n	{\n		opacity: 1\n	}\n}\n\n@keyframes f-crossfadeOut\n{\n	100%\n	{\n		opacity: 0\n	}\n}\n\n.f-slideIn.from-next\n{\n	animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext\n}\n\n.f-slideIn.from-prev\n{\n	animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev\n}\n\n.f-slideOut.to-next\n{\n	animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext\n}\n\n.f-slideOut.to-prev\n{\n	animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev\n}\n\n@keyframes f-slideInPrev\n{\n	0%\n	{\n		transform: translateX(100%)\n	}\n	100%\n	{\n		transform: translate3d(0, 0, 0)\n	}\n}\n\n@keyframes f-slideInNext\n{\n	0%\n	{\n		transform: translateX(-100%)\n	}\n	100%\n	{\n		transform: translate3d(0, 0, 0)\n	}\n}\n\n@keyframes f-slideOutNext\n{\n	100%\n	{\n		transform: translateX(-100%)\n	}\n}\n\n@keyframes f-slideOutPrev\n{\n	100%\n	{\n		transform: translateX(100%)\n	}\n}\n\n.f-classicIn.from-next\n{\n	animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;\n	z-index: 2\n}\n\n.f-classicIn.from-prev\n{\n	animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;\n	z-index: 2\n}\n\n.f-classicOut.to-next\n{\n	animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;\n	z-index: 1\n}\n\n.f-classicOut.to-prev\n{\n	animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;\n	z-index: 1\n}\n\n@keyframes f-classicInNext\n{\n	0%\n	{\n		transform: translateX(-75px);\n		opacity: 0\n	}\n	100%\n	{\n		transform: translate3d(0, 0, 0);\n		opacity: 1\n	}\n}\n\n@keyframes f-classicInPrev\n{\n	0%\n	{\n		transform: translateX(75px);\n		opacity: 0\n	}\n	100%\n	{\n		transform: translate3d(0, 0, 0);\n		opacity: 1\n	}\n}\n\n@keyframes f-classicOutNext\n{\n	100%\n	{\n		transform: translateX(-75px);\n		opacity: 0\n	}\n}\n\n@keyframes f-classicOutPrev\n{\n	100%\n	{\n		transform: translateX(75px);\n		opacity: 0\n	}\n}\n\n:root\n{\n	--f-button-width: 40px;\n	--f-button-height: 40px;\n	--f-button-border: 0;\n	--f-button-border-radius: 0;\n	--f-button-color: #374151;\n	--f-button-bg: #f8f8f8;\n	--f-button-hover-bg: #e0e0e0;\n	--f-button-active-bg: #d0d0d0;\n	--f-button-shadow: none;\n	--f-button-transition: all 0.15s ease;\n	--f-button-transform: none;\n	--f-button-svg-width: 20px;\n	--f-button-svg-height: 20px;\n	--f-button-svg-stroke-width: 1.5;\n	--f-button-svg-fill: none;\n	--f-button-svg-filter: none;\n	--f-button-svg-disabled-opacity: 0.65\n}\n\n.f-button\n{\n	display: flex;\n	justify-content: center;\n	align-items: center;\n	box-sizing: content-box;\n	position: relative;\n	margin: 0;\n	padding: 0;\n	width: var(--f-button-width);\n	height: var(--f-button-height);\n	border: var(--f-button-border);\n	border-radius: var(--f-button-border-radius);\n	color: var(--f-button-color);\n	background: var(--f-button-bg);\n	box-shadow: var(--f-button-shadow);\n	pointer-events: all;\n	cursor: pointer;\n	transition: var(--f-button-transition)\n}\n\n@media (hover: hover)\n{\n	.f-button:hover:not([disabled])\n	{\n		color: var(--f-button-hover-color);\n		background-color: var(--f-button-hover-bg)\n	}\n}\n\n.f-button:active:not([disabled])\n{\n	background-color: var(--f-button-active-bg)\n}\n\n.f-button:focus:not(:focus-visible)\n{\n	outline: none\n}\n\n.f-button:focus-visible\n{\n	outline: none;\n	box-shadow: inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))\n}\n\n.f-button svg\n{\n	width: var(--f-button-svg-width);\n	height: var(--f-button-svg-height);\n	fill: var(--f-button-svg-fill);\n	stroke: currentColor;\n	stroke-width: var(--f-button-svg-stroke-width);\n	stroke-linecap: round;\n	stroke-linejoin: round;\n	transition: opacity .15s ease;\n	transform: var(--f-button-transform);\n	filter: var(--f-button-svg-filter);\n	pointer-events: none\n}\n\n.f-button[disabled]\n{\n	cursor: default\n}\n\n.f-button[disabled] svg\n{\n	opacity: var(--f-button-svg-disabled-opacity)\n}\n\n.f-carousel__nav .f-button.is-prev, .f-carousel__nav .f-button.is-next, .fancybox__nav .f-button.is-prev, .fancybox__nav .f-button.is-next\n{\n	position: absolute;\n	z-index: 1\n}\n\n.is-horizontal .f-carousel__nav .f-button.is-prev, .is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-prev, .is-horizontal .fancybox__nav .f-button.is-next\n{\n	top: 50%;\n	transform: translateY(-50%)\n}\n\n.is-horizontal .f-carousel__nav .f-button.is-prev, .is-horizontal .fancybox__nav .f-button.is-prev\n{\n	left: var(--f-button-prev-pos)\n}\n\n.is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-next\n{\n	right: var(--f-button-next-pos)\n}\n\n.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev, .is-horizontal.is-rtl .fancybox__nav .f-button.is-prev\n{\n	left: auto;\n	right: var(--f-button-next-pos)\n}\n\n.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next, .is-horizontal.is-rtl .fancybox__nav .f-button.is-next\n{\n	right: auto;\n	left: var(--f-button-prev-pos)\n}\n\n.is-vertical .f-carousel__nav .f-button.is-prev, .is-vertical .f-carousel__nav .f-button.is-next, .is-vertical .fancybox__nav .f-button.is-prev, .is-vertical .fancybox__nav .f-button.is-next\n{\n	top: auto;\n	left: 50%;\n	transform: translateX(-50%)\n}\n\n.is-vertical .f-carousel__nav .f-button.is-prev, .is-vertical .fancybox__nav .f-button.is-prev\n{\n	top: var(--f-button-next-pos)\n}\n\n.is-vertical .f-carousel__nav .f-button.is-next, .is-vertical .fancybox__nav .f-button.is-next\n{\n	bottom: var(--f-button-next-pos)\n}\n\n.is-vertical .f-carousel__nav .f-button.is-prev svg, .is-vertical .f-carousel__nav .f-button.is-next svg, .is-vertical .fancybox__nav .f-button.is-prev svg, .is-vertical .fancybox__nav .f-button.is-next svg\n{\n	transform: rotate(90deg)\n}\n\nhtml.with-fancybox\n{\n	width: auto;\n	overflow: visible;\n	scroll-behavior: auto\n}\n\nhtml.with-fancybox body\n{\n	touch-action: none\n}\n\nhtml.with-fancybox body.hide-scrollbar\n{\n	width: auto;\n	margin-right: calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));\n	overflow: hidden !important;\n	overscroll-behavior-y: none\n}\n\n.fancybox__container\n{\n	--fancybox-color: #dbdbdb;\n	--fancybox-hover-color: #fff;\n	--fancybox-bg: rgba(24, 24, 27, 0.98);\n	--fancybox-slide-gap: 10px;\n	--f-spinner-width: 50px;\n	--f-spinner-height: 50px;\n	--f-spinner-color-1: rgba(255, 255, 255, 0.1);\n	--f-spinner-color-2: #bbb;\n	--f-spinner-stroke: 3.65;\n	position: fixed;\n	top: 0;\n	left: 0;\n	bottom: 0;\n	right: 0;\n	direction: ltr;\n	display: flex;\n	flex-direction: column;\n	box-sizing: border-box;\n	margin: 0;\n	padding: 0;\n	color: #f8f8f8;\n	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n	overflow: visible;\n	z-index: 1050;\n	outline: none;\n	transform-origin: top left;\n	-webkit-text-size-adjust: 100%;\n	-moz-text-size-adjust: none;\n	-ms-text-size-adjust: 100%;\n	text-size-adjust: 100%;\n	overscroll-behavior-y: contain\n}\n\n.fancybox__container *, .fancybox__container *::before, .fancybox__container *::after\n{\n	box-sizing: inherit\n}\n\n.fancybox__backdrop\n{\n	position: fixed;\n	top: 0;\n	left: 0;\n	bottom: 0;\n	right: 0;\n	z-index: -1;\n	background: var(--fancybox-bg);\n	opacity: var(--fancybox-opacity, 1);\n	will-change: opacity\n}\n\n.fancybox__carousel\n{\n	position: relative;\n	box-sizing: border-box;\n	flex: 1;\n	min-height: 0;\n	z-index: 10;\n	overflow-y: visible;\n	overflow-x: clip\n}\n\n.fancybox__viewport\n{\n	width: 100%;\n	height: 100%\n}\n\n.fancybox__track\n{\n	display: flex;\n	margin: 0 auto;\n	height: 100%\n}\n\n.fancybox__slide\n{\n	flex: 0 0 auto;\n	position: relative;\n	display: flex;\n	flex-direction: column;\n	align-items: center;\n	width: 100%;\n	height: 100%;\n	margin: 0 var(--fancybox-slide-gap) 0 0;\n	padding: 4px;\n	overflow: auto;\n	transform: translate3d(0, 0, 0);\n	backface-visibility: hidden\n}\n\n.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn\n{\n	padding-top: 40px\n}\n\n.fancybox__slide.has-iframe, .fancybox__slide.has-video, .fancybox__slide.has-html5video\n{\n	overflow: hidden\n}\n\n.fancybox__slide.has-image\n{\n	overflow: hidden\n}\n\n.fancybox__slide.has-image.is-animating, .fancybox__slide.has-image.is-selected\n{\n	overflow: visible\n}\n\n.fancybox__slide::before, .fancybox__slide::after\n{\n	content: \"\";\n	flex: 0 0 0;\n	margin: auto\n}\n\n.fancybox__content\n{\n	align-self: center;\n	display: flex;\n	flex-direction: column;\n	position: relative;\n	margin: 0;\n	padding: 2rem;\n	max-width: 100%;\n	color: var(--fancybox-content-color, #374151);\n	background: var(--fancybox-content-bg, #fff);\n	cursor: default;\n	border-radius: 0;\n	z-index: 20\n}\n\n.is-loading .fancybox__content\n{\n	opacity: 0\n}\n\n.is-draggable .fancybox__content\n{\n	cursor: move;\n	cursor: grab\n}\n\n.can-zoom_in .fancybox__content\n{\n	cursor: zoom-in\n}\n\n.can-zoom_out .fancybox__content\n{\n	cursor: zoom-out\n}\n\n.is-dragging .fancybox__content\n{\n	cursor: move;\n	cursor: grabbing\n}\n\n.fancybox__content [data-selectable], .fancybox__content [contenteditable]\n{\n	cursor: auto\n}\n\n.fancybox__slide.has-image > .fancybox__content\n{\n	padding: 0;\n	background: rgba(0, 0, 0, 0);\n	min-height: 1px;\n	background-repeat: no-repeat;\n	background-size: contain;\n	background-position: center center;\n	transition: none;\n	transform: translate3d(0, 0, 0);\n	backface-visibility: hidden\n}\n\n.fancybox__slide.has-image > .fancybox__content > picture > img\n{\n	width: 100%;\n	height: auto;\n	max-height: 100%\n}\n\n.is-zooming-in .fancybox__viewport:not(.is-dragging) .fancybox__slide:not(.is-selected) .fancybox__content, .is-zooming-out .fancybox__slide:not(.is-selected) .fancybox__content\n{\n	visibility: hidden\n}\n\n.is-animating .fancybox__content, .is-dragging .fancybox__content\n{\n	filter: blur(0px);\n	will-change: transform, width, height\n}\n\n.fancybox-image\n{\n	margin: auto;\n	display: block;\n	width: 100%;\n	height: 100%;\n	min-height: 0;\n	object-fit: contain;\n	user-select: none\n}\n\n.fancybox__caption\n{\n	align-self: center;\n	max-width: 100%;\n	flex-shrink: 0;\n	margin: 0;\n	padding: 14px 0 4px 0;\n	overflow-wrap: anywhere;\n	line-height: 1.375;\n	color: var(--fancybox-color, currentColor);\n	opacity: var(--fancybox-opacity, 1);\n	cursor: auto;\n	visibility: visible\n}\n\n.is-loading .fancybox__caption, .is-closing .fancybox__caption\n{\n	opacity: 0;\n	visibility: hidden\n}\n\n.is-compact .fancybox__caption\n{\n	padding-bottom: 0\n}\n\n.f-button.is-close-btn\n{\n	--f-button-svg-stroke-width: 2;\n	position: absolute;\n	top: 0;\n	right: 8px;\n	z-index: 40\n}\n\n.fancybox__content > .f-button.is-close-btn\n{\n	--f-button-width: 34px;\n	--f-button-height: 34px;\n	--f-button-border-radius: 4px;\n	--f-button-color: var(--fancybox-color, #fff);\n	--f-button-hover-color: var(--fancybox-color, #fff);\n	--f-button-bg: transparent;\n	--f-button-hover-bg: transparent;\n	--f-button-active-bg: transparent;\n	--f-button-svg-width: 22px;\n	--f-button-svg-height: 22px;\n	position: absolute;\n	top: -38px;\n	right: 0;\n	opacity: .75\n}\n\n.is-loading .fancybox__content > .f-button.is-close-btn\n{\n	visibility: hidden\n}\n\n.is-zooming-out .fancybox__content > .f-button.is-close-btn\n{\n	visibility: hidden\n}\n\n.fancybox__content > .f-button.is-close-btn:hover\n{\n	opacity: 1\n}\n\n.fancybox__footer\n{\n	padding: 0;\n	margin: 0;\n	position: relative\n}\n\n.fancybox__footer .fancybox__caption\n{\n	width: 100%;\n	padding: 24px;\n	opacity: var(--fancybox-opacity, 1);\n	transition: all .25s ease\n}\n\n.is-compact .fancybox__footer\n{\n	position: absolute;\n	bottom: 0;\n	left: 0;\n	right: 0;\n	z-index: 20;\n	background: rgba(24, 24, 27, .5)\n}\n\n.is-compact .fancybox__footer .fancybox__caption\n{\n	padding: 12px\n}\n\n.is-compact .fancybox__content > .f-button.is-close-btn\n{\n	--f-button-border-radius: 50%;\n	--f-button-color: #fff;\n	--f-button-hover-color: #fff;\n	--f-button-outline-color: #000;\n	--f-button-bg: rgba(0, 0, 0, 0.6);\n	--f-button-active-bg: rgba(0, 0, 0, 0.6);\n	--f-button-hover-bg: rgba(0, 0, 0, 0.6);\n	--f-button-svg-width: 18px;\n	--f-button-svg-height: 18px;\n	--f-button-svg-filter: none;\n	top: 5px;\n	right: 5px\n}\n\n.fancybox__nav\n{\n	--f-button-width: 50px;\n	--f-button-height: 50px;\n	--f-button-border: 0;\n	--f-button-border-radius: 50%;\n	--f-button-color: var(--fancybox-color);\n	--f-button-hover-color: var(--fancybox-hover-color);\n	--f-button-bg: transparent;\n	--f-button-hover-bg: rgba(24, 24, 27, 0.3);\n	--f-button-active-bg: rgba(24, 24, 27, 0.5);\n	--f-button-shadow: none;\n	--f-button-transition: all 0.15s ease;\n	--f-button-transform: none;\n	--f-button-svg-width: 26px;\n	--f-button-svg-height: 26px;\n	--f-button-svg-stroke-width: 2.5;\n	--f-button-svg-fill: none;\n	--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));\n	--f-button-svg-disabled-opacity: 0.65;\n	--f-button-next-pos: 1rem;\n	--f-button-prev-pos: 1rem;\n	opacity: var(--fancybox-opacity, 1)\n}\n\n.fancybox__nav .f-button:before\n{\n	position: absolute;\n	content: \"\";\n	top: -30px;\n	right: -20px;\n	left: -20px;\n	bottom: -30px;\n	z-index: 1\n}\n\n.is-idle .fancybox__nav\n{\n	animation: .15s ease-out both f-fadeOut\n}\n\n.is-idle.is-compact .fancybox__footer\n{\n	pointer-events: none;\n	animation: .15s ease-out both f-fadeOut\n}\n\n.fancybox__slide > .f-spinner\n{\n	position: absolute;\n	top: 50%;\n	left: 50%;\n	margin: var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));\n	z-index: 30;\n	cursor: pointer\n}\n\n.fancybox-protected\n{\n	position: absolute;\n	top: 0;\n	left: 0;\n	right: 0;\n	bottom: 0;\n	z-index: 40;\n	user-select: none\n}\n\n.fancybox-ghost\n{\n	position: absolute;\n	top: 0;\n	left: 0;\n	width: 100%;\n	height: 100%;\n	min-height: 0;\n	object-fit: contain;\n	z-index: 40;\n	user-select: none;\n	pointer-events: none\n}\n\n.fancybox-focus-guard\n{\n	outline: none;\n	opacity: 0;\n	position: fixed;\n	pointer-events: none\n}\n\n.fancybox__container:not([aria-hidden])\n{\n	opacity: 0\n}\n\n.fancybox__container.is-animated[aria-hidden=false] > *:not(.fancybox__backdrop,.fancybox__carousel), .fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel > *:not(.fancybox__viewport), .fancybox__container.is-animated[aria-hidden=false] .fancybox__slide > *:not(.fancybox__content)\n{\n	animation: .25s ease .1s backwards f-fadeIn\n}\n\n.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop\n{\n	animation: .35s ease backwards f-fadeIn\n}\n\n.fancybox__container.is-animated[aria-hidden=true] > *:not(.fancybox__backdrop,.fancybox__carousel), .fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel > *:not(.fancybox__viewport), .fancybox__container.is-animated[aria-hidden=true] .fancybox__slide > *:not(.fancybox__content)\n{\n	animation: .15s ease forwards f-fadeOut\n}\n\n.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop\n{\n	animation: .35s ease forwards f-fadeOut\n}\n\n.has-iframe .fancybox__content, .has-map .fancybox__content, .has-pdf .fancybox__content, .has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content\n{\n	max-width: 100%;\n	flex-shrink: 1;\n	min-height: 1px;\n	overflow: visible\n}\n\n.has-iframe .fancybox__content, .has-map .fancybox__content, .has-pdf .fancybox__content\n{\n	width: 100%;\n	height: 100%\n}\n\n.fancybox__container:not(.is-compact) .has-iframe .fancybox__content, .fancybox__container:not(.is-compact) .has-map .fancybox__content, .fancybox__container:not(.is-compact) .has-pdf .fancybox__content\n{\n	width: calc(100% - 120px);\n	height: 90%\n}\n\n.has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content\n{\n	width: 960px;\n	height: 540px;\n	max-width: 100%;\n	max-height: 100%\n}\n\n.has-map .fancybox__content, .has-pdf .fancybox__content, .has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content\n{\n	padding: 0;\n	background: rgba(24, 24, 27, .9);\n	color: #fff\n}\n\n.has-map .fancybox__content\n{\n	background: #e5e3df\n}\n\n.fancybox__html5video, .fancybox__iframe\n{\n	border: 0;\n	display: block;\n	height: 100%;\n	width: 100%;\n	background: rgba(0, 0, 0, 0)\n}\n\n.fancybox-placeholder\n{\n	border: 0 !important;\n	clip: rect(1px, 1px, 1px, 1px) !important;\n	-webkit-clip-path: inset(50%) !important;\n	clip-path: inset(50%) !important;\n	height: 1px !important;\n	margin: -1px !important;\n	overflow: hidden !important;\n	padding: 0 !important;\n	position: absolute !important;\n	width: 1px !important;\n	white-space: nowrap !important\n}\n\n.f-carousel__thumbs\n{\n	--f-thumb-width: 96px;\n	--f-thumb-height: 72px;\n	--f-thumb-outline: 0;\n	--f-thumb-outline-color: #5eb0ef;\n	--f-thumb-opacity: 1;\n	--f-thumb-hover-opacity: 1;\n	--f-thumb-selected-opacity: 1;\n	--f-thumb-border-radius: 2px;\n	--f-thumb-offset: 0px;\n	--f-button-next-pos: 0;\n	--f-button-prev-pos: 0\n}\n\n.f-carousel__thumbs.is-classic\n{\n	--f-thumb-gap: 8px;\n	--f-thumb-opacity: 0.5;\n	--f-thumb-hover-opacity: 1;\n	--f-thumb-selected-opacity: 1\n}\n\n.f-carousel__thumbs.is-modern\n{\n	--f-thumb-gap: 4px;\n	--f-thumb-extra-gap: 20px;\n	--f-thumb-clip-width: 46px\n}\n\n.f-thumbs\n{\n	position: relative;\n	flex: 0 0 auto;\n	margin: 0;\n	overflow: hidden;\n	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n	user-select: none;\n	perspective: 1000px;\n	transform: translateZ(0)\n}\n\n.f-thumbs .f-spinner\n{\n	position: absolute;\n	top: 0;\n	left: 0;\n	width: 100%;\n	height: 100%;\n	border-radius: 2px;\n	background-image: linear-gradient(#ebeff2, #e2e8f0);\n	z-index: -1\n}\n\n.f-thumbs .f-spinner svg\n{\n	display: none\n}\n\n.f-thumbs.is-vertical\n{\n	height: 100%\n}\n\n.f-thumbs__viewport\n{\n	width: 100%;\n	height: auto;\n	overflow: hidden\n}\n\n.f-thumbs__track\n{\n	display: flex;\n	will-change: transform\n}\n\n.f-thumbs__slide\n{\n	position: relative;\n	flex: 0 0 auto;\n	box-sizing: content-box;\n	display: flex;\n	align-items: center;\n	justify-content: center;\n	padding: 0;\n	margin: 0;\n	width: var(--f-thumb-width);\n	min-width: var(--f-thumb-width);\n	height: var(--f-thumb-height);\n	overflow: visible;\n	cursor: pointer\n}\n\n.f-thumbs__slide.is-loading img\n{\n	opacity: 0\n}\n\n.is-classic .f-thumbs__viewport\n{\n	height: 100%\n}\n\n.is-modern .f-thumbs__track\n{\n	width: max-content\n}\n\n.is-modern .f-thumbs__track::before\n{\n	content: \"\";\n	position: absolute;\n	top: 0;\n	bottom: 0;\n	left: calc(var(--left, 0) * 1px);\n	width: calc(100% - var(--width, 0) * 1px);\n	cursor: pointer\n}\n\n.is-modern .f-thumbs__slide\n{\n	--clip-path: inset(0 calc((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0)) * 0.5 * (1 - var(--progress, 0))) round var(--f-thumb-border-radius, 0));\n	transform: translate3d(calc(var(--shift, 0) * -1px), 0, 0);\n	transition: none;\n	pointer-events: none\n}\n\n.is-modern .f-thumbs__slide:focus-within:not(.is-selected)\n{\n	filter: drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color))\n}\n\n.is-modern .f-thumbs__slide > *\n{\n	clip-path: var(--clip-path)\n}\n\n.is-modern.in-touch .f-thumbs__slide\n{\n	filter: none\n}\n\n.is-modern.is-resting .f-thumbs__slide\n{\n	transition: all .33s ease\n}\n\n.is-modern.is-resting .f-thumbs__slide > *\n{\n	transition: all .33s ease\n}\n\n.f-thumbs__slide__button\n{\n	appearance: none;\n	width: 100%;\n	height: 100%;\n	margin: 0;\n	padding: 0;\n	border: 0;\n	position: relative;\n	border-radius: var(--f-thumb-border-radius);\n	overflow: hidden;\n	background: rgba(0, 0, 0, 0);\n	outline: none;\n	cursor: pointer;\n	pointer-events: auto;\n	touch-action: manipulation;\n	opacity: var(--f-thumb-opacity);\n	transition: opacity .2s ease\n}\n\n.f-thumbs__slide__button:hover\n{\n	opacity: var(--f-thumb-hover-opacity)\n}\n\n.f-thumbs__slide__button:focus:not(:focus-visible)\n{\n	outline: none\n}\n\n.f-thumbs__slide__button:focus-visible\n{\n	outline: none;\n	opacity: var(--f-thumb-selected-opacity)\n}\n\n.is-nav-selected .f-thumbs__slide__button\n{\n	opacity: var(--f-thumb-selected-opacity)\n}\n\n.is-nav-selected .f-thumbs__slide__button::after\n{\n	content: \"\";\n	position: absolute;\n	top: 0;\n	left: 0;\n	right: 0;\n	height: auto;\n	bottom: 0;\n	border: var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);\n	border-radius: var(--f-thumb-border-radius);\n	animation: f-fadeIn .2s ease-out;\n	z-index: 10\n}\n\n.f-thumbs__slide__img\n{\n	position: absolute;\n	overflow: hidden;\n	top: 0;\n	right: 0;\n	bottom: 0;\n	left: 0;\n	width: 100%;\n	height: 100%;\n	padding: var(--f-thumb-offset);\n	box-sizing: border-box;\n	pointer-events: none;\n	object-fit: cover\n}\n\n.f-thumbs.is-horizontal .f-thumbs__track\n{\n	margin: 0 auto;\n	padding: 8px 0 12px 0\n}\n\n.f-thumbs.is-horizontal .f-thumbs__slide\n{\n	margin: 0 var(--f-thumb-gap) 0 0\n}\n\n.f-thumbs.is-vertical .f-thumbs__track\n{\n	flex-wrap: wrap;\n	margin: auto 0;\n	padding: 0 8px\n}\n\n.f-thumbs.is-vertical .f-thumbs__slide\n{\n	margin: 0 0 var(--f-thumb-gap) 0\n}\n\n.fancybox__thumbs\n{\n	--f-thumb-width: 96px;\n	--f-thumb-height: 72px;\n	--f-thumb-border-radius: 2px;\n	--f-thumb-outline: 2px;\n	--f-thumb-outline-color: #ededed;\n	position: relative;\n	opacity: var(--fancybox-opacity, 1);\n	transition: max-height .35s cubic-bezier(0.23, 1, 0.32, 1)\n}\n\n.fancybox__thumbs.is-classic\n{\n	--f-thumb-gap: 8px;\n	--f-thumb-opacity: 0.5;\n	--f-thumb-hover-opacity: 1\n}\n\n.fancybox__thumbs.is-classic .f-spinner\n{\n	background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))\n}\n\n.fancybox__thumbs.is-modern\n{\n	--f-thumb-gap: 4px;\n	--f-thumb-extra-gap: 20px;\n	--f-thumb-clip-width: 46px;\n	--f-thumb-opacity: 1;\n	--f-thumb-hover-opacity: 1\n}\n\n.fancybox__thumbs.is-modern .f-spinner\n{\n	background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))\n}\n\n.fancybox__thumbs.is-horizontal\n{\n	padding: 0 var(--f-thumb-gap)\n}\n\n.fancybox__thumbs.is-vertical\n{\n	padding: var(--f-thumb-gap) 0\n}\n\n.is-compact .fancybox__thumbs\n{\n	--f-thumb-width: 64px;\n	--f-thumb-clip-width: 32px;\n	--f-thumb-height: 48px;\n	--f-thumb-extra-gap: 10px\n}\n\n.fancybox__thumbs.is-masked\n{\n	max-height: 0px !important\n}\n\n.is-closing .fancybox__thumbs\n{\n	transition: none !important\n}\n\n.fancybox__toolbar\n{\n	--f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));\n	--f-button-width: 46px;\n	--f-button-height: 46px;\n	--f-button-color: var(--fancybox-color);\n	--f-button-hover-color: var(--fancybox-hover-color);\n	--f-button-bg: rgba(24, 24, 27, 0.65);\n	--f-button-hover-bg: rgba(70, 70, 73, 0.65);\n	--f-button-active-bg: rgba(90, 90, 93, 0.65);\n	--f-button-border-radius: 0;\n	--f-button-svg-width: 24px;\n	--f-button-svg-height: 24px;\n	--f-button-svg-stroke-width: 1.5;\n	--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));\n	--f-button-svg-fill: none;\n	--f-button-svg-disabled-opacity: 0.65;\n	display: flex;\n	flex-direction: row;\n	justify-content: space-between;\n	margin: 0;\n	padding: 0;\n	font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI Adjusted\", \"Segoe UI\", \"Liberation Sans\", sans-serif;\n	color: var(--fancybox-color, currentColor);\n	opacity: var(--fancybox-opacity, 1);\n	text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));\n	pointer-events: none;\n	z-index: 20\n}\n\n.fancybox__toolbar :focus-visible\n{\n	z-index: 1\n}\n\n.fancybox__toolbar.is-absolute, .is-compact .fancybox__toolbar\n{\n	position: absolute;\n	top: 0;\n	left: 0;\n	right: 0\n}\n\n.is-idle .fancybox__toolbar\n{\n	pointer-events: none;\n	animation: .15s ease-out both f-fadeOut\n}\n\n.fancybox__toolbar__column\n{\n	display: flex;\n	flex-direction: row;\n	flex-wrap: wrap;\n	align-content: flex-start\n}\n\n.fancybox__toolbar__column.is-left, .fancybox__toolbar__column.is-right\n{\n	flex-grow: 1;\n	flex-basis: 0\n}\n\n.fancybox__toolbar__column.is-right\n{\n	display: flex;\n	justify-content: flex-end;\n	flex-wrap: nowrap\n}\n\n.fancybox__infobar\n{\n	padding: 0 5px;\n	line-height: var(--f-button-height);\n	text-align: center;\n	font-size: 17px;\n	font-variant-numeric: tabular-nums;\n	-webkit-font-smoothing: subpixel-antialiased;\n	cursor: default;\n	user-select: none\n}\n\n.fancybox__infobar span\n{\n	padding: 0 5px\n}\n\n.fancybox__infobar:not(:first-child):not(:last-child)\n{\n	background: var(--f-button-bg)\n}\n\n[data-fancybox-toggle-slideshow]\n{\n	position: relative\n}\n\n[data-fancybox-toggle-slideshow] .f-progress\n{\n	height: 100%;\n	opacity: .3\n}\n\n[data-fancybox-toggle-slideshow] svg g:first-child\n{\n	display: flex\n}\n\n[data-fancybox-toggle-slideshow] svg g:last-child\n{\n	display: none\n}\n\n.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child\n{\n	display: none\n}\n\n.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child\n{\n	display: flex\n}\n\n[data-fancybox-toggle-fullscreen] svg g:first-child\n{\n	display: flex\n}\n\n[data-fancybox-toggle-fullscreen] svg g:last-child\n{\n	display: none\n}\n\n:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child\n{\n	display: none\n}\n\n:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child\n{\n	display: flex\n}\n\n.f-progress\n{\n	position: absolute;\n	top: 0;\n	left: 0;\n	right: 0;\n	height: 3px;\n	transform: scaleX(0);\n	transform-origin: 0;\n	transition-property: transform;\n	transition-timing-function: linear;\n	background: var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));\n	z-index: 30;\n	user-select: none;\n	pointer-events: none\n}', 0x[encoded data, 55672 characters], 0x5846, 2030470, '2.3.4', 1748686057);
INSERT INTO `xf_template` (`template_id`, `type`, `title`, `style_id`, `template`, `template_parsed`, `addon_id`, `version_id`, `version_string`, `last_edit_date`) VALUES
(854, 0x7075626c6963, 0x66656174757265645f636f6e74656e745f637265617465, 0, '<xf:title>{{ phrase(\'feature_content\') }}</xf:title>\n\n<xf:breadcrumb source=\"$breadcrumbs\" />\n\n<xf:form action=\"{$confirmUrl}\" class=\"block\" ajax=\"true\">\n	<div class=\"block-container\">\n		<div class=\"block-body\">\n			<xf:inforow rowtype=\"confirm\">\n				{{ phrase(\'you_sure_you_want_to_feature_this_content\') }}\n			</xf:inforow>\n\n			<xf:if is=\"$showVisibilityToggle\">\n				<xf:checkboxrow>\n					<xf:option name=\"always_visible\" \n						label=\"{{ phrase(\'always_visible\') }}\"\n						hint=\"{{ phrase(\'if_selected_feature_will_be_visible_even_if_member_does_not_have\') }}\" />\n				</xf:checkboxrow>\n			</xf:if>\n		</div>\n\n		<h3 class=\"block-formSectionHeader\">\n			<span class=\"collapseTrigger collapseTrigger--block\"\n				data-xf-click=\"toggle\" data-target=\"< :up:next\">\n\n				<span class=\"block-formSectionHeader-aligner\">{{ phrase(\'customize\') }}</span>\n			</span>\n		</h3>\n\n		<div class=\"block-body block-body--collapsible\">\n			<xf:formrow>\n				{{ phrase(\'if_you_leave_these_values_blank_feature_will_automatically_derive_them\') }}\n			</xf:formrow>\n\n			<xf:textboxrow name=\"title\"\n				maxlength=\"{{ max_length(\'XF:FeaturedContent\', \'title\') }}\"\n				label=\"{{ phrase(\'feature_title\') }}\" />\n\n			<xf:textarearow name=\"snippet\"\n				rows=\"2\" autosize=\"true\"\n				maxlength=\"{{ max_length(\'XF:FeaturedContent\', \'snippet\') }}\"\n				label=\"{{ phrase(\'feature_snippet\') }}\" />\n\n			<xf:uploadrow name=\"image\" accept=\".gif,.jpeg,.jpg,.jpe,.png\"\n				label=\"{{ phrase(\'feature_image\') }}\"\n				explain=\"{{ phrase(\'it_is_recommended_that_you_use_image_that_is_at_least_x_pixels\', {\n					\'width\': 640,\n					\'height\': 640\n				}) }}\" />\n		</div>\n\n		<xf:redirect />\n\n		<xf:submitrow fa=\"fa-award\" submit=\"{{ phrase(\'feature\') }}\" />\n	</div>\n</xf:form>', 0x[encoded data, 21812 characters], 0x5846, 2030010, '2.3.0 Alpha', 1748686057),
(855, 0x7075626c6963, 0x66656174757265645f636f6e74656e745f64656c657465, 0, '<xf:title>{{ phrase(\'unfeature_content\') }}</xf:title>\n\n<xf:breadcrumb source=\"$breadcrumbs\" />\n\n<xf:form action=\"{$confirmUrl}\" class=\"block\" ajax=\"true\">\n	<div class=\"block-container\">\n		<div class=\"block-body\">\n			<xf:inforow rowtype=\"confirm\">\n				{{ phrase(\'you_sure_you_want_to_unfeature_this_content\') }}\n			</xf:inforow>\n		</div>\n\n		<xf:redirect />\n\n		<xf:submitrow rowtype=\"simple\" submit=\"{{ phrase(\'unfeature\') }}\" icon=\"delete\" />\n	</div>\n</xf:form>', 0x[encoded data, 7304 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
(856, 0x7075626c6963, 0x66656174757265645f636f6e74656e745f65646974, 0, '<xf:title>{{ phrase(\'manage_content_feature\') }}</xf:title>\n\n<xf:breadcrumb source=\"$breadcrumbs\"/>\n\n<xf:form action=\"{$confirmUrl}\" class=\"block\" ajax=\"true\">\n	<div class=\"block-container\">\n		<xf:if contentcheck=\"true\">\n			<div class=\"block-body\">\n				<xf:contentcheck>\n					<xf:if is=\"$showVisibilityToggle\">\n						<xf:checkboxrow>\n							<xf:option name=\"always_visible\" checked=\"{$feature.always_visible}\"\n								label=\"{{ phrase(\'always_visible\') }}\"\n								hint=\"{{ phrase(\'if_selected_feature_will_be_visible_even_if_member_does_not_have\') }}\"/>\n						</xf:checkboxrow>\n					</xf:if>\n				</xf:contentcheck>\n			</div>\n		</xf:if>\n\n		<h3 class=\"block-formSectionHeader\">\n			<span class=\"collapseTrigger collapseTrigger--block {{ $feature.isCustomized() ? \'is-active\' : \'\' }}\"\n				data-xf-click=\"toggle\" data-target=\"< :up:next\">\n\n				<span class=\"block-formSectionHeader-aligner\">{{ phrase(\'customize\') }}</span>\n			</span>\n		</h3>\n\n		<div class=\"block-body block-body--collapsible {{ $feature.isCustomized() ? \'is-active\' : \'\' }}\">\n			<xf:formrow>\n				{{ phrase(\'if_you_leave_these_values_blank_feature_will_automatically_derive_them\') }}\n			</xf:formrow>\n\n			<xf:textboxrow name=\"title\" value=\"{$feature.title_}\"\n				maxlength=\"{{ max_length(\'XF:FeaturedContent\', \'title\') }}\"\n				label=\"{{ phrase(\'feature_title\') }}\"/>\n\n			<xf:textarearow name=\"snippet\" value=\"{$feature.snippet_}\"\n				rows=\"2\" autosize=\"true\"\n				maxlength=\"{{ max_length(\'XF:FeaturedContent\', \'snippet\') }}\"\n				label=\"{{ phrase(\'feature_snippet\') }}\"/>\n\n			<xf:formrow label=\"{{ phrase(\'feature_image\') }}\">\n				<xf:upload name=\"image\" accept=\".gif,.jpeg,.jpg,.jpe,.png,.webp\"/>\n\n				<div class=\"formRow-explain\">\n					{{ phrase(\'it_is_recommended_that_you_use_image_that_is_at_least_x_pixels\', {\n					\'width\': 640,\n					\'height\': 640\n					}) }}\n				</div>\n\n				<xf:if is=\"$feature.image_date\">\n					<xf:checkbox standalone=\"true\">\n						<xf:option name=\"delete_image\" label=\"{{ phrase(\'delete_current_image\') }}\"/>\n					</xf:checkbox>\n				</xf:if>\n			</xf:formrow>\n\n			<xf:datetimeinputrow name=\"date\" value=\"{$feature.feature_date}\"\n				label=\"{{ phrase(\'featured_date\') }}\"\n				explain=\"{{ phrase(\'featured_content_is_ordered_by_feature_date_from_newest_to_oldest\') }}\"/>\n		</div>\n\n		<xf:redirect/>\n\n		<xf:submitrow icon=\"save\">\n			<xf:html>\n				<xf:button href=\"{$deleteUrl}\" icon=\"delete\" overlay=\"true\">{{ phrase(\'unfeature\') }}...</xf:button>\n			</xf:html>\n		</xf:submitrow>\n	</div>\n</xf:form>', 0x[encoded data, 35578 characters], 0x5846, 2030170, '2.3.1', 1748686057);
INSERT INTO `xf_template` (`template_id`, `type`, `title`, `style_id`, `template`, `template_parsed`, `addon_id`, `version_id`, `version_string`, `last_edit_date`) VALUES
(857, 0x7075626c6963, 0x66656174757265645f636f6e74656e745f66696c74657273, 0, '<xf:form action=\"{{ link(\'featured/filters\') }}\">\n	<!--[XF:above_content_type]-->\n	<div class=\"menu-row menu-row--separated\">\n		<label for=\"ctrl_content_type\">{{ phrase(\'content_type:\') }}</label>\n		<div class=\"u-inputSpacer\">\n			<xf:select name=\"content_type\" value=\"{$filters.content_type}\" id=\"ctrl_content_type\">\n				<xf:option value=\"\">{{ phrase(\'(any)\') }}</xf:option>\n\n				<xf:foreach loop=\"$contentTypes\" value=\"$contentType\">\n					<xf:option value=\"{$contentType}\">\n						{{ $xf.app.getContentTypePhrase($contentType) }}\n					</xf:option>\n				</xf:foreach>\n			</xf:select>\n		</div>\n	</div>\n\n	<xf:hiddenval name=\"apply\">1</xf:hiddenval>\n\n	<div class=\"menu-footer\">\n		<span class=\"menu-footer-controls\">\n			<xf:button type=\"submit\" class=\"button--primary\">{{ phrase(\'filter\') }}</xf:button>\n		</span>\n	</div>\n</xf:form>', 0x[encoded data, 11744 characters], 0x5846, 2030010, '2.3.0 Alpha', 1748686057);
