INSERT INTO `xf_template` (`template_id`, `type`, `title`, `style_id`, `template`, `template_parsed`, `addon_id`, `version_id`, `version_string`, `last_edit_date`) VALUES
(802, 0x7075626c6963, 0x636f72655f666f726d726f772e6c657373, 0, '// ########################################### FORM ROWS #################################\n\n@_form-labelShiftInput: (@xf-paddingMedium + @xf-borderSize); // technically input border-top-width + padding-top\n@_form-labelButtonInput: 5px; // technically button border-top-width + padding-top, adjusted for text size differences\n@_form-elementSpacer: @xf-paddingMedium;\n\n.m-formRowBlockStyle()\n{\n	display: block;\n\n	> dt,\n	> dd\n	{\n		width: auto;\n		display: block;\n		padding: (@xf-formRowPaddingV / 2) @xf-formRowPaddingHOuter @xf-formRowPaddingV;\n	}\n\n	> dt\n	{\n		background: none;\n		border: none;\n		text-align: left;\n		padding-bottom: 0;\n\n		.formRow-hint\n		{\n			display: inline;\n		}\n	}\n\n	&.formRow--input,\n	&.formRow--button\n	{\n		> dt\n		{\n			padding-top: (@xf-formRowPaddingV / 2);\n		}\n	}\n\n	> dd\n	{\n		padding-top: (@xf-formRowPaddingV / 2);\n	}\n\n	> dd > .inputChoices:first-child\n	{\n		padding-top: 0;\n	}\n}\n\n.formRow\n{\n	display: table;\n	table-layout: fixed;\n	width: 100%;\n	margin: 0;\n	position: relative;\n\n	> dt,\n	> dd\n	{\n		display: table-cell;\n		vertical-align: top;\n		margin: 0;\n	}\n\n	> dt\n	{\n		border-right: @xf-borderSize solid transparent;\n		.xf-formLabel();\n		width: @xf-formLabelWidth;\n		padding: @xf-formRowPaddingV @xf-formRowPaddingHInner @xf-formRowPaddingV @xf-formRowPaddingHOuter;\n	}\n\n	> dd\n	{\n		width: (100% - @xf-formLabelWidth);\n		padding: @xf-formRowPaddingV @xf-formRowPaddingHOuter @xf-formRowPaddingV @xf-formRowPaddingHInner;\n	}\n\n	&.formRow--input > dt\n	{\n		padding-top: (@xf-formRowPaddingV + @_form-labelShiftInput);\n	}\n\n	&.formRow--button > dt\n	{\n		padding-top: (@xf-formRowPaddingV + @_form-labelButtonInput);\n	}\n\n	&.formRow--inputLabelPair > dt\n	{\n		padding-top: (@xf-formRowPaddingV * 2);\n	}\n\n	&.formRow--valueToEdge > dd\n	{\n		padding-left: 0;\n		padding-right: 0;\n	}\n\n	&.formRow--noValuePadding > dd\n	{\n		padding: 0;\n	}\n\n	&.formRow--fullWidth,\n	.menu &\n	{\n		.m-formRowBlockStyle();\n\n		& + .formRow,\n		.formRow + &,\n		& + * > .formRow:first-of-type, // allows formRows to be wrapped\n		.formRow + * > &:first-of-type //  in a single-depth grouping element\n		{\n			border-top: @xf-borderSize solid @xf-borderColorLight;\n		}\n\n		&.formRow--noLabel\n		{\n			> dt\n			{\n				display: none;\n			}\n\n			> dd\n			{\n				padding-top: @xf-formRowPaddingV;\n			}\n		}\n\n		& + .formRow--mergePrev,\n		& + * > .formRow:first-of-type.formRow--mergePrev,\n		&.formRow--mergeNext + &,\n		&.formRow--mergeNext + * > &:first-of-type\n		{\n			border-top: 0;\n\n			> dt\n			{\n				padding-top: 0;\n			}\n		}\n\n		&.formRow--noGutter\n		{\n			> dt,\n			> dd\n			{\n				padding-left: 0;\n				padding-right: 0;\n			}\n		}\n\n		&.formRow--noPadding\n		{\n			> dt,\n			> dd\n			{\n				padding: 0;\n			}\n		}\n\n		&.formRow--noTopPadding\n		{\n			> dt,\n			> dd\n			{\n				padding-top: 0;\n			}\n		}\n\n		&.formRow--noBottomPadding\n		{\n			> dt,\n			> dd\n			{\n				padding-bottom: 0;\n			}\n		}\n\n		&.formRow--noPadding + &,\n		&.formRow--noPadding + * > &:first-of-type\n		{\n			> dt\n			{\n				padding-top: @xf-formRowPaddingV;\n			}\n		}\n	}\n\n	&.formRow--limited\n	{\n		display: none;\n	}\n\n	&.formRow--inputMultiLine > dd\n	{\n		> .input,\n		> .inputGroup\n		{\n			margin-bottom: @_form-elementSpacer;\n\n			&:last-child\n			{\n				margin-bottom: 0;\n			}\n		}\n	}\n\n	.formRow-label\n	{\n		.m-appendColon();\n	}\n\n	&.formRow--noColon .formRow-label:after\n	{\n		content: \"\";\n	}\n\n	&.formRow--boldLabel .formRow-label\n	{\n		font-weight: bold;\n	}\n\n	.formRow-error\n	{\n		padding: @_form-elementSpacer 0;\n		color: @xf-warningColor;\n		font-weight: bold;\n\n		&:before\n		{\n			.m-faBase();\n			.m-faContent(@fa-var-exclamation-triangle);\n		}\n	}\n\n	.formRow-explain\n	{\n		margin: @_form-elementSpacer 0 0;\n		.m-formElementExplain();\n	}\n\n	&.formRow--explainOffset .formRow-explain\n	{\n		margin-top: (@_form-elementSpacer * 2);\n	}\n\n	.formRow-hint\n	{\n		display: block;\n		font-style: normal;\n		.xf-formHint();\n\n		.m-textColoredLinks();\n\n		.formRow-hint-featured\n		{\n			display: block;\n			//font-weight: @xf-fontWeightHeavy;\n			color: @xf-textColorFeature;\n		}\n	}\n\n	+ .formInfoRow\n	{\n		border-top: @xf-borderSize solid @xf-borderColorLight;\n	}\n\n	@media (max-width: @xf-formResponsive)\n	{\n		.m-formRowBlockStyle();\n	}\n}\n\n.formButtonGroup\n{\n	display: flex;\n	flex-wrap: wrap;\n	margin-top: @xf-paddingLarge;\n	margin-bottom: -5px;\n\n	&.formButtonGroup--close\n	{\n		margin-top: 0;\n	}\n}\n\n.formButtonGroup-primary\n{\n	order: 2;\n	margin-left: auto;\n	margin-bottom: 5px;\n\n	.formButtonGroup--simple &\n	{\n		order: 1;\n		margin-left: 0;\n	}\n}\n\n.formButtonGroup-extra\n{\n	order: 1;\n	margin-bottom: 5px;\n\n	.formButtonGroup--simple &\n	{\n		order: 2;\n		margin-left: @xf-paddingSmall;\n	}\n}\n\n.formInfoRow\n{\n	padding: @xf-formRowPaddingV @xf-formRowPaddingHOuter;\n\n	&.formInfoRow--close\n	{\n		padding-top: (@xf-formRowPaddingV / 2);\n		padding-bottom: (@xf-formRowPaddingV / 2);\n	}\n\n	&.formInfoRow--noPadding\n	{\n		padding: 0;\n	}\n\n	&.formInfoRow--confirm\n	{\n		text-align: center;\n\n		strong\n		{\n			display: block;\n			margin: .5em 0;\n			font-size: @xf-fontSizeLarger;\n\n			&:last-child\n			{\n				margin-bottom: 0;\n			}\n		}\n	}\n\n	+ .formRow\n	{\n		border-top: @xf-borderSize solid @xf-borderColorLight;\n	}\n\n	&.u-hidden:not(.is-active)\n	{\n		+ .formRow\n		{\n			border-top: none;\n		}\n	}\n\n	> .blockMessage\n	{\n		&:first-child { margin-top: 0; }\n		&:last-child { margin-bottom: 0; }\n	}\n}\n\n.formSubmitRow\n{\n	position: relative;\n\n	> dt\n	{\n		display: none;\n	}\n\n	> dd\n	{\n		width: 100%;\n		padding: 0;\n	}\n\n	&.formSubmitRow--sticky.is-sticky\n	{\n		.formSubmitRow-main\n		{\n			position: fixed;\n			bottom: 0;\n			z-index: @zIndex-2;\n\n		}\n\n		.formSubmitRow-bar\n		{\n			box-shadow: 0px -5px 15px fade(black, 15%);\n\n			@supports (backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))\n			{\n				box-shadow: none;\n				.m-backdropFilter(blur(10px));\n			}\n		}\n	}\n\n	&.formSubmitRow--simple,\n	&.formSubmitRow--standalone\n	{\n		> dt\n		{\n			visibility: hidden;\n		}\n\n		.formSubmitRow-controls\n		{\n			text-align: center;\n			padding-left: 0;\n			margin-left: 0;\n		}\n	}\n\n	&.formSubmitRow--standalone\n	{\n		.formSubmitRow-bar\n		{\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		&.is-sticky\n		{\n			.formSubmitRow-bar\n			{\n				border-bottom: 0;\n			}\n		}\n	}\n\n	.block-body--collapsible:not(.is-active) + &:not(.formSubmitRow--simple, .formSubmitRow--standalone)\n	{\n		> dt\n		{\n			visibility: hidden;\n		}\n	}\n\n	.menu &\n	{\n		dt\n		{\n			display: none;\n		}\n\n		dd\n		{\n			padding: 0;\n		}\n	}\n}\n\n.formSubmitRow-main\n{\n	position: relative;\n}\n\n.formSubmitRow-bar\n{\n	position: absolute;\n	top: 0;\n	right: 0;\n	bottom: 0;\n	left: 0;\n\n	.xf-formSubmitRow();\n}\n\n.formSubmitRow-controls\n{\n	position: relative;\n	padding-left: @xf-formLabelWidth;\n	padding-top: @xf-paddingMedium;\n	padding-bottom: @xf-paddingMedium;\n	margin-left: @xf-formRowPaddingHInner;\n	margin-right: @xf-formRowPaddingHOuter;\n\n	> .button:first-child:last-child\n	{\n		min-width: 120px;\n	}\n}\n\n@media (max-width: @xf-formResponsive)\n{\n	.formSubmitRow-controls\n	{\n		padding-left: 0;\n		text-align: center;\n	}\n}\n\n.formRowSep\n{\n	margin: -1px @xf-formRowPaddingHOuter 0;\n	border: none;\n	border-top: @xf-borderSize solid @xf-borderColor;\n\n	&.formRowSep--noGutter\n	{\n		margin-left: 0;\n		margin-right: 0;\n	}\n\n	+ .formRowSep,\n	&:last-child\n	{\n		display: none;\n	}\n\n	.block-body > &:first-child\n	{\n		display: none;\n	}\n}\n\n.formRow-linkList\n{\n	padding: 0;\n	margin: 0;\n	list-style: none;\n\n	position: relative;\n	top: -.25em;\n	left: -.25em;\n	margin-right: 1em;\n\n	> li\n	{\n		position: relative;\n\n		> a\n		{\n			display: block;\n			padding: .25em;\n\n			&:hover\n			{\n				text-decoration: none;\n				background: @xf-contentHighlightBg;\n			}\n		}\n	}\n\n	.link-delete\n	{\n		position: absolute;\n		right: .25em;\n	}\n\n	.link-title\n	{\n		font-weight: bold;\n	}\n\n	.link-hint\n	{\n		color: @xf-textColorMuted;\n		font-size: @xf-fontSizeSmaller;\n	}\n}', 0x[encoded data, 15992 characters], 0x5846, 2030010, '2.3.0 Alpha', 1748686057),
(803, 0x7075626c6963, 0x636f72655f676c6f62616c616374696f6e2e6c657373, 0, '// #################################### GLOBAL ACTION INDICATOR ##########################\n\n.globalAction\n{\n	position: fixed;\n	top: 0;\n	left: 0;\n	right: 0;\n	z-index: @zIndex-9;\n	opacity: 0;\n	.m-transition(opacity);\n	pointer-events: none;\n\n	&.is-active\n	{\n		opacity: 1;\n	}\n}\n\n.globalAction-bar\n{\n	position: absolute;\n	left: 0;\n	top: 0;\n	width: 33%;\n	height: 3px;\n	background: @xf-globalActionColor;\n	pointer-events: none;\n\n	-ltr-transform: translateX(-33vw);\n	-rtl-transform: translateX(33vw);\n\n	.m-animation(1.5s ease-in-out infinite globalActionBar);\n\n	&:before\n	{\n		content: \'\';\n		position: absolute;\n		right: 0;\n		height: 100%;\n		width: 100px;\n		box-shadow: 0 0 10px 2px @xf-globalActionColor;\n\n		-ltr-transform: rotate(2deg) translate(0px, -3px);\n		-rtl-transform: rotate(-2deg) translate(0px, -3px);\n	}\n}\n\n.m-keyframes(globalActionBar, {\n	from\n	{\n		-ltr-transform: translateX(-33vw);\n		-rtl-transform: translateX(33vw);\n	}\n	to\n	{\n		-ltr-transform: translateX(100vw);\n		-rtl-transform: translateX(-100vw);\n	}\n});\n\n.globalAction-block\n{\n	position: fixed;\n	top: 20px;\n	right: 10px;\n	pointer-events: none;\n\n	i\n	{\n		display: inline-block;\n		content: \' \';\n		font-size: 10px;\n		width: 1em;\n		height: 2.5em;\n		margin-right: .3em;\n		background-color: @xf-globalActionColor;\n		box-shadow: 1px 1px 2px rgba(0, 0, 0, .5);\n		.m-animation(1s ease infinite globalActionPulse);\n		opacity: .35;\n\n		&:last-child\n		{\n			margin-right: 0;\n		}\n\n		&:nth-child(2)\n		{\n			animation-delay: .2s;\n		}\n\n		&:nth-child(3)\n		{\n			animation-delay: .4s;\n		}\n	}\n\n	@media (max-width: @xf-responsiveNarrow)\n	{\n		display: none;\n	}\n}\n\n.m-keyframes(globalActionPulse, {\n	from\n	{\n		.m-transform(scaleY(1.5));\n		opacity: 1;\n	}\n	to\n	{\n		.m-transform(scaleY(1));\n		opacity: .35;\n	}\n});', 0x4f3a32343a2258465c54656d706c6174655c436f6d70696c65725c417374223a313a7b733a383a226368696c6472656e223b613a313a7b693a303b4f3a33313a2258465c54656d706c6174655c436f6d70696c65725c53796e7461785c537472223a323a7b733a343a226c696e65223b693a313b733a373a22636f6e74656e74223b733a313734363a222f2f2023232323232323232323232323232323232323232323232323232323232323232323232320474c4f42414c20414354494f4e20494e44494341544f522023232323232323232323232323232323232323232323232323230a0a2e676c6f62616c416374696f6e0a7b0a09706f736974696f6e3a2066697865643b0a09746f703a20303b0a096c6566743a20303b0a0972696768743a20303b0a097a2d696e6465783a20407a496e6465782d393b0a096f7061636974793a20303b0a092e6d2d7472616e736974696f6e286f706163697479293b0a09706f696e7465722d6576656e74733a206e6f6e653b0a0a09262e69732d6163746976650a097b0a09096f7061636974793a20313b0a097d0a7d0a0a2e676c6f62616c416374696f6e2d6261720a7b0a09706f736974696f6e3a206162736f6c7574653b0a096c6566743a20303b0a09746f703a20303b0a0977696474683a203333253b0a096865696768743a203370783b0a096261636b67726f756e643a204078662d676c6f62616c416374696f6e436f6c6f723b0a09706f696e7465722d6576656e74733a206e6f6e653b0a0a092d6c74722d7472616e73666f726d3a207472616e736c61746558282d33337677293b0a092d72746c2d7472616e73666f726d3a207472616e736c617465582833337677293b0a0a092e6d2d616e696d6174696f6e28312e357320656173652d696e2d6f757420696e66696e69746520676c6f62616c416374696f6e426172293b0a0a09263a6265666f72650a097b0a0909636f6e74656e743a2027273b0a0909706f736974696f6e3a206162736f6c7574653b0a090972696768743a20303b0a09096865696768743a20313030253b0a090977696474683a2031303070783b0a0909626f782d736861646f773a20302030203130707820327078204078662d676c6f62616c416374696f6e436f6c6f723b0a0a09092d6c74722d7472616e73666f726d3a20726f74617465283264656729207472616e736c617465283070782c202d337078293b0a09092d72746c2d7472616e73666f726d3a20726f74617465282d3264656729207472616e736c617465283070782c202d337078293b0a097d0a7d0a0a2e6d2d6b65796672616d657328676c6f62616c416374696f6e4261722c207b0a0966726f6d0a097b0a09092d6c74722d7472616e73666f726d3a207472616e736c61746558282d33337677293b0a09092d72746c2d7472616e73666f726d3a207472616e736c617465582833337677293b0a097d0a09746f0a097b0a09092d6c74722d7472616e73666f726d3a207472616e736c61746558283130307677293b0a09092d72746c2d7472616e73666f726d3a207472616e736c61746558282d3130307677293b0a097d0a7d293b0a0a2e676c6f62616c416374696f6e2d626c6f636b0a7b0a09706f736974696f6e3a2066697865643b0a09746f703a20323070783b0a0972696768743a20313070783b0a09706f696e7465722d6576656e74733a206e6f6e653b0a0a09690a097b0a0909646973706c61793a20696e6c696e652d626c6f636b3b0a0909636f6e74656e743a202720273b0a0909666f6e742d73697a653a20313070783b0a090977696474683a2031656d3b0a09096865696768743a20322e35656d3b0a09096d617267696e2d72696768743a202e33656d3b0a09096261636b67726f756e642d636f6c6f723a204078662d676c6f62616c416374696f6e436f6c6f723b0a0909626f782d736861646f773a203170782031707820327078207267626128302c20302c20302c202e35293b0a09092e6d2d616e696d6174696f6e283173206561736520696e66696e69746520676c6f62616c416374696f6e50756c7365293b0a09096f7061636974793a202e33353b0a0a0909263a6c6173742d6368696c640a09097b0a0909096d617267696e2d72696768743a20303b0a09097d0a0a0909263a6e74682d6368696c642832290a09097b0a090909616e696d6174696f6e2d64656c61793a202e32733b0a09097d0a0a0909263a6e74682d6368696c642833290a09097b0a090909616e696d6174696f6e2d64656c61793a202e34733b0a09097d0a097d0a0a09406d6564696120286d61782d77696474683a204078662d726573706f6e736976654e6172726f77290a097b0a0909646973706c61793a206e6f6e653b0a097d0a7d0a0a2e6d2d6b65796672616d657328676c6f62616c416374696f6e50756c73652c207b0a0966726f6d0a097b0a09092e6d2d7472616e73666f726d287363616c655928312e3529293b0a09096f7061636974793a20313b0a097d0a09746f0a097b0a09092e6d2d7472616e73666f726d287363616c6559283129293b0a09096f7061636974793a202e33353b0a097d0a7d293b223b7d7d7d, 0x5846, 2000033, '2.0.0 Beta 3', 1748686057),
(804, 0x7075626c6963, 0x636f72655f687363726f6c6c65722e6c657373, 0, '// ##################################### HORIZONTAL SCROLLER ###################\n\n.hScroller\n{\n	overflow-y: hidden;\n	position: relative;\n	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n	-webkit-overflow-scrolling: touch;\n\n	&.hScroller--scrollHidden\n	{\n		.hScroller-action\n		{\n			opacity: 0;\n			.m-transition();\n		}\n\n		html:not(.has-touchevents) &:hover .hScroller-action\n		{\n			opacity: 1;\n		}\n	}\n}\n\n.hScroller-scroll\n{\n	display: block;\n	white-space: nowrap;\n	word-wrap: normal;\n	overflow-x: hidden;\n\n	&.is-calculated\n	{\n		overflow-x: scroll;\n		padding-bottom: 30px;\n		margin-bottom: -30px;\n		// pushes the scrollbar out of view\n	}\n}\n\n.hScroller-action\n{\n	position: absolute;\n	top: 0;\n	bottom: 0;\n	width: 40px;\n	padding: 0 5px;\n	display: none;\n	cursor: pointer;\n\n	&.is-active\n	{\n		display: block;\n		display: flex;\n		align-items: center;\n	}\n\n	&:after\n	{\n		.m-faBase();\n		font-size: 120%;\n	}\n\n	&.hScroller-action--start\n	{\n		left: 0;\n		justify-content: flex-start;\n		text-align: left;\n\n		&:after\n		{\n			.m-faContent(@fa-var-chevron-left, .63em, ltr);\n			.m-faContent(@fa-var-chevron-right, .63em, rtl);\n		}\n	}\n\n	&.hScroller-action--end\n	{\n		right: 0;\n		justify-content: flex-end;\n		text-align: right;\n\n		&:after\n		{\n			.m-faContent(@fa-var-chevron-right, .63em, ltr);\n			.m-faContent(@fa-var-chevron-left, .63em, rtl);\n		}\n	}\n}\n\n.scrollMeasure\n{\n	position: absolute;\n	top: -1000px;\n	width: 100px;\n	height: 100px;\n	overflow: scroll;\n	visibility: hidden;\n}', 0x4f3a32343a2258465c54656d706c6174655c436f6d70696c65725c417374223a313a7b733a383a226368696c6472656e223b613a313a7b693a303b4f3a33313a2258465c54656d706c6174655c436f6d70696c65725c53796e7461785c537472223a323a7b733a343a226c696e65223b693a313b733a373a22636f6e74656e74223b733a313435323a222f2f202323232323232323232323232323232323232323232323232323232323232323232323232320484f52495a4f4e54414c205343524f4c4c455220232323232323232323232323232323232323230a0a2e685363726f6c6c65720a7b0a096f766572666c6f772d793a2068696464656e3b0a09706f736974696f6e3a2072656c61746976653b0a092d7765626b69742d7461702d686967686c696768742d636f6c6f723a207267626128302c20302c20302c2030293b0a092d7765626b69742d6f766572666c6f772d7363726f6c6c696e673a20746f7563683b0a0a09262e685363726f6c6c65722d2d7363726f6c6c48696464656e0a097b0a09092e685363726f6c6c65722d616374696f6e0a09097b0a0909096f7061636974793a20303b0a0909092e6d2d7472616e736974696f6e28293b0a09097d0a0a090968746d6c3a6e6f74282e6861732d746f7563686576656e74732920263a686f766572202e685363726f6c6c65722d616374696f6e0a09097b0a0909096f7061636974793a20313b0a09097d0a097d0a7d0a0a2e685363726f6c6c65722d7363726f6c6c0a7b0a09646973706c61793a20626c6f636b3b0a0977686974652d73706163653a206e6f777261703b0a09776f72642d777261703a206e6f726d616c3b0a096f766572666c6f772d783a2068696464656e3b0a0a09262e69732d63616c63756c617465640a097b0a09096f766572666c6f772d783a207363726f6c6c3b0a090970616464696e672d626f74746f6d3a20333070783b0a09096d617267696e2d626f74746f6d3a202d333070783b0a09092f2f2070757368657320746865207363726f6c6c626172206f7574206f6620766965770a097d0a7d0a0a2e685363726f6c6c65722d616374696f6e0a7b0a09706f736974696f6e3a206162736f6c7574653b0a09746f703a20303b0a09626f74746f6d3a20303b0a0977696474683a20343070783b0a0970616464696e673a2030203570783b0a09646973706c61793a206e6f6e653b0a09637572736f723a20706f696e7465723b0a0a09262e69732d6163746976650a097b0a0909646973706c61793a20626c6f636b3b0a0909646973706c61793a20666c65783b0a0909616c69676e2d6974656d733a2063656e7465723b0a097d0a0a09263a61667465720a097b0a09092e6d2d66614261736528293b0a0909666f6e742d73697a653a20313230253b0a097d0a0a09262e685363726f6c6c65722d616374696f6e2d2d73746172740a097b0a09096c6566743a20303b0a09096a7573746966792d636f6e74656e743a20666c65782d73746172743b0a0909746578742d616c69676e3a206c6566743b0a0a0909263a61667465720a09097b0a0909092e6d2d6661436f6e74656e74284066612d7661722d63686576726f6e2d6c6566742c202e3633656d2c206c7472293b0a0909092e6d2d6661436f6e74656e74284066612d7661722d63686576726f6e2d72696768742c202e3633656d2c2072746c293b0a09097d0a097d0a0a09262e685363726f6c6c65722d616374696f6e2d2d656e640a097b0a090972696768743a20303b0a09096a7573746966792d636f6e74656e743a20666c65782d656e643b0a0909746578742d616c69676e3a2072696768743b0a0a0909263a61667465720a09097b0a0909092e6d2d6661436f6e74656e74284066612d7661722d63686576726f6e2d72696768742c202e3633656d2c206c7472293b0a0909092e6d2d6661436f6e74656e74284066612d7661722d63686576726f6e2d6c6566742c202e3633656d2c2072746c293b0a09097d0a097d0a7d0a0a2e7363726f6c6c4d6561737572650a7b0a09706f736974696f6e3a206162736f6c7574653b0a09746f703a202d3130303070783b0a0977696474683a2031303070783b0a096865696768743a2031303070783b0a096f766572666c6f773a207363726f6c6c3b0a097669736962696c6974793a2068696464656e3b0a7d223b7d7d7d, 0x5846, 2020034, '2.2.0 Beta 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
(805, 0x7075626c6963, 0x636f72655f696e7075742e6c657373, 0, '// ###################################### INPUTS ##########################\n\n@_input-numberWidth: 150px;\n@_input-numberNarrowWidth: 90px;\n@_input-dateInputWidth: 220px;\n@_input-textColor: xf-default(@xf-input--color, @xf-textColor);\n@_input-elementSpacer: @xf-paddingMedium;\n@_input-checkBoxSpacer: 1.5em;\n\n.m-inputReadOnly()\n{\n	color: mix(xf-default(@xf-input--color, @xf-textColor), xf-default(@xf-inputDisabled--color, @xf-textColorMuted));\n	background: mix(xf-default(@xf-input--background-color, @xf-contentBg), xf-default(@xf-inputDisabled--background-color, @xf-paletteNeutral1));\n}\n\n:root\n{\n	--input-border-heavy: darken(@xf-borderColor, 4%);\n	--input-border-light: lighten(@xf-borderColor, 4%);\n}\n\n.input:focus,\n.input.is-focused,\n.inputGroup:focus-within,\n#XF .fr-box.fr-basic.is-focused,\n.codeEditor.CodeMirror.CodeMirror-focused,\n.input.tagify--focus\n{\n	--input-border-heavy: darken(@xf-borderColorHighlight, 5%);\n	--input-border-light: lighten(@xf-borderColorHighlight, 3%);\n}\n\n.input\n{\n	.xf-input();\n	display: inline-flex;\n	align-items: center;\n	justify-content: flex-start;\n	width: 100%;\n	vertical-align: top;\n	line-height: @xf-lineHeightDefault;\n	text-align: left; // this will be flipped in RTL\n	word-wrap: break-word;\n	-webkit-appearance: none;\n	-moz-appearance: none;\n	appearance: none;\n	.m-transition();\n	.m-placeholder({color: fade(@_input-textColor, 40%); });\n\n	&:focus,\n	&.is-focused\n	{\n		outline: 0;\n		.xf-inputFocus();\n		.m-placeholder({color: fade(@_input-textColor, 50%); });\n	}\n\n	&[readonly],\n	&.is-readonly\n	{\n		.m-inputReadOnly();\n	}\n\n	&[disabled]\n	{\n		.xf-inputDisabled();\n	}\n\n	&[type=number],\n	&.input--number\n	{\n		text-align: right;\n		max-width: @_input-numberWidth;\n\n		&.input--numberNarrow\n		{\n			width: @_input-numberNarrowWidth;\n		}\n	}\n\n	&.input--date,\n	&.input--datetime-local,\n	&.input--time\n	{\n		height: 2.4em;\n		max-width: @_input-dateInputWidth;\n		position: relative;\n\n		&::-webkit-calendar-picker-indicator\n		{\n			right: @xf-paddingMedium;\n			position: absolute;\n		}\n	}\n\n	&.input--flipped\n	{\n		text-align: right;\n	}\n\n	textarea&\n	{\n		min-height: 0;\n		max-height: 400px;\n		max-height: 75vh;\n		resize: vertical;\n\n		&.input--fitHeight\n		{\n			height: auto;\n			resize: none;\n\n			&.input--fitHeight--short\n			{\n				max-height: 200px;\n				max-height: 35vh;\n			}\n		}\n\n		&.input--code\n		{\n			overflow-x: auto;\n			-ltr-rtl-text-align: left; // force blocks of code back to left align\n		}\n\n		&.input--maxHeight-300px\n		{\n			max-height: 300px;\n		}\n\n		.has-js &[rows=\"1\"][data-single-line]\n		{\n			overflow: hidden;\n			resize: none;\n		}\n	}\n\n	// this makes select inputs consistent across all browsers and OSes\n	select&,\n	&.input--select\n	{\n		padding-right: 1em !important;\n		background-size: 1em !important;\n		background-repeat: no-repeat !important;\n		-ltr-background-position: 100% !important;\n		white-space: nowrap;\n		word-wrap: normal;\n		-webkit-appearance: none !important;\n		-moz-appearance: none !important;\n		appearance: none !important;\n\n		.m-selectGadgetColor({{ property_variation(\n			\'input--color\',\n			\'default\',\n			property_variation(\'textColor\', \'default\')\n		) }});\n\n		<xf:if is=\"$xf.style.hasAlternateStyleTypeVariation()\">\n			.m-colorScheme({{ $xf.style.getAlternateStyleType() }}, {\n				.m-selectGadgetColor({{ property_variation(\n					\'input--color\',\n					$xf.style.getAlternateStyleTypeVariation(),\n					property_variation(\'textColor\', $xf.style.getAlternateStyleTypeVariation())\n				) }});\n			});\n		</xf:if>\n\n		overflow-x: hidden; // iOS seems to require this to prevent overflow with long options...\n		overflow-y: auto; // ...and Firefox seems to require this to prevent the above from breaking vertical scroll...\n\n		&[disabled]\n		{\n			.m-selectGadgetColor({{ property_variation(\n				\'inputDisabled--color\',\n				\'default\',\n				property_variation(\'textColor\', \'default\')\n			) }});\n\n			<xf:if is=\"$xf.style.hasAlternateStyleTypeVariation()\">\n				.m-colorScheme({{ $xf.style.getAlternateStyleType() }}, {\n					.m-selectGadgetColor({{ property_variation(\n						\'inputDisabled--color\',\n						$xf.style.getAlternateStyleTypeVariation(),\n						property_variation(\'textColor\', $xf.style.getAlternateStyleTypeVariation())\n					) }});\n				});\n			</xf:if>\n		}\n\n		&[size],\n		&[multiple]\n		{\n			background-image: none !important;\n			padding-right: xf-default(@xf-input--padding, 5px) !important;\n		}\n\n		&[multiple]\n		{\n			height: initial;\n		}\n	}\n\n	&.input--autoSize\n	{\n		width: auto;\n	}\n\n	&.input--inline\n	{\n		display: inline;\n		width: auto;\n\n		&.input--time\n		{\n			width: 110px;\n		}\n	}\n\n	&.input--block\n	{\n		display: block;\n	}\n\n	&.input--code\n	{\n		font-family: @xf-fontFamilyCode;\n		direction: ltr;\n		//white-space: nowrap;\n		word-wrap: normal;\n	}\n\n	&.input--title\n	{\n		font-size: @xf-fontSizeLargest;\n	}\n\n	&.input--avatarSizeS\n	{\n		min-height: @avatar-s;\n	}\n\n	&.input--passwordHideShow\n	{\n		::-ms-reveal,\n		::-ms-clear\n		{\n			display: none !important;\n		}\n	}\n\n	.m-inputZoomFix();\n\n	.fa--inputOverlay + &\n	{\n		padding-left: 1.7em;\n	}\n}\n\n// Overlay a FontAwesome icon over the start of a text box as a hint to its use\n// Use the \'fa\' attribute in XF template syntax for xf:textbox, xf:numberbox and xf:textarea\n.fa--xf.fa--inputOverlay\n{\n	position: absolute;\n	padding: (xf-default(@xf-input--padding, 0) + 2) xf-default(@xf-input--padding, 0) xf-default(@xf-input--padding, 0);\n	line-height: @xf-lineHeightDefault;\n	color: @xf-input--border-top-color;\n\n	//& + .input\n	//{\n	//	padding-left: xf-default(@xf-input--padding, 0) * 2 + xf-default(@xf-input--font-size, @xf-fontSizeNormal);\n	//}\n}\n\n// ############################# NEW ICONIC CONTROLS ######################\n\n@controlColor: xf-default(@xf-buttonPrimary--background-color, @xf-paletteColor4);\n@controlColor--hover: xf-intensify(@controlColor, 25%);\n\n.iconicIcon(@setPosition: true)\n{\n	.m-iconicIcon(@setPosition);\n}\n\n.iconic\n{\n	display: inline-block;\n	position: relative;\n	max-width: 100%;\n\n	> input\n	{\n		.m-visuallyHidden();\n		position: absolute;\n		left: 0;\n		width: auto;\n		height: auto;\n\n		+ i\n		{\n			.m-iconicIcon();\n		}\n\n		& + i:after\n		{\n			opacity: 0;\n		}\n\n		&:disabled + i:before,\n		&[readonly] + i:before\n		{\n			opacity: .3;\n		}\n\n		&:disabled:checked + i:after,\n		&[readonly]:checked + i:after\n		{\n			opacity: .3;\n		}\n\n		&:checked\n		{\n			& + i:before\n			{\n				opacity: 0;\n			}\n\n			& + i:after\n			{\n				opacity: 1;\n			}\n		}\n\n		&:focus + i\n		{\n			&:before,\n			&:after\n			{\n				outline: Highlight solid 2px;\n				-moz-outline-radius: 5px;\n\n				@media (-webkit-min-device-pixel-ratio: 0)\n				{\n					outline: -webkit-focus-ring-color auto 5px;\n				}\n			}\n		}\n	}\n\n	// handler for labelled inputs - indent the text away from the control\n	.iconic-label:before\n	{\n		content: \'\';\n		display: inline-block;\n		width: (@_input-checkBoxSpacer - 1em); // min-width of input > i\n	}\n\n	&.iconic--hideShow\n	{\n		min-width: 56px;\n		cursor: pointer;\n\n		> input[type=checkbox] + i\n		{\n			&:before\n			{\n				.m-faContent(@fa-var-eye);\n			}\n\n			&:after\n			{\n				.m-faContent(@fa-var-eye-slash);\n			}\n		}\n\n		.iconic-label\n		{\n			font-size: @xf-fontSizeSmall;\n			vertical-align: text-top;\n		}\n	}\n\n	&.iconic--hiddenLabel .iconic-label:before\n	{\n		display: none;\n	}\n\n	> input[type=checkbox] + i\n	{\n		&:before { .m-faContent(@fa-var-regular-square, .88em); }\n		&:after  { .m-faContent(@fa-var-regular-check-square, .88em); }\n	}\n\n	> input[type=radio] + i\n	{\n		&:before { .m-faContent(@fa-var-regular-circle, 1em); }\n		&:after  { .m-faContent(@fa-var-regular-check-circle, 1em); }\n	}\n\n	&.iconic--toggle > input[type=checkbox] + i\n	{\n		&:before { .m-faContent(@fa-var-toggle-off, 1em); }\n		&:after  { .m-faContent(@fa-var-toggle-on, 1em); }\n	}\n}\n\n// Fix position for inputChoices to allow nested indenting\n\n\n.inputChoices > .inputChoices-choice\n{\n	position: relative;\n\n	.iconic\n	{\n		position: static;\n\n		> input + i\n		{\n			position: absolute;\n			left: 0;\n		}\n\n		&.iconic--noLabel\n		{\n			display: inline;\n		}\n	}\n\n	// undo the normal indenting of text from checkbox\n	.iconic-label:before {\n		display: none;\n	}\n}\n\n// Basic control colours for common scenarios\n\n.formRow,\n.inputGroup,\n.inputChoices,\n.block-footer,\n.dataList-cell,\n.message-cell--extra\n{\n	.iconic,\n	&.dataList-cell--fa > a\n	{\n		> i, svg\n		{\n			color: @controlColor;\n			fill: currentColor;\n		}\n\n		&:hover > i,\n		&:hover svg\n		{\n			color: @controlColor--hover;\n			fill: currentColor;\n		}\n	}\n}\n\n// ############################# END ICONIC CONTROLS ######################\n\n.u-inputSpacer\n{\n	margin-top: @_input-elementSpacer;\n}\n\n.inputGroup\n{\n	display: flex;\n	align-items: stretch;\n	max-width: 100%;\n\n	.inputGroup-text\n	{\n		flex-grow: 0;\n		display: flex;\n		align-items: center;\n\n		white-space: nowrap;\n		vertical-align: middle;\n		padding: 0 @xf-paddingMedium;\n\n		&:first-child { padding-left: 0; }\n		&:last-child { padding-right: 0; }\n	}\n\n	.inputGroup-splitter\n	{\n		display: inline-block;\n		width: @_form-elementSpacer;\n		flex-shrink: 0;\n	}\n\n	.input\n	{\n		flex-shrink: 1;\n		min-width: 0; // firefox bug - https://bugzilla.mozilla.org/show_bug.cgi?id=1021913\n	}\n\n	.button\n	{\n		flex-shrink: 0;\n	}\n\n	&:not(.inputGroup--joined)\n	{\n		.input,\n		.button\n		{\n			+ .input,\n			+ .button\n			{\n				margin-left: @_form-elementSpacer;\n			}\n		}\n	}\n\n	.inputGroup-label\n	{\n		flex-shrink: 1;\n		width: 100%;\n		padding: 0 0 @xf-paddingMedium;\n\n		.m-appendColon();\n	}\n\n	@media (max-width: @xf-formResponsive)\n	{\n		.input:not(.input--autoSize):not(.input--numberNarrow)\n		{\n			width: 100%;\n		}\n	}\n\n	&.inputGroup--inline\n	{\n		display: inline-flex;\n	}\n\n	&.inputGroup--auto\n	{\n		.input\n		{\n			width: auto;\n		}\n	}\n\n	&.inputGroup--grow\n	{\n		> .inputGroup,\n		> .inputChoices\n		{\n			flex: 1;\n		}\n	}\n\n	&.inputGroup--joined\n	{\n		.input\n		{\n			border-radius: 0;\n\n			&:first-child\n			{\n				border-top-left-radius: @xf-borderRadiusMedium;\n				border-bottom-left-radius: @xf-borderRadiusMedium;\n				border-right: none;\n			}\n\n			&:last-child\n			{\n				border-top-right-radius: @xf-borderRadiusMedium;\n				border-bottom-right-radius: @xf-borderRadiusMedium;\n				border-left: none;\n			}\n		}\n\n		.inputGroup-text\n		{\n			.xf-input(border);\n			.xf-input(background);\n			text-align: center;\n			padding: @xf-paddingSmall @xf-paddingMedium;\n\n			&.inputGroup-text--disabled,\n			&.is-disabled,\n			&[disabled]\n			{\n				.xf-inputDisabled();\n\n				a { text-decoration: none; }\n			}\n\n			&:first-child\n			{\n				border-right: 0;\n				border-top-left-radius: @xf-borderRadiusMedium;\n				border-bottom-left-radius: @xf-borderRadiusMedium;\n			}\n\n			&:last-child\n			{\n				border-left: 0;\n				border-top-right-radius: @xf-borderRadiusMedium;\n				border-bottom-right-radius: @xf-borderRadiusMedium;\n			}\n		}\n\n		.input + .inputGroup-text,\n		.input + .input,\n		.inputGroup-text + .input\n		{\n			border-left: @xf-borderSize solid var(--input-border-light);\n		}\n\n		.inputGroup-text + .inputGroup-text,\n		.inputGroup-text + select.input\n		{\n			border-left: 0;\n		}\n	}\n}\n\n.inputGroup-container > .inputGroup\n{\n	margin-top: @xf-paddingMedium;\n\n	&:first-child\n	{\n		margin-top: 0;\n	}\n}\n\n.inputNumber\n{\n	.input--number\n	{\n		-moz-appearance: textfield !important;\n\n		&::-webkit-inner-spin-button,\n		&::-webkit-outer-spin-button\n		{\n			margin: 0 !important;\n			-webkit-appearance: none !important;\n		}\n\n		@media (max-width: @xf-formResponsive)\n		{\n			min-width: auto;\n			max-width: 120px;\n		}\n	}\n}\n\n.inputNumber-button\n{\n	position: relative;\n\n	.m-faBase();\n	color: @controlColor;\n	font-size: 1.0em;\n	font-style: normal !important;\n	line-height: .75em;\n	vertical-align: -15%;\n\n	width: 45px;\n	justify-content: center;\n	text-align: center;\n\n	cursor: pointer;\n\n	-webkit-touch-callout: none;\n	-webkit-user-select: none;\n	-moz-user-select: none;\n	-ms-user-select: none;\n	user-select: none;\n\n	&.inputNumber-button--smaller\n	{\n		vertical-align: 0;\n		width: 35px;\n	}\n\n	&--up::before\n	{\n		.m-faContent(@fa-var-plus, .88em);\n	}\n\n	&--down::before\n	{\n		.m-faContent(@fa-var-minus, .88em);\n	}\n\n	.inputGroup.inputGroup--joined &\n	{\n		&:hover,\n		&:active,\n		&:focus\n		{\n			background-color: @xf-contentHighlightBg;\n			color: @controlColor--hover;\n		}\n	}\n\n	.input.input--number[readonly] ~ &\n	{\n		.m-inputReadOnly();\n	}\n\n	.input.input--number[disabled] ~ &\n	{\n		cursor: default;\n		.xf-inputDisabled();\n	}\n}\n\n.inputDate\n{\n	.inputDate-icon\n	{\n		position: relative;\n\n		.m-faBase();\n		color: @xf-linkColor;\n		font-size: 1.0em;\n		font-style: normal !important;\n		line-height: .75em;\n		vertical-align: -15%;\n\n		cursor: pointer;\n\n		width: 45px;\n		justify-content: center;\n		text-align: center;\n\n		-webkit-touch-callout: none;\n		-webkit-user-select: none;\n		-moz-user-select: none;\n		-ms-user-select: none;\n		user-select: none;\n\n		@media (max-width: @xf-formResponsive)\n		{\n			vertical-align: 0;\n			width: 25px;\n		}\n\n		&::before\n		{\n			.m-faContent(@fa-var-calendar, .88em);\n		};\n	}\n}\n\n.inputUploadButton\n{\n	position: relative;\n\n	.m-faBase();\n	color: @controlColor;\n	font-size: 1.0em;\n	font-style: normal !important;\n	line-height: .75em;\n	vertical-align: -15%;\n\n	width: 45px;\n	justify-content: center;\n	text-align: center;\n\n	cursor: pointer;\n\n	-webkit-touch-callout: none;\n	-webkit-user-select: none;\n	-moz-user-select: none;\n	-ms-user-select: none;\n	user-select: none;\n\n	.inputGroup.inputGroup--joined &\n	{\n		&:hover,\n		&:active,\n		&:focus\n		{\n			background-color: saturate(xf-intensify(@xf-paletteColor1, 4%), 12%);\n			color: @controlColor--hover;\n		}\n	}\n\n	&:before\n	{\n		.m-faContent(@fa-var-upload, 1.25em);\n	}\n\n	input[type=\"file\"]\n	{\n		visibility: hidden;\n		position: absolute;\n		width: 1px;\n		height: 1px;\n		overflow: hidden;\n		left: -1000px;\n		z-index: -1;\n		opacity: 0;\n	}\n}\n\n.inputList\n{\n	.m-listPlain();\n\n	> li\n	{\n		margin-top: @xf-paddingMedium;\n\n		&:first-child\n		{\n			margin-top: 0;\n		}\n	}\n}\n\n.inputPair\n{\n	.m-clearFix();\n\n	> .input,\n	.inputPair-input\n	{\n		float: right;\n		width: 49%; // fallback\n		width: ~\"calc(50% - 2px)\";\n\n		&:first-child\n		{\n			float: left;\n		}\n	}\n}\n\n.inputPair-container > .inputPair\n{\n	margin-top: @xf-paddingMedium;\n\n	&:first-child\n	{\n		margin-top: 0;\n	}\n}\n\n.inputLabelPair\n{\n	.m-clearFix();\n	margin: @xf-paddingMedium 0;\n	padding: 0;\n\n	> dt,\n	> dd\n	{\n		float: left;\n		margin: 0;\n		padding: 0;\n	}\n\n	> dt\n	{\n		width: 65%;\n		padding-right: @xf-paddingMedium;\n		padding-top: .6em;\n\n		> label\n		{\n			.m-appendColon();\n		}\n	}\n\n	> dd\n	{\n		width: 35%;\n		text-align: right;\n\n		.input\n		{\n			width: 100%;\n			max-width: none;\n		}\n	}\n\n	@media (max-width: @xf-responsiveNarrow)\n	{\n		> dt,\n		> dd\n		{\n			width: 50%;\n		}\n	}\n}\n\n.inputChoices\n{\n	list-style: none;\n	padding: 0;\n	margin: 0;\n\n	> .inputChoices-choice\n	{\n		margin-bottom: @_input-elementSpacer;\n		padding-left: @_input-checkBoxSpacer;\n\n		&:last-child\n		{\n			margin-bottom: 0;\n		}\n\n		> .inputChoices,\n		.inputChoices-spacer\n		{\n			margin-top: @_input-elementSpacer;\n		}\n	}\n\n	&.inputChoices--expanded > .inputChoices-choice\n	{\n		margin-bottom: (@_input-elementSpacer * 2);\n\n		&:last-child\n		{\n			margin-bottom: 0;\n		}\n	}\n\n	&.inputChoices--noChoice > .inputChoices-choice,\n	.inputChoices-plainChoice\n	{\n		padding-left: 0;\n	}\n\n	&.inputChoices--inline > .inputChoices-choice\n	{\n		display: inline-block;\n		margin-right: @_input-elementSpacer;\n		margin-bottom: 0;\n\n		&:last-child\n		{\n			margin-right: 0;\n		}\n	}\n\n	.inputChoices-label\n	{\n		padding-left: 0;\n		font-size: @xf-fontSizeSmall;\n		color: @xf-textColorMuted;\n	}\n\n	+ .inputChoices:not(.inputChoices--inline)\n	{\n		margin-top: @_input-elementSpacer;\n	}\n}\n\n.inputChoices-group + .inputChoices-group,\n.inputChoices-choice + .inputChoices-group\n{\n	margin-top: (@xf-paddingMedium * 2);\n}\n\n.inputChoices-spacer + .inputChoices\n{\n	margin-top: @_input-elementSpacer;\n}\n\n.inputChoices-heading\n{\n	color: @xf-textColorMuted;\n	padding-bottom: (@xf-paddingMedium / 2);\n	border-bottom: @xf-borderSize solid @xf-borderColorFaint;\n	margin-bottom: @xf-paddingMedium;\n	position: relative;\n\n	&.inputChoices-heading--checkAll {\n		.iconic {\n			position: static;\n\n			& > input + i {\n				position: absolute;\n				right: 0;\n				left: auto;\n				width: auto;\n			}\n		}\n	}\n}\n\n.inputChoices-explain\n{\n	.m-formElementExplain();\n\n	&.inputChoices-explain--after\n	{\n		margin-top: @_input-elementSpacer;\n	}\n}\n\n.inputChoices-dependencies\n{\n	list-style: none;\n	padding: 0;\n	margin: 0;\n\n	> li\n	{\n		margin-top: @_input-elementSpacer;\n\n		> label\n		{\n			display: block;\n			padding: @xf-paddingSmall 0;\n\n			&.iconic--labelled > input + i\n			{\n				margin-left: 0;\n			}\n		}\n	}\n}\n\n.inputValidationError\n{\n	margin-top: @xf-paddingMedium;\n	padding: @xf-blockPaddingV @xf-blockPaddingH;\n	.xf-blockBorder();\n	border-radius: @xf-blockBorderRadius;\n	border-left: @xf-borderSizeFeature solid @xf-errorFeatureColor;\n	background: @xf-errorBg;\n	color: @xf-errorColor;\n\n	.m-textColoredLinks();\n\n	.m-hiddenEl(true);\n\n	&:empty\n	{\n		display: none;\n	}\n\n	> ul,\n	> ol\n	{\n		margin-top: 0;\n		margin-bottom: 0;\n	}\n}\n\n\n@media (max-width: @xf-responsiveNarrow)\n{\n	.input.input--title\n	{\n		font-size: @xf-fontSizeLarge;\n	}\n}', 0x[encoded data, 45558 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
(806, 0x7075626c6963, 0x636f72655f6c6162656c732e6c657373, 0, '.label\n{\n\n	display: inline-block;\n	padding: 1px .35em;\n	border: 1px solid transparent;\n	border-radius: @xf-borderRadiusMedium;\n	font-size: 80%;\n	line-height: (@xf-lineHeightDefault * .9);\n	text-decoration: none;\n\n	&:hover,\n	a:hover &\n	{\n		text-decoration: none;\n	}\n\n	&.label--fullSize\n	{\n		font-size: 100%;\n	}\n\n	&.label--small\n	{\n		font-size: @xf-fontSizeSmall;\n	}\n\n	&.label--smallest\n	{\n		font-size: @xf-fontSizeSmallest;\n	}\n\n	// Label variations\n\n	&.label--hidden\n	{\n		// this has to essentially undo all the adjustments made by .label\n		padding: inherit;\n		border: none;\n		font-size: inherit;\n		line-height: inherit;\n		text-decoration: inherit;\n\n		&:hover\n		{\n			text-decoration: underline;\n		}\n	}\n\n	&.label--subtle\n	{\n		.m-labelVariation(@xf-textColorMuted, @xf-contentAltBg);\n	}\n\n	&.label--primary\n	{\n		.m-labelVariation(@xf-linkColor, @xf-contentHighlightBg, @xf-borderColorHighlight);\n	}\n\n	&.label--accent\n	{\n		.m-labelVariation(@xf-textColorAccentContent, @xf-contentAccentBg, @xf-borderColorAccentContent);\n	}\n\n	&.label--red { .m-labelVariation(white, #e20000); }\n	&.label--green { .m-labelVariation(white, green); }\n	&.label--olive { .m-labelVariation(white, olive); }\n	&.label--lightGreen { .m-labelVariation(black, #ccf9c8, #bee8ba); }\n	&.label--blue { .m-labelVariation(white, #0008e3); }\n	&.label--royalBlue { .m-labelVariation(white, royalblue); }\n	&.label--skyBlue { .m-labelVariation(white, #7cc3e0); }\n	&.label--gray { .m-labelVariation(white, gray); }\n	&.label--silver { .m-labelVariation(black, silver); }\n	&.label--yellow { .m-labelVariation(black, #ffff91, #e6e687); }\n	&.label--orange { .m-labelVariation(black, #ffcb00); }\n\n	&.label--error { .m-labelVariation(#c84448, #fde9e9, #c84448); }\n}\n\n.label-append\n{\n	display: inline-block;\n}\n\n.labelLink,\n.labelLink:hover\n{\n	text-decoration: none;\n}', 0x4f3a32343a2258465c54656d706c6174655c436f6d70696c65725c417374223a313a7b733a383a226368696c6472656e223b613a313a7b693a303b4f3a33313a2258465c54656d706c6174655c436f6d70696c65725c53796e7461785c537472223a323a7b733a343a226c696e65223b693a313b733a373a22636f6e74656e74223b733a313831363a222e6c6162656c0a7b0a0a09646973706c61793a20696e6c696e652d626c6f636b3b0a0970616464696e673a20317078202e3335656d3b0a09626f726465723a2031707820736f6c6964207472616e73706172656e743b0a09626f726465722d7261646975733a204078662d626f726465725261646975734d656469756d3b0a09666f6e742d73697a653a203830253b0a096c696e652d6865696768743a20284078662d6c696e6548656967687444656661756c74202a202e39293b0a09746578742d6465636f726174696f6e3a206e6f6e653b0a0a09263a686f7665722c0a09613a686f76657220260a097b0a0909746578742d6465636f726174696f6e3a206e6f6e653b0a097d0a0a09262e6c6162656c2d2d66756c6c53697a650a097b0a0909666f6e742d73697a653a20313030253b0a097d0a0a09262e6c6162656c2d2d736d616c6c0a097b0a0909666f6e742d73697a653a204078662d666f6e7453697a65536d616c6c3b0a097d0a0a09262e6c6162656c2d2d736d616c6c6573740a097b0a0909666f6e742d73697a653a204078662d666f6e7453697a65536d616c6c6573743b0a097d0a0a092f2f204c6162656c20766172696174696f6e730a0a09262e6c6162656c2d2d68696464656e0a097b0a09092f2f20746869732068617320746f20657373656e7469616c6c7920756e646f20616c6c207468652061646a7573746d656e7473206d616465206279202e6c6162656c0a090970616464696e673a20696e68657269743b0a0909626f726465723a206e6f6e653b0a0909666f6e742d73697a653a20696e68657269743b0a09096c696e652d6865696768743a20696e68657269743b0a0909746578742d6465636f726174696f6e3a20696e68657269743b0a0a0909263a686f7665720a09097b0a090909746578742d6465636f726174696f6e3a20756e6465726c696e653b0a09097d0a097d0a0a09262e6c6162656c2d2d737562746c650a097b0a09092e6d2d6c6162656c566172696174696f6e284078662d74657874436f6c6f724d757465642c204078662d636f6e74656e74416c744267293b0a097d0a0a09262e6c6162656c2d2d7072696d6172790a097b0a09092e6d2d6c6162656c566172696174696f6e284078662d6c696e6b436f6c6f722c204078662d636f6e74656e74486967686c6967687442672c204078662d626f72646572436f6c6f72486967686c69676874293b0a097d0a0a09262e6c6162656c2d2d616363656e740a097b0a09092e6d2d6c6162656c566172696174696f6e284078662d74657874436f6c6f72416363656e74436f6e74656e742c204078662d636f6e74656e74416363656e7442672c204078662d626f72646572436f6c6f72416363656e74436f6e74656e74293b0a097d0a0a09262e6c6162656c2d2d726564207b202e6d2d6c6162656c566172696174696f6e2877686974652c2023653230303030293b207d0a09262e6c6162656c2d2d677265656e207b202e6d2d6c6162656c566172696174696f6e2877686974652c20677265656e293b207d0a09262e6c6162656c2d2d6f6c697665207b202e6d2d6c6162656c566172696174696f6e2877686974652c206f6c697665293b207d0a09262e6c6162656c2d2d6c69676874477265656e207b202e6d2d6c6162656c566172696174696f6e28626c61636b2c20236363663963382c2023626565386261293b207d0a09262e6c6162656c2d2d626c7565207b202e6d2d6c6162656c566172696174696f6e2877686974652c2023303030386533293b207d0a09262e6c6162656c2d2d726f79616c426c7565207b202e6d2d6c6162656c566172696174696f6e2877686974652c20726f79616c626c7565293b207d0a09262e6c6162656c2d2d736b79426c7565207b202e6d2d6c6162656c566172696174696f6e2877686974652c2023376363336530293b207d0a09262e6c6162656c2d2d67726179207b202e6d2d6c6162656c566172696174696f6e2877686974652c2067726179293b207d0a09262e6c6162656c2d2d73696c766572207b202e6d2d6c6162656c566172696174696f6e28626c61636b2c2073696c766572293b207d0a09262e6c6162656c2d2d79656c6c6f77207b202e6d2d6c6162656c566172696174696f6e28626c61636b2c20236666666639312c2023653665363837293b207d0a09262e6c6162656c2d2d6f72616e6765207b202e6d2d6c6162656c566172696174696f6e28626c61636b2c2023666663623030293b207d0a0a09262e6c6162656c2d2d6572726f72207b202e6d2d6c6162656c566172696174696f6e28236338343434382c20236664653965392c2023633834343438293b207d0a7d0a0a2e6c6162656c2d617070656e640a7b0a09646973706c61793a20696e6c696e652d626c6f636b3b0a7d0a0a2e6c6162656c4c696e6b2c0a2e6c6162656c4c696e6b3a686f7665720a7b0a09746578742d6465636f726174696f6e3a206e6f6e653b0a7d223b7d7d7d, 0x5846, 2030010, '2.3.0 Alpha', 1748686057),
(807, 0x7075626c6963, 0x636f72655f6c6973742e6c657373, 0, '// ##################################### LISTS ##################\n\n.pairs\n{\n	padding: 0;\n	margin: 0;\n	overflow: hidden;\n\n	&.pairs--plainLabel\n	{\n		> dt\n		{\n			color: inherit;\n		}\n	}\n\n	&.pairs--spaced + .pairs\n	{\n		margin-top: @xf-paddingMedium;\n	}\n\n	&.pairs--noColon\n	{\n		> dt\n		{\n			&:after\n			{\n				content: \"\";\n			}\n		}\n	}\n\n	&.pairs--rightLabel\n	{\n		> dt\n		{\n			text-align: right;\n		}\n	}\n\n	> dt\n	{\n		padding: 0;\n		margin: 0;\n		color: @xf-textColorMuted;\n\n		.m-appendColon();\n	}\n\n	> dd\n	{\n		padding: 0;\n		margin: 0;\n	}\n\n	&.pairs--inline\n	{\n		display: inline;\n\n		> dt,\n		> dd\n		{\n			display: inline;\n		}\n	}\n\n	&.pairs--columns\n	{\n		display: table;\n		table-layout: fixed;\n		width: 100%;\n\n		> dt,\n		> dd\n		{\n			display: table-cell;\n		}\n\n		> dt\n		{\n			width: 50%;\n			padding-right: @xf-paddingMedium;\n		}\n\n		&.pairs--fixedSmall > dt\n		{\n			width: 200px;\n		}\n		&.pairs--fluidSmall > dt\n		{\n			width: 25%;\n		}\n		&.pairs--fluidHuge > dt\n		{\n			width: 70%;\n		}\n\n		@media (max-width: 500px)\n		{\n			display: block;\n\n			> dt,\n			> dd\n			{\n				display: block;\n			}\n\n			&.pairs > dt // the .pairs repetition is to increase specificity to override all fixed/fluid options\n			{\n				width: auto;\n				padding-right: 0;\n			}\n\n			& + .pairs\n			{\n				margin-top: @xf-paddingMedium;\n			}\n		}\n	}\n\n	&.pairs--justified\n	{\n		.m-clearFix();\n\n		> dt\n		{\n			float: left;\n			max-width: 100%;\n			margin-right: @xf-paddingMedium;\n		}\n\n		> dd\n		{\n			float: right;\n			text-align: right;\n			max-width: 100%;\n		}\n	}\n\n	&.pairs--rows\n	{\n		display: inline-table;\n		margin-right: @xf-paddingMedium;\n\n		&.pairs--rows--centered\n		{\n			> dt,\n			> dd\n			{\n				text-align: center;\n			}\n		}\n\n		&:last-of-type\n		{\n			margin-right: 0;\n		}\n\n		> dt\n		{\n			display: table-row;\n			font-size: 80%;\n\n			&:after\n			{\n				content: \'\';\n				display: none;\n			}\n		}\n\n		> dd\n		{\n			display: table-row;\n		}\n	}\n}\n\n.pairWrapper\n{\n	&.pairWrapper--spaced\n	{\n		.pairs\n		{\n			margin-top: @xf-paddingMedium;\n\n			&:first-child\n			{\n				margin-top: 0;\n			}\n		}\n	}\n}\n\n.pairJustifier\n{\n	display: flex;\n	flex-wrap: wrap;\n	justify-content: space-between;\n\n	margin-right: -5px;\n	margin-bottom: -5px;\n\n	.pairs.pairs--rows\n	{\n		margin-right: 5px;\n		margin-bottom: 5px;\n	}\n}\n\n.listPlain\n{\n	.m-listPlain();\n}\n\n.listInline\n{\n	.m-listPlain();\n\n	&.listInline--selfInline,\n	&.listInline--customField\n	{\n		display: inline;\n	}\n\n	> li\n	{\n		display: inline;\n		margin: 0;\n		padding: 0;\n	}\n\n	&.listInline--block > li\n	{\n		display: inline-block;\n	}\n\n	&.listInline--comma,\n	&.listInline--customField\n	{\n		> li:nth-last-child(n+2)::after\n		{\n			content: \"{$xf.language.comma_separator}\";\n		}\n	}\n\n	&.listInline--bullet > li + li::before\n	{\n		content: \"\\00B7\\20\";\n	}\n\n	&.listInline--plus > li + li::before\n	{\n		content: \"\\002B\\20\";\n	}\n}\n\n.listHeap\n{\n	.m-listPlain();\n	margin-top: -4px;\n\n	> li\n	{\n		margin: 0;\n		padding: 0;\n		display: inline-block;\n		margin-right: -1px;\n		margin-top: 4px;\n\n		&:last-child\n		{\n			margin-right: 0;\n		}\n	}\n}\n\n.listColumns\n{\n	.m-columns(2, @xf-responsiveNarrow);\n\n	> li\n	{\n		.m-columnBreakAvoid();\n		position: relative; // workaround Chrome quirk with hover triggers in visitor menu\n	}\n\n	&.listColumns--spaced\n	{\n		> li\n		{\n			margin-bottom: .5em;\n		}\n	}\n\n	&.listColumns--narrow\n	{\n		.m-columns(2);\n	}\n\n	&.listColumns--together\n	{\n		-moz-column-gap: 0;\n		-webkit-column-gap: 0;\n		column-gap: 0;\n	}\n\n	&.listColumns--collapsed\n	{\n		display: inline-block;\n	}\n\n	&.listColumns--3\n	{\n		.m-columns(3);\n\n		@media (max-width: @xf-responsiveWide)\n		{\n			.m-columns(2, @xf-responsiveNarrow);\n		}\n	}\n\n	&.listColumns--4\n	{\n		.m-columns(4);\n\n		@media (max-width: @xf-responsiveWide)\n		{\n			.m-columns(2, @xf-responsiveNarrow);\n		}\n	}\n}\n\n.textHighlight\n{\n	font-style: normal;\n	font-weight: @xf-fontWeightHeavy;\n\n	&.textHighlight--attention\n	{\n		color: @xf-textColorAttention;\n	}\n}', 0x[encoded data, 8764 characters], 0x5846, 2030010, '2.3.0 Alpha', 1748686057),
(808, 0x7075626c6963, 0x636f72655f6d656e752e6c657373, 0, '// ###################################### MENUS ######################\n\n@_menu-arrowSize: 8px;\n@_menu-edgePadding: @xf-pageEdgeSpacer;\n@_menu-paddingV: @xf-paddingMedium;\n@_menu-closePaddingH: @xf-paddingLarge;\n@_menu-paddingH: @xf-paddingLargest;\n\n.menuTrigger\n{\n	cursor: pointer;\n\n	&:after\n	{\n		.m-menuGadget();\n	}\n}\n\n.menuOutsideClicker\n{\n	position: fixed;\n	display: none;\n	top: 0;\n	right: 0;\n	bottom: 0;\n	left: 0;\n	z-index: 2; // above non set stuff but below anything intentionally set\n\n	&.is-active\n	{\n		display: block;\n		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n	}\n}\n\n.menu\n{\n	.m-transitionFade();\n\n	position: absolute;\n	z-index: @zIndex-2;\n	margin: @_menu-arrowSize 0 0;\n	min-width: 240px;\n	max-width: 320px;\n	border-radius: @xf-menuBorderRadius;\n\n	.m-dropShadow(0, 5px, 10px, 0, .35);\n\n	&.menu--structural\n	{\n		margin-top: 0;\n\n		// when menus nudge up against structure, the joined corner should not be radiused\n		&.menu--left\n		{\n			border-top-left-radius: 0;\n		}\n		&.menu--right\n		{\n			border-top-right-radius: 0;\n		}\n	}\n\n	&.menu--superWide\n	{\n		width: 75%;\n		max-width: calc(~\'100% - @{xf-pageEdgeSpacer}\');\n	}\n\n	&.menu--veryWide\n	{\n		width: 500px;\n		max-width: calc(~\'100% - @{xf-pageEdgeSpacer}\');\n	}\n\n	&.menu--wide\n	{\n		width: 350px;\n		max-width: calc(~\'100% - @{xf-pageEdgeSpacer}\');\n	}\n\n	&.menu--medium\n	{\n		width: 300px;\n		max-width: calc(~\'100% - @{xf-pageEdgeSpacer}\');\n	}\n\n	&.menu--potentialFixed\n	{\n		z-index: @zIndex-4;\n	}\n}\n\n.menu-arrow\n{\n	position: absolute;\n	width: 0;\n	height: 0;\n	border: 0 solid transparent;\n\n	top: -@_menu-arrowSize;\n	-ltr-rtl-left: 50%;\n	-ltr-rtl-margin-left: -@_menu-arrowSize;\n	.m-triangleUp(@xf-menuFeatureBorderColor, @_menu-arrowSize);\n\n	.menu--structural &\n	{\n		top: -@_menu-arrowSize;\n	}\n\n	.menu--up &\n	{\n		display: none;\n	}\n}\n\n.menu-content\n{\n	margin: 0;\n	padding: 0;\n	list-style: none;\n	text-align: left;\n	.xf-menu();\n	border-radius: @xf-menuBorderRadius;\n	border-top: @xf-borderSizeFeature solid @xf-menuFeatureBorderColor;\n\n	// when menus nudge up against structure, the joined corner should not be radiused\n	.menu--structural.menu--left &\n	{\n		border-top-left-radius: 0;\n	}\n	.menu--structural.menu--right &\n	{\n		border-top-right-radius: 0;\n	}\n\n	// potentially fixed menus\n	.menu--potentialFixed &\n	{\n		overflow: auto;\n		max-height: 450px;\n		max-height: 80vh;\n	}\n\n	> :last-child\n	{\n		border-bottom-left-radius: @xf-menuBorderRadius;\n		border-bottom-right-radius: @xf-menuBorderRadius;\n	}\n}\n\n.menu--pageJump\n{\n	width: auto;\n	min-width: 0;\n}\n\n.menu-header\n{\n	padding: @xf-blockPaddingV @_menu-paddingH;\n	margin: 0;\n	font-weight: @xf-fontWeightNormal;\n	text-decoration: none;\n	.xf-menuHeader();\n\n	.m-clearFix();\n	.m-hiddenLinks();\n\n	&.menu-header--small\n	{\n		font-size: @xf-fontSizeNormal;\n	}\n\n	&.menu-header--sticky\n	{\n		position: sticky;\n		top: 0;\n	}\n\n	.menu-desc\n	{\n		color: fade(@xf-menuHeader--color, 70);\n		.m-textColoredLinks();\n	}\n}\n\n.menu-desc\n{\n	display: block;\n	font-size: @xf-fontSizeSmaller;\n	font-weight: @xf-fontWeightNormal;\n}\n\n.menu-tabHeader\n{\n	padding: 0;\n	margin: 0;\n	font-weight: @xf-fontWeightNormal;\n	text-decoration: none;\n	.xf-menuTabHeader();\n	.m-tabsTogether(xf-default(@xf-menuTabHeader--font-size, @xf-fontSizeNormal));\n\n	.tabs-tab\n	{\n		padding: @xf-blockPaddingV @_menu-paddingH 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			.xf-menuTabHeaderSelected();\n		}\n	}\n\n	.tabs-text\n	{\n		padding: @xf-blockPaddingV @_menu-paddingH 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-menuTabHeader--background-color, transparent),\n			xf-default(@xf-menuTabHeader--color, ~\"\"),\n			xf-default(@xf-blockMinorTabHeaderSelected--color, ~\"\")\n		);\n	}\n}\n\n.menu-scroller\n{\n	overflow: auto;\n	max-height: 300px;\n	max-height: 60vh;\n	-webkit-overflow-scrolling: touch;\n\n	.menu-row + &\n	{\n		border-top: @xf-borderSize solid @xf-borderColorLight;\n	}\n}\n\n.menu-row\n{\n	margin: 0;\n	padding: @_menu-paddingV @_menu-paddingH;\n	.m-clearFix();\n\n	&.menu-row--alt\n	{\n		.xf-contentAltBase();\n	}\n\n	&.menu-row--highlighted\n	{\n		.xf-contentHighlightBase();\n	}\n\n	&.menu-row--close\n	{\n		padding-left: @_menu-closePaddingH;\n		padding-right: @_menu-closePaddingH;\n	}\n\n	&.menu-row--separated\n	{\n		+ .menu-row\n		{\n			border-top: @xf-borderSize solid @xf-borderColorLight;\n		}\n	}\n\n	&.menu-row--clickable:hover\n	{\n		background: @xf-contentHighlightBg;\n	}\n\n	&:empty\n	{\n		padding: 0;\n	}\n}\n\n.menu-linkRow\n{\n	display: block;\n	padding: @_menu-paddingV @_menu-paddingH @_menu-paddingV (@_menu-paddingH - @xf-borderSizeFeature);\n	border-left: @xf-borderSizeFeature solid transparent;\n	.xf-menuLinkRow();\n\n	&.menu-linkRow--alt\n	{\n		.xf-contentAltBase();\n	}\n\n	&.is-selected,\n	&:hover,\n	&:focus\n	{\n		.xf-menuLinkRowSelected();\n\n		border-left-color: fade(@xf-borderColorFeature, 50%);\n\n		&:focus\n		{\n			outline: 0;\n		}\n\n		&.is-selected\n		{\n			border-left-color: @xf-borderColorFeature;\n		}\n	}\n\n	&.is-hidden\n	{\n		display: none;\n	}\n\n	i.fa--xf\n	{\n		font-size: @xf-fontSizeSmall;\n		display: inline-block;\n		width: 23px; // about 1.75em at this font size\n\n		& ~ .menu-linkRow-hint\n		{\n			padding-left: 23px;\n		}\n	}\n\n	&:hover i.fa--xf:after\n	{\n		color: @xf-linkHoverColor;\n	}\n}\n\n.menu-linkRow-hint\n{\n	font-style: inherit;\n	font-size: @xf-fontSizeSmallest;\n	color: @xf-textColorMuted;\n	display: block;\n}\n\n.menu-separator\n{\n	margin: 0 (@_menu-paddingH / 2);\n	padding: 0;\n	border: none;\n	border-top: @xf-borderSize solid @xf-borderColorLight;\n\n	&.menu-separator--hard\n	{\n		margin: 0;\n	}\n\n	& + .menu-separator,\n	&:last-child\n	{\n		display: none;\n	}\n}\n\n.menu-footer\n{\n	padding: @xf-blockPaddingV @_menu-paddingH;\n	.xf-menuFooter();\n	.m-clearFix();\n\n	&.menu-footer--close\n	{\n		padding-left: @_menu-closePaddingH;\n		padding-right: @_menu-closePaddingH;\n	}\n\n	&:not(.menu-footer--split)\n	{\n		.menu-footer-counter\n		{\n			float: left;\n		}\n\n		.menu-footer-controls\n		{\n			float: right;\n		}\n	}\n\n	&.menu-footer--split\n	{\n		display: flex;\n		align-items: center;\n\n		.menu-footer-main,\n		.menu-footer-counter\n		{\n			flex-grow: 1;\n		}\n\n		.menu-footer-select:not(:last-child)\n		{\n			margin: 0 1em;\n		}\n\n		.menu-footer-opposite,\n		.menu-footer-controls\n		{\n			margin-left: auto;\n		}\n	}\n}\n\n.menu .block\n{\n	margin: 0;\n\n	.block-container\n	{\n		color: inherit;\n		background: none;\n		border: none;\n		border-radius: 0;\n\n		> .block-header:first-child\n		{\n			display: none;\n		}\n	}\n\n	.block-body\n	{\n		border-radius: 0;\n	}\n}', 0x[encoded data, 13522 characters], 0x5846, 2030010, '2.3.0 Alpha', 1748686057),
(809, 0x7075626c6963, 0x636f72655f6d657465725f6261722e6c657373, 0, 'meter.meterBar\n{\n	margin: @xf-paddingSmall auto @xf-paddingSmall;\n	width: 100%;\n	height: 10px;\n\n	&::-webkit-meter-bar\n	{\n		.m-meterVariantEmpty();\n	}\n\n	&::-webkit-meter-optimum-value\n	{\n		.m-meterVariantOptimum();\n	}\n\n	&::-webkit-meter-suboptimum-value\n	{\n		.m-meterVariantSubOptimum();\n	}\n\n	&::-webkit-meter-even-less-good-value\n	{\n		.m-meterVariantSubSubOptimum();\n	}\n}\n\n:-moz-meter-optimum::-moz-meter-bar\n{\n	.m-meterVariantOptimum();\n}\n\n:-moz-meter-sub-optimum::-moz-meter-bar\n{\n	.m-meterVariantSubOptimum();\n}\n\n:-moz-meter-sub-sub-optimum::-moz-meter-bar\n{\n	.m-meterVariantSubSubOptimum();\n}\n\n@_emptyColor: xf-intensify(@xf-paletteNeutral1, 6%);\n@_optimumColor: #63b265;\n@_subOptimumColor: #dcda54;\n@_subSubOptimumColor: #c84448;\n\n.meterBarLabel\n{\n	font-size: @xf-fontSizeSmall;\n}\n\n.m-meterVariantEmpty()\n{\n	background: none;\n	background-color: @_emptyColor;\n}\n\n.m-meterVariantOptimum()\n{\n	background: @_optimumColor;\n}\n\n.m-meterVariantSubOptimum()\n{\n	background: @_subOptimumColor;\n}\n\n.m-meterVariantSubSubOptimum()\n{\n	background: @_subSubOptimumColor;\n}', 0x4f3a32343a2258465c54656d706c6174655c436f6d70696c65725c417374223a313a7b733a383a226368696c6472656e223b613a313a7b693a303b4f3a33313a2258465c54656d706c6174655c436f6d70696c65725c53796e7461785c537472223a323a7b733a343a226c696e65223b693a313b733a373a22636f6e74656e74223b733a313036303a226d657465722e6d657465724261720a7b0a096d617267696e3a204078662d70616464696e67536d616c6c206175746f204078662d70616464696e67536d616c6c3b0a0977696474683a20313030253b0a096865696768743a20313070783b0a0a09263a3a2d7765626b69742d6d657465722d6261720a097b0a09092e6d2d6d6574657256617269616e74456d70747928293b0a097d0a0a09263a3a2d7765626b69742d6d657465722d6f7074696d756d2d76616c75650a097b0a09092e6d2d6d6574657256617269616e744f7074696d756d28293b0a097d0a0a09263a3a2d7765626b69742d6d657465722d7375626f7074696d756d2d76616c75650a097b0a09092e6d2d6d6574657256617269616e745375624f7074696d756d28293b0a097d0a0a09263a3a2d7765626b69742d6d657465722d6576656e2d6c6573732d676f6f642d76616c75650a097b0a09092e6d2d6d6574657256617269616e745375625375624f7074696d756d28293b0a097d0a7d0a0a3a2d6d6f7a2d6d657465722d6f7074696d756d3a3a2d6d6f7a2d6d657465722d6261720a7b0a092e6d2d6d6574657256617269616e744f7074696d756d28293b0a7d0a0a3a2d6d6f7a2d6d657465722d7375622d6f7074696d756d3a3a2d6d6f7a2d6d657465722d6261720a7b0a092e6d2d6d6574657256617269616e745375624f7074696d756d28293b0a7d0a0a3a2d6d6f7a2d6d657465722d7375622d7375622d6f7074696d756d3a3a2d6d6f7a2d6d657465722d6261720a7b0a092e6d2d6d6574657256617269616e745375625375624f7074696d756d28293b0a7d0a0a405f656d707479436f6c6f723a2078662d696e74656e73696679284078662d70616c657474654e65757472616c312c203625293b0a405f6f7074696d756d436f6c6f723a20233633623236353b0a405f7375624f7074696d756d436f6c6f723a20236463646135343b0a405f7375625375624f7074696d756d436f6c6f723a20236338343434383b0a0a2e6d657465724261724c6162656c0a7b0a09666f6e742d73697a653a204078662d666f6e7453697a65536d616c6c3b0a7d0a0a2e6d2d6d6574657256617269616e74456d70747928290a7b0a096261636b67726f756e643a206e6f6e653b0a096261636b67726f756e642d636f6c6f723a20405f656d707479436f6c6f723b0a7d0a0a2e6d2d6d6574657256617269616e744f7074696d756d28290a7b0a096261636b67726f756e643a20405f6f7074696d756d436f6c6f723b0a7d0a0a2e6d2d6d6574657256617269616e745375624f7074696d756d28290a7b0a096261636b67726f756e643a20405f7375624f7074696d756d436f6c6f723b0a7d0a0a2e6d2d6d6574657256617269616e745375625375624f7074696d756d28290a7b0a096261636b67726f756e643a20405f7375625375624f7074696d756d436f6c6f723b0a7d223b7d7d7d, 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
(810, 0x7075626c6963, 0x636f72655f6f666663616e7661732e6c657373, 0, '// ################################## OFF CANVAS MENU #########################\n\n@_offCanvas-animationLength: (@xf-animationSpeed * 2);\n\n.offCanvasMenu\n{\n	display: none;\n	position: fixed;\n	top: 0;\n	bottom: 0;\n	left: 0;\n	right: 0;\n	z-index: @zIndex-5;\n	.m-transition(none; @_offCanvas-animationLength); // needed to keep the children displayed through animation\n	.m-transform(scale(1)); // forces instant repaint in iOS\n\n	// every tap on iOS causes a brief highlight, disable it for off canvas menu\n	// then restore it for some tappable elements to retain it\n	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n	a\n	{\n		-webkit-tap-highlight-color: initial;\n	}\n\n	&.is-transitioning\n	{\n		display: block;\n	}\n\n	&.is-active\n	{\n		display: block;\n	}\n\n	.offCanvasMenu-hidden\n	{\n		display: none;\n	}\n\n	.offCanvasMenu-shown\n	{\n		display: block;\n	}\n\n	.offCanvasMenu-closer\n	{\n		float: right;\n		cursor: pointer;\n		text-decoration: none;\n		-webkit-tap-highlight-color: initial;\n		padding: @xf-paddingLarge;\n		margin: (@xf-paddingLarge * -1);\n\n		&:hover\n		{\n			text-decoration: none;\n		}\n\n		&:after\n		{\n			.m-faBase();\n			.m-faContent(@fa-var-times);\n		}\n	}\n\n	.block-container,\n	.blockMessage\n	{\n		margin-left: 0;\n		margin-right: 0;\n		border-radius: 0;\n		border-left: none;\n		border-right: none;\n	}\n}\n\n.offCanvasMenu-shown\n{\n	display: none;\n}\n\n.offCanvasMenu-backdrop\n{\n	position: absolute;\n	top: 0;\n	bottom: 0;\n	left: 0;\n	right: 0;\n	background: rgba(0, 0, 0, .25);\n	opacity: 0;\n	.m-transition(all; @_offCanvas-animationLength; ease-in-out);\n\n	.is-active &\n	{\n		opacity: 1;\n	}\n}\n\n.offCanvasMenu-content\n{\n	position: relative;\n	width: 280px;\n	max-width: 85%;\n	height: 100%;\n	overflow: auto;\n	.m-transition(all; @_offCanvas-animationLength; ease-in-out);\n	-webkit-overflow-scrolling: touch;\n\n	.has-os-ios &\n	{\n		// accounts for iOS deadzone in Safari\n		padding-bottom: 44px;\n	}\n\n	& when(@ltr)\n	{\n		.m-dropShadow(2px, 0, 5px, 0, .25);\n		.m-transform(translateX(-280px));\n	}\n\n	& when(@rtl)\n	{\n		.m-dropShadow(-2px, 0, 5px, 0, .25);\n		.m-transform(translateX(280px));\n	}\n\n	.offCanvasMenu--fromOpposite &\n	{\n		position: absolute;\n		right: 0;\n		.m-dropShadow(-2px, 0, 5px, 0, .25);\n		.m-transform(translateX(280px));\n	}\n\n	.is-active &\n	{\n		.m-transform(translateX(0));\n	}\n\n	.p-nav-content {\n		margin-bottom: 96px;\n	}\n}\n\n.offCanvasMenu-header\n{\n	padding: @xf-paddingLarge;\n	margin: 0;\n	font-size: @xf-fontSizeLarger;\n	font-weight: @xf-fontWeightNormal;\n\n	.m-clearFix();\n	.m-hiddenLinks();\n\n	&.offCanvasMenu-header--separated\n	{\n		margin-bottom: @xf-paddingLarge;\n	}\n}\n\n.offCanvasMenu-row\n{\n	padding: @xf-paddingLarge;\n}\n\n.offCanvasMenu-separator\n{\n	padding: 0;\n	margin: 0;\n	border: none;\n	border-top: 1px solid transparent;\n}\n\n.offCanvasMenu-link\n{\n	display: block;\n	padding: @xf-paddingLarge;\n	font-size: @xf-fontSizeLarge;\n	text-decoration: inherit;\n\n	&:hover\n	{\n		text-decoration: inherit;\n	}\n\n	&.offCanvasMenu-link--splitToggle\n	{\n		position: relative;\n		text-decoration: inherit;\n\n		&:before\n		{\n			content: \'\';\n			position: absolute;\n			left: 0;\n			top: (@xf-paddingLarge - 4px);\n			bottom: (@xf-paddingLarge - 4px);\n			width: 0;\n			border-left: 1px solid currentColor;\n		}\n\n		&:after\n		{\n			.m-faBase();\n			.m-faContent(@fa-var-chevron-down, .88em);\n		}\n\n		&.is-active:after\n		{\n			.m-faContent(@fa-var-chevron-up, .88em);\n		}\n	}\n}\n\n.offCanvasMenu-linkHolder\n{\n	display: flex;\n\n	&.is-selected\n	{\n		a\n		{\n			color: inherit;\n		}\n\n		.offCanvasMenu-link:first-child\n		{\n			padding-left: @xf-paddingLarge;\n		}\n	}\n\n	.offCanvasMenu-link\n	{\n		flex-grow: 1;\n\n		&.offCanvasMenu-link--splitToggle\n		{\n			flex-grow: 0;\n		}\n\n		&:hover\n		{\n			background: none;\n		}\n	}\n}\n\n.offCanvasMenu-list\n{\n	.m-listPlain();\n\n	> li\n	{\n		border-top: @xf-borderSize solid transparent;\n	}\n\n	&:first-child > li:first-child\n	{\n		border-top: none;\n	}\n}\n\n.offCanvasMenu-subList\n{\n	.m-listPlain();\n	.m-transitionFadeDown();\n\n	padding-bottom: @xf-paddingLargest;\n\n	.offCanvasMenu-link\n	{\n		padding-left: @xf-paddingLarge;\n		padding-top: @xf-paddingMedium;\n		padding-bottom: @xf-paddingMedium;\n		font-size: @xf-fontSizeSmall;\n	}\n}\n\n.offCanvasMenu-installBanner\n{\n	display: flex;\n	justify-content: space-between;\n	align-items: center;\n	padding: @xf-paddingLarge @xf-paddingMedium;\n	font-size: @xf-fontSizeLarge;\n}\n\n.offCanvasMenu--blocks\n{\n	.offCanvasMenu-content\n	{\n		.xf-pageBackground();\n		color: @xf-textColor;\n	}\n\n	.offCanvasMenu-header\n	{\n		color: @xf-textColorEmphasized;\n		background: @xf-contentHighlightBg;\n		border-bottom: @xf-borderSize solid @xf-borderColorHeavy;\n	}\n\n	.offCanvasMenu-separator\n	{\n		border-top-color: @xf-borderColor;\n	}\n\n	.offCanvasMenu-list > li\n	{\n		border-top-color: @xf-borderColor;\n	}\n}\n\n.offCanvasMenu--nav\n{\n	.offCanvasMenu-content\n	{\n		.xf-publicNav();\n\n		display: flex;\n		flex-direction: column;\n\n		a\n		{\n			color: inherit;\n		}\n	}\n\n	.offCanvasMenu-header\n	{\n		background: @xf-publicHeaderAdjustColor;\n		border-bottom: @xf-borderSize solid fadein(@xf-publicHeaderAdjustColor, 10%);\n	}\n\n	.offCanvasMenu-list\n	{\n		border-bottom: @xf-borderSize solid fadein(@xf-publicHeaderAdjustColor, 10%);\n	}\n\n	.offCanvasMenu-separator\n	{\n		border-top-color: fadein(@xf-publicHeaderAdjustColor, 10%);\n	}\n\n	.offCanvasMenu-link.offCanvasMenu-link--splitToggle:before\n	{\n		border-left-color: fadein(@xf-publicHeaderAdjustColor, 1%);\n	}\n\n	.offCanvasMenu-linkHolder\n	{\n		text-decoration: none;\n\n		&:hover\n		{\n			background: fadeout(@xf-publicHeaderAdjustColor, 6%);\n		}\n\n		&.is-selected\n		{\n			.xf-publicNavSelected(no-border, no-border-radius);\n\n			.offCanvasMenu-link.offCanvasMenu-link--splitToggle:before\n			{\n				border-left-color: fade(xf-default(@xf-publicNavSelected--color, transparent), 20%);\n			}\n		}\n	}\n\n	.offCanvasMenu-subList\n	{\n		background: @xf-publicHeaderAdjustColor;\n\n		.offCanvasMenu-link:hover\n		{\n			text-decoration: none;\n			background: @xf-publicHeaderAdjustColor;\n		}\n	}\n\n	.offCanvasMenu-list > li\n	{\n		border-top-color: @xf-publicHeaderAdjustColor;\n	}\n\n	.offCanvasMenu-installBanner\n	{\n		margin-top: auto;\n		background: @xf-publicHeaderAdjustColor;\n		border-top: @xf-borderSize solid fadein(@xf-publicHeaderAdjustColor, 10%);\n	}\n}', 0x[encoded data, 12512 characters], 0x5846, 2030010, '2.3.0 Alpha', 1748686057),
(811, 0x7075626c6963, 0x636f72655f6f7665726c61792e6c657373, 0, '// #################################### OVERLAYS ################################\n\n.overlay-container\n{\n	display: none;\n	position: fixed;\n	top: 0;\n	bottom: 0;\n	left: 0;\n	right: 0;\n	z-index: @zIndex-9;\n	background: @xf-overlayMaskColor;\n	-webkit-overflow-scrolling: touch;\n	opacity: 0;\n	.m-transition(all);\n\n	&.is-transitioning\n	{\n		display: block;\n	}\n\n	&.is-active\n	{\n		display: block;\n		opacity: 1;\n\n		& when (unit(xf-default(@xf-overlayMaskBlur, 0)) > 0)\n		{\n			backdrop-filter: blur(@xf-overlayMaskBlur);\n		}\n	}\n}\n\n.overlay\n{\n	position: relative;\n	margin: 40px auto 10px;\n	margin-top: @xf-overlayTopMargin;\n	width: 100%;\n	max-width: 800px;\n	.xf-pageBackground();\n	color: @xf-textColor;\n	.xf-blockBorder();\n	border-radius: @xf-blockBorderRadius;\n	.m-dropShadow(0, 5px, 15px, 0, .5);\n	outline: none;\n\n	> .overlay-title:first-child,\n	.overlay-firstChild\n	{\n		border-top-left-radius: @xf-blockBorderRadius;\n		border-top-right-radius: @xf-blockBorderRadius;\n	}\n\n	> .overlay-content > *:last-child,\n	.overlay-lastChild\n	{\n		border-bottom-left-radius: @xf-blockBorderRadius;\n		border-bottom-right-radius: @xf-blockBorderRadius;\n	}\n}\n\n@media (max-width: 820px)\n{\n	.overlay\n	{\n		max-width: calc(~\'100% - 20px\');\n	}\n}\n\n.overlay-title\n{\n	.m-clearFix();\n\n	display: none;\n	margin: 0;\n	font-weight: @xf-fontWeightNormal;\n	.xf-overlayHeader();\n\n	.overlay &\n	{\n		display: block;\n	}\n}\n\n.overlay-titleCloser\n{\n	float: right;\n	cursor: pointer;\n	margin-left: 5px;\n	text-decoration: none;\n	opacity: .5;\n	.m-transition();\n\n	&:after\n	{\n		.m-faBase();\n		.m-faContent(@fa-var-times);\n	}\n\n	&:hover\n	{\n		text-decoration: none;\n		opacity: 1;\n	}\n}\n\n.overlay-content\n{\n	.m-clearFix();\n}\n\n// when displaying a modal, prevent scrolling on the main content but allow it on the overlay\nbody.is-modalOpen\n{\n	overflow: hidden !important;\n\n	.overlay-container,\n	.offCanvasMenu\n	{\n		overflow-y: scroll !important;\n	}\n}\n\n@media (max-width: @xf-responsiveNarrow)\n{\n	.overlay-title\n	{\n		font-size: @xf-fontSizeLarger;\n	}\n}\n\n// ############################### OVERLAY/BLOCK NESTING ##############################\n\n.block-container > .tabPanes > li,\n.block-container > .block-body,\n.block-container > .block-body > .block-row,\n.overlay-content\n{\n	> .blocks > .block > .block-container,\n	> .block > .block-container,\n	> .blockMessage\n	{\n		margin-left: 0;\n		margin-right: 0;\n		border-radius: @xf-blockBorderRadius; // restore the radius that might be removed for some viewports as we\'re within the overlay\n		border-left: none;\n		border-right: none;\n	}\n\n	> .blocks > .block:first-child,\n	> .block:first-child,\n	> .blockMessage:first-child\n	{\n		margin-top: 0;\n\n		.block-outer:not(.block-outer--after)\n		{\n			border-bottom: @xf-borderSize solid @xf-borderColorLight;\n			padding: @xf-blockPaddingV;\n		}\n	}\n\n	> .blocks > .block:last-child,\n	> .block:last-child,\n	> .blockMessage:last-child\n	{\n		margin-bottom: 0;\n\n		.block-outer.block-outer--after\n		{\n			border-top: @xf-borderSize solid @xf-borderColorLight;\n			padding: @xf-blockPaddingV;\n		}\n	}\n\n	> .blocks > .block:first-child > .block-container,\n	> .block:first-child > .block-container,\n	> .blockMessage:first-child\n	{\n		border-top: none;\n	}\n\n	> .blocks > .block:last-child > .block-container,\n	> .block:last-child > .block-container,\n	> .blockMessage:last-child\n	{\n		border-bottom: none;\n	}\n\n	> .blocks > .block:not(:first-child) > .block-container,\n	> .block:not(:first-child) > .block-container,\n	> .blockMessage:not(:first-child)\n	{\n		.m-borderTopRadius(0);\n	}\n\n	> .blocks > .block:not(:last-child) > .block-container,\n	> .block:not(:last-child) > .block-container,\n	> .blockMessage:not(:last-child)\n	{\n		.m-borderBottomRadius(0);\n	}\n}\n\n.overlay-content\n{\n	> .blocks > .block > .block-container,\n	> .block > .block-container,\n	> .blockMessage\n	{\n		.m-borderTopRadius(0);\n	}\n\n	> .blocks > .block > .block-container,\n	> .block > .block-container\n	{\n		> :first-child\n		{\n			.m-borderTopRadius(0);\n		}\n\n		> .block-body:first-child > .formRow:first-child\n		{\n			> dt { border-top-left-radius: 0; }\n			> dd { border-top-right-radius: 0; }\n		}\n\n		> .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: 0; }\n				> .dataList-cell:last-child { border-top-right-radius: 0; }\n			}\n		}\n	}\n\n	> .block:last-child > .block-container > .formSubmitRow:not(.is-sticky):last-child .formSubmitRow-bar\n	{\n		border-bottom-left-radius: @block-borderRadius-inner;\n		border-bottom-right-radius: @block-borderRadius-inner;\n	}\n}', 0x[encoded data, 9376 characters], 0x5846, 2030031, '2.3.0 Beta 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
(812, 0x7075626c6963, 0x636f72655f706167656e61762e6c657373, 0, '// ####################################### PAGE NAVIGATION ########################\n\n@_page-paddingV: xf-default(@xf-buttonBase--padding-top, 6px);\n@_page-paddingH: 8px;\n@_page-paddingHSimple: 10px;\n\n.pageNavWrapper {}\n\n.m-pageNavElCore()\n{\n	white-space: nowrap;\n\n	.xf-blockBorder();\n	.xf-pageNavBase();\n\n	&:hover,\n	&:active\n	{\n		//background: xf-intensify(@xf-contentHighlightBg, 3%);\n		background: xf-intensify(@xf-pageNavBase--background-color, 3%);\n		text-decoration: none;\n	}\n}\n\n.pageNav-jump\n{\n	display: inline-block;\n	.m-pageNavElCore();\n	border-radius: @xf-borderRadiusSmall;\n	padding: @_page-paddingV @_page-paddingH;\n\n	&.pageNav-jump--prev:before,\n	&.pageNav-jump--next:after\n	{\n		font-size: 80%;\n		unicode-bidi: isolate; // maintain position in RTL with LTR text\n	}\n\n	&.pageNav-jump--prev:before\n	{\n		.m-faContent(@fa-var-solid-caret-left, false, ltr); // .61em\n		.m-faContent(@fa-var-solid-caret-right, false, rtl); // .61em\n		margin-right: .15em;\n	}\n\n	&.pageNav-jump--next:after\n	{\n		.m-faContent(@fa-var-solid-caret-right, false, ltr); // .61em\n		.m-faContent(@fa-var-solid-caret-left, false, rtl); // .61em\n		margin-left: .15em;\n	}\n}\n\n.pageNav-main\n{\n	.m-listPlain();\n	display: inline-table;\n}\n\n.pageNav-page\n{\n	display: table-cell;\n	.m-pageNavElCore();\n\n	&:not(:last-child)\n	{\n		border-right: none;\n	}\n\n	&:not(:first-child)\n	{\n		border-left-color: @xf-borderColorLight;\n	}\n\n	&:first-child\n	{\n		.m-borderLeftRadius(@xf-borderRadiusSmall);\n	}\n\n	&:last-child\n	{\n		.m-borderRightRadius(@xf-borderRadiusSmall);\n	}\n\n	> a\n	{\n		display: block;\n		padding: @_page-paddingV @_page-paddingH;\n		text-decoration: none;\n		color: inherit;\n	}\n\n	&.pageNav-page--current\n	{\n		.xf-pageNavCurrent();\n\n		cursor: pointer;\n\n		&:hover,\n		&:active\n		{\n			background: xf-intensify(@xf-contentAccentBg, 3%);\n		}\n\n		+ .pageNav-page\n		{\n			border-left: none;\n		}\n	}\n}\n\n// Hide relative page numbers on narrow devices when we have a skip entry as we don\'t necessarily have space.\n@media (max-width: @xf-responsiveNarrow)\n{\n	.pageNav--skipStart\n	{\n		.pageNav-page.pageNav-page--earlier\n		{\n			display: none;\n		}\n	}\n\n	.pageNav--skipEnd\n	{\n		.pageNav-page.pageNav-page--later\n		{\n			display: none;\n		}\n\n		.pageNav-page.pageNav-page--skipEnd\n		{\n			border-left: none;\n		}\n	}\n}\n\n// ########################### SIMPLE PAGE NAV VARIANT ########################\n\n.pageNavSimple\n{\n	display: inline-flex;\n}\n\n.pageNavSimple-el\n{\n	display: inline-block;\n	.xf-blockBorder();\n	border-radius: @xf-borderRadiusSmall;\n	padding: @_page-paddingV @_page-paddingHSimple;\n	font-size: @xf-fontSizeSmall;\n	text-align: center;\n	white-space: nowrap;\n	margin-right: 4px;\n\n	&:last-child\n	{\n		margin-right: 0;\n	}\n\n	&.pageNavSimple-el--current\n	{\n		.xf-contentAccentBase();\n\n		&:hover,\n		&:active\n		{\n			background: xf-intensify(@xf-contentAccentBg, 3%);\n			text-decoration: none;\n		}\n	}\n\n	&.pageNavSimple-el--prev,\n	&.pageNavSimple-el--next\n	{\n		background: linear-gradient(0deg, @xf-contentHighlightBg, mix(@xf-contentHighlightBg, @xf-contentBg, 25%));\n		color: @xf-linkColor;\n		min-width: 75px;\n\n		@media (max-width: 350px)\n		{\n			min-width: 0;\n		}\n\n		&:hover,\n		&:active\n		{\n			background: xf-intensify(@xf-contentHighlightBg, 3%);\n			text-decoration: none;\n		}\n	}\n\n	&.pageNavSimple-el--prev i:before\n	{\n		.m-faContent(@fa-var-solid-caret-left, false, ltr); // , .44em\n		.m-faContent(@fa-var-solid-caret-right, false, rtl); // , .44em\n	}\n\n	&.pageNavSimple-el--next i:before\n	{\n		.m-faContent(@fa-var-solid-caret-right, false, ltr); // , .44em\n		.m-faContent(@fa-var-solid-caret-left, false, rtl); // , .44em\n	}\n\n	&.pageNavSimple-el--first,\n	&.pageNavSimple-el--last\n	{\n		border-color: transparent;\n		padding-left: (@_page-paddingHSimple / 2);\n		padding-right: (@_page-paddingHSimple / 2);\n		color: fade(@xf-linkColor, 60%);\n\n		&:hover,\n		&:active\n		{\n			.xf-blockBorder();\n			background: xf-intensify(@xf-contentHighlightBg, 3%);\n			color: @xf-linkColor;\n			text-decoration: none;\n		}\n	}\n\n	&.pageNavSimple-el--first i:before\n	{\n		.m-faContent(@fa-var-solid-backward, false, ltr); // 1em\n		.m-faContent(@fa-var-solid-forward, false, rtl); // 1em\n	}\n\n	&.pageNavSimple-el--last i:before\n	{\n		.m-faContent(@fa-var-solid-forward, false, ltr); // 1em\n		.m-faContent(@fa-var-solid-backward, false, rtl); // 1em\n	}\n\n	&.is-disabled\n	{\n		border-color: transparent;\n		background: none;\n		color: @xf-textColorMuted;\n		text-decoration: none;\n		pointer-events: none;\n\n		&:hover\n		{\n			background: none;\n			color: @xf-textColorMuted;\n		}\n	}\n}\n\n// #################### DISPLAY VARIANTS #########################\n\n.pageNavWrapper--simple\n{\n	.pageNav\n	{\n		display: none;\n	}\n}\n\n.pageNavWrapper--full\n{\n	.pageNavSimple\n	{\n		display: none;\n	}\n}\n\n.pageNavWrapper--mixed\n{\n	.pageNavSimple\n	{\n		display: none;\n	}\n\n	@media (max-width: @xf-responsiveMedium)\n	{\n		.pageNav\n		{\n			display: none;\n		}\n\n		.pageNavSimple\n		{\n			display: inline-flex;\n		}\n	}\n}\n\n// Hide any block page nav that goes before the block as we will be wasting vertical space.\n@media (max-width: @xf-responsiveNarrow)\n{\n	.block-outer:not(.block-outer--after) .pageNavWrapper:not(.pageNavWrapper--forceShow)\n	{\n		display: none;\n	}\n\n	// this is a sanity check in case .block-outer--after is forgotten\n	.block-container + .block-outer .pageNavWrapper\n	{\n		display: block;\n	}\n}', 0x[encoded data, 10838 characters], 0x5846, 2030010, '2.3.0 Alpha', 1748686057),
(813, 0x7075626c6963, 0x636f72655f70726570656e642e6c657373, 0, '.m-formElementExplain()\n{\n	display: block;\n	font-style: normal;\n	.xf-formExplain();\n\n	.m-textColoredLinks();\n}', 0x4f3a32343a2258465c54656d706c6174655c436f6d70696c65725c417374223a313a7b733a383a226368696c6472656e223b613a313a7b693a303b4f3a33313a2258465c54656d706c6174655c436f6d70696c65725c53796e7461785c537472223a323a7b733a343a226c696e65223b693a313b733a373a22636f6e74656e74223b733a3131303a222e6d2d666f726d456c656d656e744578706c61696e28290a7b0a09646973706c61793a20626c6f636b3b0a09666f6e742d7374796c653a206e6f726d616c3b0a092e78662d666f726d4578706c61696e28293b0a0a092e6d2d74657874436f6c6f7265644c696e6b7328293b0a7d223b7d7d7d, 0x5846, 2020033, '2.2.0 Beta 3', 1748686057),
(814, 0x7075626c6963, 0x636f72655f7265616374696f6e2e6c657373, 0, '.reaction\n{\n	display: flex;\n	-webkit-touch-callout: none;\n\n	&.reaction--imageHidden\n	{\n		img\n		{\n			display: none;\n		}\n\n		&.reaction--1\n		{\n			i\n			{\n				.m-faBefore(@fa-var-thumbs-up, 1em);\n				.m-faBase();\n			}\n		}\n	}\n\n	&.reaction--small,\n	&.reaction--medium\n	{\n		display: inline-block;\n\n		.reaction-text\n		{\n			margin-left: 0;\n		}\n	}\n\n	&.reaction--right\n	{\n		justify-content: flex-end;\n	}\n\n	&.reaction--inline\n	{\n		display: inline-flex;;\n	}\n\n	a&:hover,\n	a&:focus\n	{\n		text-decoration: none;\n\n		.reaction-text\n		{\n			text-decoration: underline;\n		}\n	}\n}\n\n.reactionScore\n{\n	display: inline-block;\n	padding: 2px 3px;\n	min-width: 16px;\n	text-align: center;\n	vertical-align: text-bottom;\n	border-radius: @xf-borderRadiusMedium;\n	font-size: @xf-fontSizeSmallest;\n	.xf-chip();\n\n	&:hover\n	{\n		.xf-chipHover();\n	}\n}\n\n.reaction-image\n{\n	vertical-align: text-bottom;\n\n	&.reaction-image--emoji\n	{\n		width: 32px;\n	}\n\n	.reaction--small &\n	{\n		max-width: 16px;\n		max-height: 16px;\n	}\n\n	.reaction--medium &\n	{\n		max-width: 21px;\n		max-height: 21px;\n	}\n}\n\n.reaction-sprite\n{\n	vertical-align: text-bottom;\n\n	<xf:if is=\"$reactionSprites\">\n		<xf:foreach loop=\"$reactionSprites\" key=\"$reactionId\" value=\"$reactionSprite\">\n			<xf:if is=\"$reactionSprite.sprite_css\">\n				.reaction--{$reactionId} &\n				{\n					{$reactionSprite.sprite_css|raw}\n				}\n			</xf:if>\n			<xf:if is=\"$reactionSprite.small_sprite_css\">\n				.reaction--small.reaction--{$reactionId} &\n				{\n					{$reactionSprite.small_sprite_css|raw}\n				}\n			</xf:if>\n			<xf:if is=\"$reactionSprite.medium_sprite_css\">\n				.reaction--medium.reaction--{$reactionId} &\n				{\n					{$reactionSprite.medium_sprite_css|raw}\n				}\n			</xf:if>\n		</xf:foreach>\n	</xf:if>\n}\n\n.reaction-text\n{\n	margin-left: 10px;\n	align-self: center;\n\n	// note: when we add a reaction we make the text bold\n	// the below approach sets the space for that to ensure\n	// the text doesn\'t jump when the bold happens.\n	&::after\n	{\n		content: \" \";\n		font-weight: @xf-fontWeightHeavy;\n		height: 1px;\n		color: transparent;\n		overflow: hidden;\n		visibility: hidden;\n	}\n\n	.has-reaction &\n	{\n		font-weight: @xf-fontWeightHeavy;\n	}\n\n	.reaction--small &\n	{\n		margin-left: 0;\n	}\n\n	<xf:if is=\"$reactionColors\">\n		<xf:foreach loop=\"$reactionColors\" key=\"$reactionId\" value=\"$reactionColor\">\n			<xf:if is=\"$reactionColor\">\n				.reaction--{$reactionId} &\n				{\n					color: {$reactionColor};\n				}\n			</xf:if>\n		</xf:foreach>\n	</xf:if>\n}\n\n<xf:if is=\"$reactionColors\">\n	<xf:foreach loop=\"$reactionColors\" key=\"$reactionId\" value=\"$reactionColor\">\n		<xf:if is=\"$reactionColor\">\n			.is-active.tabs-tab--reaction{$reactionId}\n			{\n				border-color: {$reactionColor} !important;\n			}\n		</xf:if>\n	</xf:foreach>\n</xf:if>', 0x[encoded data, 21168 characters], 0x5846, 2030010, '2.3.0 Alpha', 1748686057),
(815, 0x7075626c6963, 0x636f72655f73657475702e6c657373, 0, '// Vital base setup, don\'t change these!\n\nhtml:after\n{\n	content: \'full\';\n	display: none;\n\n	@media (max-width: @xf-responsiveWide) { content: \'wide\'; }\n	@media (max-width: @xf-responsiveMedium) { content: \'medium\'; }\n	@media (max-width: @xf-responsiveNarrow) { content: \'narrow\'; }\n}\n\n*\n{\n	// global sizing calculations expect border-box\n	box-sizing: border-box;\n}\n\nbody\n{\n	// don\'t hide the vertical scrollbar\n	overflow-y: scroll !important;\n}\n\n\n[data-xf-click], a[tabindex]\n{\n	// iOS doesn\'t bubble clicks up to the body where we have a listener, so we need to force that\n	cursor: pointer;\n}\n\n[dir=auto]\n{\n	// this will get flipped in RT\n	text-align: left;\n}\n\npre, textarea\n{\n	// soft line wraps\n	word-wrap: normal;\n}\n\nimg\n{\n	// without specifying this, resized images look worse\n	-ms-interpolation-mode: bicubic;\n}\n\nem\n{\n	&:lang(zh),\n	&:lang(ja),\n	&:lang(ko)\n	{\n	   font-style: normal;\n\n		.bbWrapper &,\n		.fr-element &\n		{\n			font-style: italic;\n		}\n	}\n}\n\n// #################################################\n// Focus handlers, set by XF.NavDeviceWatcher (core.js)\n\n.has-pointer-nav\n{\n	:focus\n	{\n		outline: 0\n	}\n\n	::-moz-focus-inner\n	{\n		border: 0;\n	}\n\n	.iconic > input:focus + i\n	{\n		&:before,\n		&:after\n		{\n			outline: 0;\n		}\n	}\n}\n\n.m-keyframes(spin, {\n	from\n	{\n		transform: rotate(0deg);\n	}\n	to\n	{\n		transform: rotate(360deg);\n	}\n});\n', 0x4f3a32343a2258465c54656d706c6174655c436f6d70696c65725c417374223a313a7b733a383a226368696c6472656e223b613a313a7b693a303b4f3a33313a2258465c54656d706c6174655c436f6d70696c65725c53796e7461785c537472223a323a7b733a343a226c696e65223b693a313b733a373a22636f6e74656e74223b733a313333393a222f2f20566974616c20626173652073657475702c20646f6e2774206368616e6765207468657365210a0a68746d6c3a61667465720a7b0a09636f6e74656e743a202766756c6c273b0a09646973706c61793a206e6f6e653b0a0a09406d6564696120286d61782d77696474683a204078662d726573706f6e736976655769646529207b20636f6e74656e743a202777696465273b207d0a09406d6564696120286d61782d77696474683a204078662d726573706f6e736976654d656469756d29207b20636f6e74656e743a20276d656469756d273b207d0a09406d6564696120286d61782d77696474683a204078662d726573706f6e736976654e6172726f7729207b20636f6e74656e743a20276e6172726f77273b207d0a7d0a0a2a0a7b0a092f2f20676c6f62616c2073697a696e672063616c63756c6174696f6e732065787065637420626f726465722d626f780a09626f782d73697a696e673a20626f726465722d626f783b0a7d0a0a626f64790a7b0a092f2f20646f6e277420686964652074686520766572746963616c207363726f6c6c6261720a096f766572666c6f772d793a207363726f6c6c2021696d706f7274616e743b0a7d0a0a0a5b646174612d78662d636c69636b5d2c20615b746162696e6465785d0a7b0a092f2f20694f5320646f65736e277420627562626c6520636c69636b7320757020746f2074686520626f647920776865726520776520686176652061206c697374656e65722c20736f207765206e65656420746f20666f72636520746861740a09637572736f723a20706f696e7465723b0a7d0a0a5b6469723d6175746f5d0a7b0a092f2f20746869732077696c6c2067657420666c697070656420696e2052540a09746578742d616c69676e3a206c6566743b0a7d0a0a7072652c2074657874617265610a7b0a092f2f20736f6674206c696e652077726170730a09776f72642d777261703a206e6f726d616c3b0a7d0a0a696d670a7b0a092f2f20776974686f75742073706563696679696e6720746869732c20726573697a656420696d61676573206c6f6f6b20776f7273650a092d6d732d696e746572706f6c6174696f6e2d6d6f64653a20626963756269633b0a7d0a0a656d0a7b0a09263a6c616e67287a68292c0a09263a6c616e67286a61292c0a09263a6c616e67286b6f290a097b0a09202020666f6e742d7374796c653a206e6f726d616c3b0a0a09092e62625772617070657220262c0a09092e66722d656c656d656e7420260a09097b0a090909666f6e742d7374796c653a206974616c69633b0a09097d0a097d0a7d0a0a2f2f20232323232323232323232323232323232323232323232323232323232323232323232323232323232323232323232323230a2f2f20466f6375732068616e646c6572732c207365742062792058462e4e6176446576696365576174636865722028636f72652e6a73290a0a2e6861732d706f696e7465722d6e61760a7b0a093a666f6375730a097b0a09096f75746c696e653a20300a097d0a0a093a3a2d6d6f7a2d666f6375732d696e6e65720a097b0a0909626f726465723a20303b0a097d0a0a092e69636f6e6963203e20696e7075743a666f637573202b20690a097b0a0909263a6265666f72652c0a0909263a61667465720a09097b0a0909096f75746c696e653a20303b0a09097d0a097d0a7d0a0a2e6d2d6b65796672616d6573287370696e2c207b0a0966726f6d0a097b0a09097472616e73666f726d3a20726f746174652830646567293b0a097d0a09746f0a097b0a09097472616e73666f726d3a20726f7461746528333630646567293b0a097d0a7d293b0a223b7d7d7d, 0x5846, 2020670, '2.2.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
(816, 0x7075626c6963, 0x636f72655f736d696c69652e6c657373, 0, '.smilie\n{\n	vertical-align: text-bottom;\n	max-width: none;\n\n	img&.smilie--emoji\n	{\n		width: 1.467em;\n	}\n\n	span&.smilie--emoji\n	{\n		display: inline-block;\n		line-height: 1.2;\n		font-size: 1.2em;\n		vertical-align: 0;\n	}\n\n	&.is-clicked\n	{\n		transform: rotate(45deg);\n		transition: all 0.25s;\n	}\n}\n\n.contentRow-figure--emoji\n{\n	font-size: (@xf-fontSizeNormal * 1.2);\n\n	img\n	{\n		max-width: 24px;\n		max-height: 24px;\n		vertical-align: top;\n	}\n\n	img.smilie--emoji\n	{\n		width: 22px;\n	}\n\n	span.smilie--emoji\n	{\n		// the default font-size above accounts for this\n		font-size: 1em;\n	}\n}\n\n<xf:if is=\"$smilieSprites\">\n	<xf:foreach loop=\"$smilieSprites\" key=\"$smilieId\" value=\"$smilieSprite\">\n		<xf:if is=\"$smilieSprite.sprite_css\">\n			.smilie--sprite.smilie--sprite{$smilieId}\n			{\n				{$smilieSprite.sprite_css|raw}\n			}\n		</xf:if>\n	</xf:foreach>\n</xf:if>', 0x[encoded data, 5822 characters], 0x5846, 2030010, '2.3.0 Alpha', 1748686057),
(817, 0x7075626c6963, 0x636f72655f7461622e6c657373, 0, '// ################################## TABS ####################################\n\n.tabs\n{\n	display: flex;\n\n	&.tabs--wrappable\n	{\n		flex-wrap: wrap;\n	}\n\n	&.tabs--right\n	{\n		float: right;\n		position: relative;\n		margin-left: auto;\n		align-self: center;\n		white-space: nowrap;\n	}\n}\n\n.tabs-tab\n{\n	display: inline-block;\n	cursor: pointer;\n	white-space: nowrap;\n	color: inherit;\n	font-weight: inherit;\n	text-decoration: none;\n	.m-transition();\n\n	&:hover\n	{\n		text-decoration: none;\n	}\n\n	&:focus-visible\n	{\n		outline-offset: -1px;\n	}\n}\n\n.tabs-extra\n{\n	position: relative;\n	margin-left: auto;\n	padding: 0 @xf-blockPaddingH 0 @xf-paddingMedium;\n	align-self: center;\n	white-space: nowrap;\n\n	&.tabs-extra--minor\n	{\n		font-size: @xf-fontSizeSmall;\n	}\n\n	a\n	{\n		color: inherit;\n		text-decoration: none;\n		display: block;\n		padding: @xf-paddingMedium;\n		margin-right: (@xf-paddingMedium * -1);\n	}\n}\n\n.tabPanes\n{\n	.m-listPlain();\n\n	> li\n	{\n		display: none;\n\n		&.is-active\n		{\n			display: block;\n		}\n	}\n}\n\n// ################################# OUTER TABS #########################\n\n.tabs--standalone\n{\n	padding: 0;\n	margin-bottom: @xf-elementSpacer;\n	font-weight: @xf-fontWeightNormal;\n	.xf-blockBorder();\n	.xf-standaloneTab();\n	.m-tabsTogether(xf-default(@xf-standaloneTab--font-size, @xf-fontSizeNormal));\n\n	&.tabs--standalone--closer\n	{\n		margin-bottom: @xf-paddingMedium;\n	}\n\n	&.tabs--standalone--small\n	{\n		.m-tabsTogether(@xf-fontSizeSmall);\n	}\n\n	&.tabs--standalone--inline\n	{\n		display: inline-block;\n		margin-bottom: 0;\n	}\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-standaloneTabSelected--color;\n		}\n\n		&.is-active\n		{\n			.xf-standaloneTabSelected();\n		}\n	}\n\n	.hScroller-action\n	{\n		.m-hScrollerActionColorVariation(\n			xf-default(@xf-standaloneTab--background-color, transparent),\n			xf-default(@xf-standaloneTab--color, ~\"\"),\n			xf-default(@xf-standaloneTabSelected--color, ~\"\")\n		);\n	}\n}\n\n@media (max-width: @xf-responsiveEdgeSpacerRemoval)\n{\n	.tabs--standalone\n	{\n		margin-left: (@xf-pageEdgeSpacer * -1);\n		margin-right: (@xf-pageEdgeSpacer * -1);\n		border-radius: 0;\n\n		.tabs--standalone:not(.tabs--right)\n		{\n			border-left: none;\n			border-right: none;\n		}\n\n		.tabs--right&\n		{\n			margin: 0;\n		}\n	}\n}', 0x[encoded data, 5002 characters], 0x5846, 2030370, '2.3.3', 1748686057),
(818, 0x7075626c6963, 0x636f72655f746f6f6c7469702e6c657373, 0, '// ######################################### TOOLTIPS #######################################\n\n@_tooltip-arrowSize: 5px;\n@_tooltip-arrowSizeLarge: 10px;\n@_tooltip-zIndex: @zIndex-3;\n\n.tooltip\n{\n	position: absolute;\n	z-index: @_tooltip-zIndex;\n	line-height: @xf-lineHeightDefault;\n	padding: 0 5px;\n	display: none;\n\n	&.tooltip--basic\n	{\n		max-width: 300px;\n\n		// Tooltip positioning is literal.\n		&.tooltip--top\n		{\n			margin-bottom: 3px;\n			padding-bottom: @_tooltip-arrowSize;\n		}\n		&.tooltip--right\n		{\n			-ltr-rtl-margin-left: 3px;\n			-ltr-rtl-padding-left: @_tooltip-arrowSize;\n		}\n		&.tooltip--bottom\n		{\n			margin-top: 3px;\n			padding-top: @_tooltip-arrowSize;\n\n			.has-touchevents &.tooltip--selectToQuote\n			{\n				margin-top: .75em;\n			}\n		}\n		&.tooltip--left\n		{\n			-ltr-rtl-margin-right: 3px;\n			-ltr-rtl-padding-right: @_tooltip-arrowSize;\n		}\n\n		.m-textColoredLinks();\n	}\n\n	&.tooltip--noninteractive\n	{\n		pointer-events: none;\n	}\n\n	&.tooltip--description\n	{\n		max-width: 350px;\n	}\n\n	&.tooltip--selectToQuote\n	{\n		.m-hiddenLinks();\n	}\n\n	&.tooltip--preview\n	{\n		max-width: 100%;\n		width: 400px;\n	}\n\n	&.tooltip--member\n	{\n		max-width: 100%;\n		width: 450px;\n		padding: 0 10px;\n	}\n\n	&.tooltip--reaction\n	{\n		max-width: 100%;\n		padding: 0 15px;\n		margin: 5px 0;\n	}\n\n	&.tooltip--bookmark,\n	&.tooltip--share\n	{\n		max-width: 100%;\n		width: 340px;\n		padding: 0 15px;\n	}\n\n	&.tooltip--bookmark,\n	&.tooltip--member,\n	&.tooltip--preview,\n	&.tooltip--share\n	{\n		// Tooltip positioning is literal.\n		&.tooltip--top { padding-bottom: @_tooltip-arrowSizeLarge; }\n		&.tooltip--right { -ltr-rtl-padding-left: @_tooltip-arrowSizeLarge; }\n		&.tooltip--bottom { padding-top: @_tooltip-arrowSizeLarge; }\n		&.tooltip--left { -ltr-rtl-padding-right: @_tooltip-arrowSizeLarge; }\n	}\n}\n.tooltip-content\n{\n	.tooltip--basic &\n	{\n		text-align: center;\n		.xf-tooltip();\n	}\n\n	.tooltip--description &\n	{\n		text-align: left;\n	}\n\n	.tooltip--preview &\n	{\n		.xf-contentBase();\n		padding: @xf-paddingMedium;\n		text-align: left;\n		border: 1px solid @xf-borderColor;\n\n		.m-dropShadow(0, 5px, 10px, 0, .35);\n	}\n\n	.tooltip--bookmark &,\n	.tooltip--member &,\n	.tooltip--share &\n	{\n		.xf-contentBase();\n		padding: 0;\n		text-align: left;\n		border: 1px solid @xf-borderColor;\n\n		.m-dropShadow(0, 5px, 10px, 0, .35);\n	}\n\n	.tooltip--reaction &\n	{\n		.xf-contentBase();\n		padding: 0;\n		text-align: center;\n		border: 1px solid @xf-borderColor;\n		border-radius: @xf-borderRadiusLarge;\n	}\n}\n\n.tooltip-content-inner\n{\n	position: relative;\n\n	.tooltip--basic &\n	{\n		max-height: 200px;\n		overflow: hidden;\n	}\n\n	.tooltip--preview &\n	{\n		max-height: 200px;\n		overflow: hidden;\n\n		.tooltip-content-cover\n		{\n			.m-gradient(fade(@xf-contentBg, 0%), @xf-contentBg, transparent, 160px, 200px);\n		}\n	}\n\n	.tooltip-content-cover\n	{\n		position: absolute;\n		top: 0;\n		bottom: 0;\n		left: 0;\n		right: 0;\n	}\n}\n\n// Tooltip side positioning is literal.\n/* XF-RTL:disable */\n.tooltip-arrow\n{\n	position: absolute;\n	width: 0;\n	height: 0;\n	border: 0 solid transparent;\n\n	.m-tooltipArrow(\n		xf-default(@xf-tooltip--background-color, transparent),\n		@_tooltip-arrowSize,\n		~\'.tooltip--basic\'\n	);\n\n	@classes: tooltip--preview tooltip--member tooltip--share tooltip--bookmark;\n	.m-tooltipArrowList(@xf-borderColor, (@_tooltip-arrowSizeLarge + 1px), @classes, @xf-contentBg);\n\n	.tooltip--member.tooltip--bottom &:after\n	{\n		.m-triangleUp(xf-default(@xf-memberTooltipHeader--background-color, transparent), @_tooltip-arrowSizeLarge);\n	}\n}\n\n.m-tooltipArrowList(@color, @size, @classes, @fillColor: false)\n{\n	.variations(@classes, @i: 1) when (@i <= length(@classes))\n	{\n		@variation: extract(@classes, @i);\n\n		.m-tooltipArrow(@color, @size, ~\'.@{variation}\', @fillColor);\n\n		.variations(@classes, (@i + 1));\n	}\n\n	.variations(@classes);\n}\n/* XF-RTL:enable */\n\n.tooltipCover\n{\n	display: none;\n	position: absolute;\n	opacity: 0;\n	z-index: (@_tooltip-zIndex - 1);\n	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n	&.is-active\n	{\n		display: block;\n	}\n}', 0x[encoded data, 8226 characters], 0x5846, 2030010, '2.3.0 Alpha', 1748686057),
(819, 0x7075626c6963, 0x636f72655f7574696c69746965732e6c657373, 0, '// ############################# BASIC UTILITY CLASSES #######################\n\n.u-concealed,\n.u-concealed a,\n.u-cloaked,\n.u-cloaked a,\n.u-concealed--icon,\n.u-concealed--icon a\n{\n	text-decoration: inherit !important;\n	color: inherit !important;\n}\n\na.u-concealed:hover,\n.u-concealed a:hover\n{\n	text-decoration: underline !important;\n\n	.fa\n	{\n		color: @xf-linkHover--color;\n	}\n}\n\na.u-concealed--icon:hover,\n.u-concealed--icon a:hover\n{\n	.fa\n	{\n		color: @xf-linkHover--color;\n	}\n}\n\n.u-textColor { color: @xf-textColor; }\n.u-dimmed { color: @xf-textColorDimmed; }\n.u-muted { color: @xf-textColorMuted; }\n\n.u-dimmed,\n.u-muted,\n.u-faint\n{\n	.m-hiddenLinks();\n}\n\n.u-unbold { font-weight: normal; }\n\n.u-featuredText { color: @xf-textColorFeature; }\n\n.u-accentText\n{\n	color: @xf-textColorAccentContent;\n\n	a { .xf-contentAccentLink(); }\n}\n\n.u-prependAsterisk:before { content: \"* \"; }\n.u-appendAsterisk:after { content: \" *\"; }\n\n.u-dt[title] { border: none; text-decoration: none; }\n\n.u-clearFix\n{\n	.m-clearFix();\n}\n\n.u-appendColon\n{\n	.m-appendColon();\n}\n\n.u-pullLeft\n{\n	float: left !important;\n}\n\n.u-pullRight\n{\n	float: right !important;\n}\n\n.u-alignCenter\n{\n	text-align: center;\n}\n\n.u-alignMiddle\n{\n	vertical-align: middle;\n}\n\n.u-spaceAfter\n{\n	margin-right: .28em;\n}\n\n.u-spaceBefore\n{\n	margin-left: .28em;\n}\n\n.u-showWideInline,\n.u-showWideBlock,\n.u-showMediumInline,\n.u-showMediumBlock,\n.u-showNarrowInline,\n.u-showNarrowBlock\n{\n	display: none;\n}\n\n.u-smaller\n{\n	font-size: small;\n}\n\n.u-equalFlex\n{\n	display: flex;\n\n	& > *\n	{\n		flex: 1 1 auto;\n	}\n}\n\n@media (max-width: @xf-responsiveWide)\n{\n	.u-hideWide { display: none !important; }\n	.u-showWideInline { display: inline; }\n	.u-showWideBlock { display: block; }\n}\n@media (max-width: @xf-responsiveMedium)\n{\n	.u-hideMedium { display: none !important; }\n	.u-showMediumInline { display: inline; }\n	.u-showMediumBlock { display: block; }\n}\n@media (max-width: @xf-responsiveNarrow)\n{\n	.u-hideNarrow { display: none !important; }\n	.u-showNarrowInline { display: inline; }\n	.u-showNarrowBlock { display: block; }\n}\n\n.u-ltr { direction: ltr; text-align: left; }\n.u-rtl { direction: rtl; text-align: right; }\n\n.generateDepth(@n, @i: 1) when (@i =< @n)\n{\n	.u-depth@{i} { padding-left: (@i * 1em); }\n	.u-indentDepth@{i} { text-indent: (@i * 1em); }\n	.generateDepth(@n, (@i + 1));\n}\n.generateDepth(9);\n\n.u-hidden\n{\n	.m-hiddenEl(false);\n\n	&.u-hidden--transition\n	{\n		.m-hiddenEl(true);\n	}\n}\n\n.u-srOnly\n{\n	.m-visuallyHidden();\n}\n\n.has-no-js .u-jsOnly\n{\n	display: none !important;\n}\n\n.has-js .u-noJsOnly\n{\n	display: none !important;\n}\n\nimg.u-imgContained\n{\n	max-height: 100%;\n	max-width: 100%;\n}\n\n.u-bottomFixer\n{\n	position: sticky;\n	//left: 0;\n	//right: 0;\n	bottom: 0;\n	z-index: @zIndex-8;\n	pointer-events: none;\n\n	> *\n	{\n		pointer-events: auto;\n	}\n}\n\n.u-anchorTarget\n{\n	display: block;\n	height: 0;\n	width: 0;\n	visibility: hidden;\n	pointer-events: none;\n	position: absolute;\n}\n\n.u-flex-1 { flex: 1 }\n.u-flex-2 { flex: 2 }\n.u-flex-3 { flex: 3 }\n.u-flex-4 { flex: 4 }\n\n.u-flexStretch\n{\n	flex: 1 1 auto;\n}\n\n.u-splitter\n{\n	display: inline-block;\n	width: @_form-elementSpacer;\n	flex-shrink: 0;\n}\n\n.u-screenContained\n{\n	max-height: 70vh;\n	overflow: auto;\n	-webkit-overflow-scrolling: touch;\n}\n\n.u-preWrap\n{\n	white-space: pre-wrap;\n}\n\n.u-singleLine\n{\n	.m-overflowEllipsis();\n}', 0x[encoded data, 6874 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
(820, 0x7075626c6963, 0x63757272656e63795f6d6163726f73, 0, '<xf:macro id=\"currency_list\" arg-value=\"!\" arg-includePopular=\"{{ true }}\" arg-row=\"{{ false }}\" arg-rowLabel=\"\" arg-name=\"cost_currency\" arg-rowClass=\"\" arg-class=\"\">\n	<xf:set var=\"$currencyData\" value=\"{{ $xf.app.data(\'XF:Currency\') }}\" />\n	<xf:set var=\"$currencies\" value=\"{$currencyData.getCurrencyOptions()}\" />\n	<xf:if is=\"$includePopular\">\n		<xf:set var=\"$popularCurrencies\" value=\"{$currencyData.getCurrencyOptions(true)}\" />\n	</xf:if>\n\n	<xf:set var=\"$select\">\n		<xf:select name=\"{$name}\" value=\"{$value}\" class=\"{$class}\">\n			<xf:option value=\"\">&nbsp;</xf:option>\n			<xf:if is=\"$popularCurrencies\">\n				<xf:optgroup label=\"{{ phrase(\'popular_currencies\') }}\">\n					<xf:options source=\"{$popularCurrencies}\" />\n				</xf:optgroup>\n				<xf:optgroup label=\"{{ phrase(\'other_currencies\') }}\">\n					<xf:options source=\"{$currencies}\" />\n				</xf:optgroup>\n			<xf:else />\n				<xf:options source=\"{$currencies}\" />\n			</xf:if>\n		</xf:select>\n	</xf:set>\n\n	<xf:if is=\"$row\">\n		<xf:formrow rowtype=\"input\" class=\"{$rowClass}\"\n			label=\"{$rowLabel}\">\n\n			{$select|raw}\n		</xf:formrow>\n	<xf:else />\n		{$select|raw}\n	</xf:if>\n</xf:macro>', 0x[encoded data, 22614 characters], 0x5846, 2030010, '2.3.0 Alpha', 1748686057),
(821, 0x7075626c6963, 0x637573746f6d5f6669656c64735f646973706c61795f746872656164, 0, '<xf:if is=\"{{ $post.position < 1 AND $customFields is not empty }}\">\n	<div>\n		<xf:foreach loop=\"$customFields\" key=\"$fieldId\" value=\"$field\">\n			<dl class=\"pairs pairs--inline\">\n				<dt>{$field.label}</dt>\n				<dd>{$field.value|raw}</dd>\n			</dl>\n		</xf:foreach>\n	</div>\n</xf:if>', 0x[encoded data, 6308 characters], 0x5846, 2000010, '2.0.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
(822, 0x7075626c6963, 0x637573746f6d5f6669656c64735f6d6163726f73, 0, '<xf:macro id=\"custom_fields_view\"\n	arg-type=\"!\"\n	arg-group=\"!\"\n	arg-set=\"!\"\n	arg-onlyInclude=\"{{ null }}\"\n	arg-additionalFilters=\"{{ [] }}\"\n	arg-wrapperClass=\"\"\n	arg-valueClass=\"pairs pairs--columns pairs--fixedSmall pairs--customField\">\n\n	<xf:if is=\"$wrapperClass\">\n		<xf:if contentcheck=\"true\">\n			<div class=\"{$wrapperClass}\">\n				<xf:contentcheck>\n					<xf:macro name=\"custom_fields_values\"\n						arg-type=\"{$type}\"\n						arg-group=\"{$group}\"\n						arg-set=\"{$set}\"\n						arg-onlyInclude=\"{$onlyInclude}\"\n						arg-additionalFilters=\"{$additionalFilters}\"\n						arg-valueClass=\"{$valueClass}\" />\n				</xf:contentcheck>\n			</div>\n		</xf:if>\n	<xf:else />\n		<xf:if contentcheck=\"true\">\n			<xf:contentcheck>\n				<xf:macro name=\"custom_fields_values\"\n					arg-type=\"{$type}\"\n					arg-group=\"{$group}\"\n					arg-set=\"{$set}\"\n					arg-onlyInclude=\"{$onlyInclude}\"\n					arg-additionalFilters=\"{$additionalFilters}\"\n					arg-valueClass=\"{$valueClass}\" />\n			</xf:contentcheck>\n		</xf:if>\n	</xf:if>\n</xf:macro>\n\n<xf:macro id=\"custom_fields_values\"\n	arg-type=\"!\"\n	arg-group=\"!\"\n	arg-set=\"!\"\n	arg-onlyInclude=\"{{ null }}\"\n	arg-additionalFilters=\"{{ [] }}\"\n	arg-valueClass=\"pairs pairs--columns pairs--fixedSmall pairs--customField\">\n\n	<xf:foreach loop=\"$xf.app.getCustomFields({$type}, {$group}, {$onlyInclude}, {$additionalFilters})\" key=\"$fieldId\" value=\"$fieldDefinition\">\n		<xf:if is=\"$fieldDefinition.hasValue({$set.{$fieldDefinition.field_id}})\">\n			<xf:set var=\"$fieldValue\"><xf:trim><xf:macro id=\"custom_field_value\"\n				arg-definition=\"{$fieldDefinition}\"\n				arg-value=\"{$set.{$fieldDefinition.field_id}}\" />\n				</xf:trim></xf:set>\n\n			<xf:if is=\"$fieldDefinition.wrapper_template\">\n				{$fieldDefinition.getFormattedOutput($fieldValue)|raw}\n			<xf:else />\n				<dl class=\"{$valueClass}\" data-field=\"{$fieldId}\">\n					<dt>{$fieldDefinition.title}</dt>\n					<dd>{$fieldValue}</dd>\n				</dl>\n			</xf:if>\n		</xf:if>\n	</xf:foreach>\n</xf:macro>\n\n<xf:macro id=\"custom_field_value\" arg-definition=\"!\" arg-value=\"!\">\n	<xf:if is=\"$definition.field_type == \'stars\'\">\n		<xf:macro id=\"rating_macros::stars\" arg-rating=\"{$value}\" />\n	<xf:else />\n		<xf:if is=\"$definition.match_type == \'date\'\">\n			<xf:macro id=\"custom_field_value_date\" arg-date=\"{$value}\" />\n		<xf:elseif is=\"$definition.match_type == \'color\'\" />\n			<xf:macro id=\"custom_field_value_color\" arg-color=\"{$value}\" />\n		<xf:else />\n			{$definition.getFormattedValue($value)|raw}\n		</xf:if>\n	</xf:if>\n</xf:macro>\n\n<xf:macro id=\"custom_field_value_date\"\n	arg-date=\"!\">\n\n	{{ date(date_from_format(\'Y-m-d\', $date)) }}\n</xf:macro>\n\n<xf:macro id=\"custom_field_value_color\"\n	arg-color=\"!\">\n\n	<span class=\"colorChip\" data-xf-init=\"tooltip\" title=\"{$color}\">\n		<span class=\"colorChip-inner\" style=\"background-color: {$color}\">\n			<span class=\"colorChip-value\">{$color}</span>\n		</span>\n	</span>\n</xf:macro>\n\n<xf:macro id=\"custom_fields_edit\"\n	arg-type=\"!\"\n	arg-group=\"{{ null }}\"\n	arg-set=\"!\"\n	arg-editMode=\"user\"\n	arg-onlyInclude=\"{{ null }}\"\n	arg-additionalFilters=\"{{ [] }}\"\n	arg-rowType=\"\"\n	arg-rowClass=\"\"\n	arg-namePrefix=\"custom_fields\"\n	arg-requiredOnly=\"{{ false }}\">\n\n	<xf:foreach loop=\"$xf.app.getCustomFieldsForEdit({$type}, {$set}, {$editMode}, {$group}, {$onlyInclude}, {$additionalFilters})\" key=\"$fieldId\" value=\"$fieldDefinition\">\n		<xf:if is=\"!$requiredOnly OR ($requiredOnly AND $fieldDefinition.required)\">\n			<xf:set var=\"$controlId\" value=\"{{\n				in_array($fieldDefinition.field_type, [\'textbox\', \'textarea\', \'select\', \'multiselect\', \'date\', \'stars\', \'color\'])\n				? unique_id()\n				: \'\' }}\" />\n			<xf:set var=\"$labelId\" value=\"{{\n				in_array($fieldDefinition.field_type, [\'radio\', \'checkbox\'])\n				? unique_id()\n				: \'\' }}\" />\n\n			<xf:formrow label=\"{$fieldDefinition.title}\"\n				explain=\"{$fieldDefinition.description}\"\n				hint=\"{{ $fieldDefinition.isRequired($editMode) ? phrase(\'required\') : \'\' }}\"\n				rowtype=\"{$rowType} customField {{ in_array($fieldDefinition.field_type, [\'textbox\', \'textarea\', \'bbcode\', \'select\']) ? \'input\' : \'\' }}\"\n				rowclass=\"{$rowClass}\"\n				labelid=\"{$labelId}\"\n				controlid=\"{$controlId}\"\n				data-field=\"{$fieldDefinition.field_id}\">\n\n				<xf:macro id=\"custom_fields_edit_{$fieldDefinition.field_type}\"\n					arg-set=\"{$set}\"\n					arg-definition=\"{$fieldDefinition}\"\n					arg-editMode=\"{$editMode}\"\n					arg-refId=\"{{ $controlId ?: $labelId }}\"\n					arg-namePrefix=\"{$namePrefix}\" />\n			</xf:formrow>\n		</xf:if>\n	</xf:foreach>\n</xf:macro>\n\n<xf:macro id=\"custom_fields_edit_groups\"\n	arg-type=\"!\"\n	arg-groups=\"!\"\n	arg-set=\"!\"\n	arg-editMode=\"user\"\n	arg-onlyInclude=\"{{ null }}\"\n	arg-additionalFilters=\"{{ [] }}\"\n	arg-rowType=\"\"\n	arg-namePrefix=\"custom_fields\"\n	arg-requiredOnly=\"\">\n\n	<xf:foreach loop=\"$groups\" value=\"$group\">\n		<xf:macro id=\"custom_fields_edit\"\n			arg-type=\"{$type}\"\n			arg-group=\"{$group}\"\n			arg-set=\"{$set}\"\n			arg-editMode=\"{$editMode}\"\n			arg-onlyInclude=\"{$onlyInclude}\"\n			arg-additionalFilters=\"{$additionalFilters}\"\n			arg-rowType=\"{$rowType}\"\n			arg-namePrefix=\"{$namePrefix}\"\n			arg-requiredOnly=\"{$requiredOnly}\" />\n	</xf:foreach>\n</xf:macro>\n\n<xf:macro id=\"custom_fields_edit_textbox\" arg-set=\"!\" arg-definition=\"!\" arg-editMode=\"!\" arg-refId=\"\" arg-namePrefix=\"custom_fields\">\n\n	<xf:if is=\"$definition.match_type == \'date\'\">\n\n		<xf:dateinput name=\"{$namePrefix}[{$definition.field_id}]\" value=\"{$set.{$definition.field_id}}\"\n			data-field=\"{$definition.field_id}\"\n			maxlength=\"{{ $definition.max_length ? $definition.max_length : \'\' }}\"\n			required=\"{{ $definition.isRequired($editMode) ? \'required\' : \'\' }}\"\n			id=\"{$refId}\"\n			class=\"field_{$definition.field_id}\" />\n\n	<xf:elseif is=\"$definition.match_type == \'color\'\" />\n\n		<xf:macro id=\"color_picker_macros::color_picker\"\n			arg-name=\"{$namePrefix}[{$definition.field_id}]\"\n			arg-value=\"{$set.{$definition.field_id}}\"\n			arg-mapName=\"\"\n			arg-row=\"{{ false }}\"\n			arg-controlId=\"{$refId}\"\n			arg-required=\"{$definition.isRequired($editMode)}\" />\n\n	<xf:elseif is=\"$definition.match_type == \'number\'\" />\n\n		<xf:set var=\"$step\" value=\"1\" />\n\n		<xf:if is=\"$definition.match_params.number_integer\">\n			<xf:if is=\"$definition.match_params.number_min >= 0\">\n				<xf:set var=\"$pattern\" value=\"\\d*\" />\n			</xf:if>\n		<xf:else />\n			<xf:set var=\"$step\" value=\"any\" />\n		</xf:if>\n		<xf:if is=\"$definition.match_params.number_min !== \'\'\">\n			<xf:set var=\"$min\" value=\"{$definition.match_params.number_min}\" />\n		</xf:if>\n		<xf:if is=\"$definition.match_params.number_max !== \'\'\">\n			<xf:set var=\"$max\" value=\"{$definition.match_params.number_max}\" />\n		</xf:if>\n\n		<xf:numberbox name=\"{$namePrefix}[{$definition.field_id}]\" value=\"{$set.{$definition.field_id}}\"\n			maxlength=\"{{ $definition.max_length ? $definition.max_length : \'\' }}\"\n			pattern=\"{$pattern}\"\n			default=\"\"\n			min=\"{$min}\"\n			max=\"{$max}\"\n			step=\"{$step}\"\n			required=\"{{ $definition.isRequired($editMode) ? \'required\' : \'\' }}\"\n			id=\"{$refId}\"\n			class=\"field_{$definition.field_id}\" />\n\n	<xf:else />\n\n		<xf:if is=\"in_array($definition.match_type, [\'regex\', \'alphanumeric\'])\">\n\n			<xf:set var=\"$type\" value=\"text\" />\n			<xf:set var=\"$pattern\" value=\"{{ $definition.match_type == \'regex\' ? $definition.match_params.regex : \'\\w+\' }}\" />\n			<xf:set var=\"$title\">{{ phrase(\'please_enter_value_that_matches_required_format\') }}</xf:set>\n\n		<xf:elseif is=\"in_array($definition.match_type, [\'date\', \'email\', \'url\', \'color\'])\" />\n\n			<xf:set var=\"$type\" value=\"{$definition.match_type}\" />\n\n		<xf:else />\n\n			<xf:set var=\"$type\" value=\"text\" />\n\n		</xf:if>\n\n		<xf:textbox name=\"{$namePrefix}[{$definition.field_id}]\" value=\"{$set.{$definition.field_id}}\"\n			type=\"{$type}\"\n			maxlength=\"{{ $definition.max_length ? $definition.max_length : \'\' }}\"\n			pattern=\"{$pattern}\"\n			title=\"{$title}\"\n			min=\"{$min}\"\n			max=\"{$max}\"\n			step=\"{$step}\"\n			required=\"{{ $definition.isRequired($editMode) ? \'required\' : \'\' }}\"\n			id=\"{$refId}\"\n			class=\"field_{$definition.field_id}\" />\n	</xf:if>\n</xf:macro>\n\n<xf:macro id=\"custom_fields_edit_textarea\" arg-set=\"!\" arg-definition=\"!\" arg-editMode=\"!\" arg-refId=\"\" arg-namePrefix=\"custom_fields\">\n\n	<xf:textarea name=\"{$namePrefix}[{$definition.field_id}]\" value=\"{$set.{$definition.field_id}}\"\n		maxlength=\"{{ $definition.max_length ? $definition.max_length : \'\' }}\"\n		autosize=\"true\"\n		required=\"{{ $definition.isRequired($editMode) ? \'required\' : \'\' }}\"\n		id=\"{$refId}\"\n		class=\"field_{$definition.field_id}\" />\n</xf:macro>\n\n<xf:macro id=\"custom_fields_edit_bbcode\" arg-set=\"!\" arg-definition=\"!\" arg-editMode=\"!\" arg-refId=\"\" arg-namePrefix=\"custom_fields\">\n\n	<xf:editor name=\"{$namePrefix}[{$definition.field_id}]\" value=\"{$set.{$definition.field_id}}\"\n		previewable=\"0\"\n		data-min-height=\"80\"\n		data-attachment-target=\"false\"\n		class=\"field_{$definition.field_id}\" />\n</xf:macro>\n\n<xf:macro id=\"custom_fields_edit_select\" arg-set=\"!\" arg-definition=\"!\" arg-editMode=\"!\" arg-refId=\"\" arg-multi=\"\" arg-namePrefix=\"custom_fields\">\n\n	<xf:select name=\"{$namePrefix}[{$definition.field_id}]\"\n		value=\"{{ $set.{$definition.field_id} === null ? \'\' : {$set.{$definition.field_id}} }}\"\n		multiple=\"{$multi}\"\n		id=\"{$refId}\"\n		class=\"field_{$definition.field_id}\">\n			<xf:option value=\"\" />\n			<xf:options source=\"$definition.field_choices\" />\n	</xf:select>\n</xf:macro>\n\n<xf:macro id=\"custom_fields_edit_radio\" arg-set=\"!\" arg-definition=\"!\" arg-editMode=\"!\" arg-refId=\"\" arg-namePrefix=\"custom_fields\">\n\n	<xf:radio name=\"{$namePrefix}[{$definition.field_id}]\"\n		value=\"{{ $set.{$definition.field_id} === null ? \'\' : {$set.{$definition.field_id}} }}\"\n		class=\"field_{$definition.field_id}\"\n		role=\"radiogroup\" aria-labelledby=\"{$refId}\"\n		listclass=\"listColumns\">\n			<xf:if is=\"!$definition.isRequired($editMode)\">\n				<xf:option value=\"\">{{ phrase(\'no_selection\') }}</xf:option>\n			</xf:if>\n			<xf:foreach loop=\"$definition.field_choices\" key=\"$value\" value=\"$label\">\n				<xf:option value=\"{$value}\" required=\"{{ $definition.isRequired($editMode) ? \'required\' : \'\' }}\">{$label}</xf:option>\n			</xf:foreach>\n	</xf:radio>\n</xf:macro>\n\n<xf:macro id=\"custom_fields_edit_checkbox\" arg-set=\"!\" arg-definition=\"!\" arg-editMode=\"!\" arg-refId=\"\" arg-namePrefix=\"custom_fields\">\n\n	<xf:checkbox name=\"{$namePrefix}[{$definition.field_id}]\" value=\"{$set.{$definition.field_id}}\"\n		required=\"{{ $definition.isRequired($editMode) ? \'required\' : \'\' }}\"\n		role=\"group\" aria-labelledby=\"{$refId}\"\n		listclass=\"field_{$definition.field_id} listColumns\">\n			<xf:options source=\"$definition.field_choices\" />\n	</xf:checkbox>\n</xf:macro>\n\n<xf:macro id=\"custom_fields_edit_multiselect\" arg-set=\"!\" arg-definition=\"!\" arg-editMode=\"!\" arg-refId=\"\" arg-namePrefix=\"custom_fields\">\n\n	<xf:macro id=\"custom_fields_edit_select\"\n		arg-set=\"{$set}\"\n		arg-definition=\"{$definition}\"\n		arg-editMode=\"{$editMode}\"\n		arg-refId=\"{$refId}\"\n		arg-multi=\"1\"\n		arg-namePrefix=\"{$namePrefix}\" />\n</xf:macro>\n\n<xf:macro id=\"custom_fields_edit_stars\" arg-set=\"!\" arg-definition=\"!\" arg-editMode=\"!\" arg-refId=\"\" arg-namePrefix=\"custom_fields\">\n	<xf:macro id=\"rating_macros::rating\"\n		arg-name=\"{$namePrefix}[{$definition.field_id}]\"\n		arg-controlId=\"{$refId}\"\n		arg-currentRating=\"{$set.{$definition.field_id}}\"\n		arg-deselectable=\"{{ $definition.isRequired($editMode) ? \'false\' : \'true\' }}\"\n		arg-row=\"{{ false }}\" />\n</xf:macro>', 0x[encoded data, 198032 characters], 0x5846, 2030010, '2.3.0 Alpha', 1748686057);
