<?xml version="1.0" ?>
<css>
	<rule selector="body">
	
		<property name="--info" value="#78BE39" />
		<property name="--warning" value="#F79131" />
		<property name="--error" value="#E20D1B" />
		--accent:;
	</rule>
	
	
	<rule selector="@font-face">
	
	  <property name="font-family" value="'Roboto'" />
	  <property name="font-style" value="italic" />
	  <property name="font-weight" value="400" />
	  <property name="src" value="local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v18/WxrXJa0C3KdtC7lMafG4dRTbgVql8nDJpwnrE27mub0.woff2) format('woff2')" />
	  <property name="unicode-range" value="U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F" />
	  <property name="font-display" value="fallback" />
	</rule>
	
	
	<rule selector="@font-face">
	
	  <property name="font-family" value="'Roboto'" />
	  <property name="font-style" value="italic" />
	  <property name="font-weight" value="400" />
	  <property name="src" value="local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v18/OpXUqTo0UgQQhGj_SFdLWBTbgVql8nDJpwnrE27mub0.woff2) format('woff2')" />
	  <property name="unicode-range" value="U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116" />
	  <property name="font-display" value="fallback" />
	</rule>
	
	
	<rule selector="@font-face">
	
	  <property name="font-family" value="'Roboto'" />
	  <property name="font-style" value="italic" />
	  <property name="font-weight" value="400" />
	  <property name="src" value="local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v18/1hZf02POANh32k2VkgEoUBTbgVql8nDJpwnrE27mub0.woff2) format('woff2')" />
	  <property name="unicode-range" value="U+1F00-1FFF" />
	  <property name="font-display" value="fallback" />
	</rule>
	
	
	<rule selector="@font-face">
	
	  <property name="font-family" value="'Roboto'" />
	  <property name="font-style" value="italic" />
	  <property name="font-weight" value="400" />
	  <property name="src" value="local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v18/cDKhRaXnQTOVbaoxwdOr9xTbgVql8nDJpwnrE27mub0.woff2) format('woff2')" />
	  <property name="unicode-range" value="U+0370-03FF" />
	  <property name="font-display" value="fallback" />
	</rule>
	
	
	<rule selector="@font-face">
	
	  <property name="font-family" value="'Roboto'" />
	  <property name="font-style" value="italic" />
	  <property name="font-weight" value="400" />
	  <property name="src" value="local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v18/K23cxWVTrIFD6DJsEVi07RTbgVql8nDJpwnrE27mub0.woff2) format('woff2')" />
	  <property name="unicode-range" value="U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB" />
	  <property name="font-display" value="fallback" />
	</rule>
	
	
	<rule selector="@font-face">
	
	  <property name="font-family" value="'Roboto'" />
	  <property name="font-style" value="italic" />
	  <property name="font-weight" value="400" />
	  <property name="src" value="local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v18/vSzulfKSK0LLjjfeaxcREhTbgVql8nDJpwnrE27mub0.woff2) format('woff2')" />
	  <property name="unicode-range" value="U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF" />
	  <property name="font-display" value="fallback" />
	</rule>
	
	
	<rule selector="@font-face">
	
	  <property name="font-family" value="'Roboto'" />
	  <property name="font-style" value="italic" />
	  <property name="font-weight" value="400" />
	  <property name="src" value="local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v18/vPcynSL0qHq_6dX7lKVByfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2')" />
	  <property name="unicode-range" value="U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215" />
	  <property name="font-display" value="fallback" />
	</rule>
	
	
	<rule selector="@font-face">
	
	  <property name="font-family" value="'Roboto'" />
	  <property name="font-style" value="normal" />
	  <property name="font-weight" value="400" />
	  <property name="src" value="local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/ek4gzZ-GeXAPcSbHtCeQI_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2')" />
	  <property name="unicode-range" value="U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F" />
	  <property name="font-display" value="fallback" />
	</rule>
	
	
	<rule selector="@font-face">
	
	  <property name="font-family" value="'Roboto'" />
	  <property name="font-style" value="normal" />
	  <property name="font-weight" value="400" />
	  <property name="src" value="local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/mErvLBYg_cXG3rLvUsKT_fesZW2xOQ-xsNqO47m55DA.woff2) format('woff2')" />
	  <property name="unicode-range" value="U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116" />
	  <property name="font-display" value="fallback" />
	</rule>
	
	
	<rule selector="@font-face">
	
	  <property name="font-family" value="'Roboto'" />
	  <property name="font-style" value="normal" />
	  <property name="font-weight" value="400" />
	  <property name="src" value="local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/-2n2p-_Y08sg57CNWQfKNvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2')" />
	  <property name="unicode-range" value="U+1F00-1FFF" />
	  <property name="font-display" value="fallback" />
	</rule>
	
	
	<rule selector="@font-face">
	
	  <property name="font-family" value="'Roboto'" />
	  <property name="font-style" value="normal" />
	  <property name="font-weight" value="400" />
	  <property name="src" value="local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/u0TOpm082MNkS5K0Q4rhqvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2')" />
	  <property name="unicode-range" value="U+0370-03FF" />
	  <property name="font-display" value="fallback" />
	</rule>
	
	
	<rule selector="@font-face">
	
	  <property name="font-family" value="'Roboto'" />
	  <property name="font-style" value="normal" />
	  <property name="font-weight" value="400" />
	  <property name="src" value="local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/NdF9MtnOpLzo-noMoG0miPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2')" />
	  <property name="unicode-range" value="U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB" />
	  <property name="font-display" value="fallback" />
	</rule>
	
	
	<rule selector="@font-face">
	
	  <property name="font-family" value="'Roboto'" />
	  <property name="font-style" value="normal" />
	  <property name="font-weight" value="400" />
	  <property name="src" value="local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2')" />
	  <property name="unicode-range" value="U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF" />
	  <property name="font-display" value="fallback" />
	</rule>
	
	
	<rule selector="@font-face">
	
	  <property name="font-family" value="'Roboto'" />
	  <property name="font-style" value="normal" />
	  <property name="font-weight" value="400" />
	  <property name="src" value="local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2')" />
	  <property name="unicode-range" value="U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215" />
	  <property name="font-display" value="fallback" />
	</rule>
	
	
	<rule selector="@font-face">
	
	  <property name="font-family" value="'Roboto'" />
	  <property name="font-style" value="normal" />
	  <property name="font-weight" value="700" />
	  <property name="src" value="local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/77FXFjRbGzN4aCrSFhlh3hJtnKITppOI_IvcXXDNrsc.woff2) format('woff2')" />
	  <property name="unicode-range" value="U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F" />
	  <property name="font-display" value="fallback" />
	</rule>
	
	
	<rule selector="@font-face">
	
	  <property name="font-family" value="'Roboto'" />
	  <property name="font-style" value="normal" />
	  <property name="font-weight" value="700" />
	  <property name="src" value="local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/isZ-wbCXNKAbnjo6_TwHThJtnKITppOI_IvcXXDNrsc.woff2) format('woff2')" />
	  <property name="unicode-range" value="U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116" />
	  <property name="font-display" value="fallback" />
	</rule>
	
	
	<rule selector="@font-face">
	
	  <property name="font-family" value="'Roboto'" />
	  <property name="font-style" value="normal" />
	  <property name="font-weight" value="700" />
	  <property name="src" value="local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/UX6i4JxQDm3fVTc1CPuwqhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2')" />
	  <property name="unicode-range" value="U+1F00-1FFF" />
	  <property name="font-display" value="fallback" />
	</rule>
	
	
	<rule selector="@font-face">
	
	  <property name="font-family" value="'Roboto'" />
	  <property name="font-style" value="normal" />
	  <property name="font-weight" value="700" />
	  <property name="src" value="local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/jSN2CGVDbcVyCnfJfjSdfBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2')" />
	  <property name="unicode-range" value="U+0370-03FF" />
	  <property name="font-display" value="fallback" />
	</rule>
	
	
	<rule selector="@font-face">
	
	  <property name="font-family" value="'Roboto'" />
	  <property name="font-style" value="normal" />
	  <property name="font-weight" value="700" />
	  <property name="src" value="local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/PwZc-YbIL414wB9rB1IAPRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2')" />
	  <property name="unicode-range" value="U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB" />
	  <property name="font-display" value="fallback" />
	</rule>
	
	
	<rule selector="@font-face">
	
	  <property name="font-family" value="'Roboto'" />
	  <property name="font-style" value="normal" />
	  <property name="font-weight" value="700" />
	  <property name="src" value="local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/97uahxiqZRoncBaCEI3aWxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2')" />
	  <property name="unicode-range" value="U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF" />
	  <property name="font-display" value="fallback" />
	</rule>
	
	
	<rule selector="@font-face">
	
	  <property name="font-family" value="'Roboto'" />
	  <property name="font-style" value="normal" />
	  <property name="font-weight" value="700" />
	  <property name="src" value="local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/d-6IYplOFocCacKzxwXSOFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2')" />
	  <property name="unicode-range" value="U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215" />
	  <property name="font-display" value="fallback" />
	</rule>
	
	<rule selector="html">
	
		<property name="--background" value="#FFF" />
		<property name="--line" value="#EEE" />
		<property name="--line-hard" value="#DDD" />
		<property name="--text-color-normal" value="#000" />
		<property name="--text-color-quote" value="#555" />
		<property name="--text-color-soft" value="#666" />
		<property name="--text-color-softer" value="#AAA" />
		<property name="--soft-bg" value="#DDD" />
		<property name="--bg-offset" value="#F8F8F8" />
		<property name="--bg-highlight" value="#F3F3F3" />
		<property name="--border-input" value="#DDD" />
		<property name="--border-focus" value="#999" />
	</rule>
	
	
	
	
	<rule selector="body.dark, html.dark">
	
		<property name="--background" value="#111" />
		<property name="--line" value="#333" />
		<property name="--line-hard" value="#444" />
		<property name="--text-color-normal" value="#FFF" />
		<property name="--text-color-quote" value="#CCC" />
		<property name="--text-color-soft" value="#AAA" />
		<property name="--text-color-softer" value="#999" />
		<property name="--soft-bg" value="#444" />
		<property name="--bg-offset" value="#222" />
		<property name="--bg-highlight" value="#333" />
		<property name="--border-input" value="#333" />
		<property name="--border-focus" value="#666" />
		<rule selector=".youtube">
	
			<property name="background" value="var(--bg-offset)" />
		</rule>
	
	</rule>
	
	
	<rule selector=".content">
	
		<property name="--negative-space" value="-10px" />
		<property name="--text-spacer" value="20px" />
	</rule>
	
	
	
	<rule selector=".accent">
	
		<rule selector="color:; </rule> .accent-hover:hover">
	
		<rule selector="color:; </rule> .accent-border">
	
		<property name="border-color" value="!important" />
	</rule>
	
	<rule selector=".accent-bg, .accent-bg-hover:hover">
	
		<rule selector="background-color:; </rule> .accent-animate">
	
		<property name="transition" value="color 1s ease" />
		<property name="transition" value="background-color 0.3s ease" />
	</rule>
	
	<rule selector=".text a, .forums .text a, .accent, .forums .unread a, .forums .unread .item-title .icon, .forums .unread .forum-title .icon">
	
		<rule selector="color:; </rule> .ccmsForm .fm-fieldset-contents">
	
		<rule selector="border-color:; </rule> .accent-bg, .ccmsForm .fm-fieldset legend, .ccmsForm .button:hover, .accent-bg-hover:hover">
	
		<rule selector="background-color:; </rule> #header">
	
		<property name="color" value="#FFF" />
		<rule selector=".menubar">
	
			<property name="box-shadow" value="0 0 15px rgba(0,0,0,0.5)" />
		</rule>
	
	</rule>
	
	<rule selector="#body, .content">
	
		<property name="background" value="var(--background)" />
		<property name="color" value="var(--text-color-normal)" />
	</rule>
	
	
	<rule selector=".inset">
	
		<property name="width" value="1260px" />
		<property name="margin" value="0 auto" />
	</rule>
	
	<rule selector=".header, #footer">
	
		<rule selector=".inset">
	
			<property name="max-width" value="1260px" />
			<property name="width" value="auto" />
		</rule>
	
	</rule>
	
	
	
	<rule selector=".header-wrap">
	
		<property name="position" value="relative" />
		<property name="z-index" value="20000" />
	</rule>
	
	<rule selector="#template">
	
		<property name="position" value="relative" />
	</rule>
	
	<rule selector="#toolbar">
	
		<rule selector="a">
	
			<property name="float" value="left" />
			<property name="color" value="#FFF" />
		</rule>
	
	</rule>
	
	<rule selector="#header">
	
		<property name="text-align" value="center" />
		<property name="background" value="inherit" />
		<rule selector="a">
	
			<property name="text-decoration" value="none" />
		</rule>
	
		<rule selector="ul">
	
			<property name="text-align" value="left" />
		</rule>
	
	</rule>
	
	<rule selector=".site-title">
	
		<property name="font-size" value="100%" />
		<property name="display" value="inline-block" />
		<property name="max-width" value="265px" />
		<property name="line-height" value="65px" />
		<property name="vertical-align" value="bottom" />
		<property name="padding" value="15px 15px 15px 0" />
		<rule selector="a">
	
			<property name="display" value="inline-block" />
			<property name="height" value="100%" />
			<property name="line-height" value="100%" />
			<property name="vertical-align" value="middle" />
			<property name="color" value="#FFF" />
		</rule>
	
		<rule selector="img">
	
			<property name="max-width" value="100%" />
			<property name="max-height" value="100%" />
			<property name="vertical-align" value="middle" />
		</rule>
	
	</rule>
	
	<rule selector="body.noscroll">
	
		<property name="overflow" value="hidden" />
	</rule>
	
	<rule selector="body.with-mastfoot">
	
		<property name="padding-bottom" value="48px" />
	</rule>
	
	<rule sp="@media screen and (min-width: 1200px) " />
	
		<rule selector=".content-only">
	
			<rule selector=".content">
	
				<property name="max-width" value="1000px" />
				<property name="margin" value="0 auto" />
				<property name="padding-top" value="30px" />
			</rule>
	
		</rule>
	
	<rule ep="1"/>
	
	<rule sp="@media screen and (min-width:850px) " />
	
		<rule selector="#page-sidebar">
	
			<property name="float" value="left" />
			<property name="width" value="300px" />
		</rule>
	
		<rule selector="#body">
	
			<property name="padding" value="10px" />
		</rule>
	
		<rule selector=".sidebar-wrap">
	
			<property name="min-height" value="1500px" />
			<property name="overflow" value="overlay" />
		</rule>
	
		<rule selector=".with-sidebar">
	
			<rule selector="#content">
	
				<property name="width" value="920px" />
				<property name="padding-right" value="12px" />
				<property name="float" value="left" />
			</rule>
	
		</rule>
	
		<rule selector=".cols-wrap">
	
			<property name="overflow" value="auto" />
			<property name="overflow" value="overlay" />
		</rule>
	
		<rule selector=".cols">
	
			<property name="overflow" value="auto" />
			<property name="overflow" value="overlay" />
			<rule selector=".col-1">
	
				<property name="float" value="left" />
			</rule>
	
			<rule selector=".col-2">
	
				<property name="float" value="right" />
			</rule>
	
		</rule>
	
		<rule selector=".cols.extended">
	
			<rule selector=".col-1">
	
				<property name="width" value="860px" />
				<property name="padding-right" value="12px" />
			</rule>
	
			<rule selector=".col-2">
	
				<property name="width" value="360px" />
			</rule>
	
		</rule>
	
		<rule selector=".cols.standard">
	
			<rule selector=".col-1">
	
				<property name="width" value="920px" />
				<property name="padding-right" value="12px" />
			</rule>
	
			<rule selector=".col-2">
	
				<property name="width" value="300px" />
			</rule>
	
		</rule>
	
	<rule ep="1"/>
	
	
	<rule sp="@media screen and (min-width: 1301px) " />
	
		<rule selector="#body">
	
			<property name="padding" value="16px 16px 15px 12px" />
		</rule>
	
	<rule ep="1"/>
	
	
	<rule sp="@media screen and (min-width: 1200px) " />
	
		
		<rule selector=".article">
	
			<rule selector=".body-text">
	
				<property name="padding-left" value="20px" />
				<property name="margin" value="0 auto" />
				<rule selector=".object-youtube">
	
					<property name="margin-left" value="-20px" />
					<rule selector=".youtube">
	
						<property name="padding" value="15px 15px 0 15px" />
						<rule selector=".youtube-sub">
	
							<property name="padding" value="10px 0" />
							<property name="text-align" value="center" />
						</rule>
	
					</rule>
	
				</rule>
	
			</rule>
	
		</rule>
	
	<rule ep="1"/>
	
	
	<rule sp="@media screen and (max-width:899px) " />
	
	
		<rule selector=".site-title">
	
			<property name="display" value="block" />
			<property name="margin-left" value="70px" />
			<property name="margin-right" value="70px" />
			<property name="text-align" value="center" />
			<property name="max-width" value="none" />
			<property name="padding" value="0 10px" />
			<property name="height" value="70px" />
			<property name="line-height" value="70px" />
			<rule selector="a">
	
				<property name="display" value="inline" />
			</rule>
	
		</rule>
	
	
	<rule ep="1"/>
	
	
	<rule selector="article, aside, figure, footer, header, hgroup, menu, nav, section">
	 <property name="display" value="block" /> </rule>
	
	<rule selector="h1,h2,h3,h4,h5,h6,p,blockquote,ul,li,ol,dl,dt,dd,form,body,html,article,aside,figure,footer,header,hgroup,menu,nav,section">
	
		<property name="margin" value="0" />
		<property name="padding" value="0" />
		<property name="font-size" value="100%" />
	</rule>
	
	<rule selector="abbr">
	
		<property name="text-decoration" value="none" />
	</rule>
	
	<rule selector="html">
	
		<property name="height" value="100%" />
	</rule>
	
	<rule selector="body">
	
		<property name="font-size" value="100%" />
		<property name="font-family" value="Roboto, Helvetica, Arial, sans-serif" />
		<property name="background" value="#CCC" />
	</rule>
	
	<rule selector="ul">
	
		<property name="text-align" value="left" />
		<property name="list-style-type" value="none" />
		<rule selector="li">
	
			<property name="display" value="inline" />
		</rule>
	
	</rule>
	
	<rule selector=".clear">
	
		<property name="clear" value="both" />
	</rule>
	
	<rule selector=".enlarge">
	
		<property name="cursor" value="zoom-in" />
	</rule>
	
	<rule selector=".centered">
	
		<property name="text-align" value="center" />
	</rule>
	
	<rule selector=".float-right">
	
		<property name="float" value="right" />
	</rule>
	
	<rule selector=".float-left">
	
		<property name="float" value="left" />
	</rule>
	
	<rule selector=".breadcrumbs">
	
		<property name="background" value="var(--bg-offset)" />
		<property name="color" value="var(--text-color-soft)" />
		<property name="font-size" value="smaller" />
		<property name="padding" value="7px 15px" />
		<property name="margin-bottom" value="15px" />
		<property name="line-height" value="150%" />
		<rule selector=".breadcrumb">
	
			<property name="color" value="var(--text-color-softer)" />
			<property name="padding" value="0 5px" />
		</rule>
	
		<rule selector=".text-only">
	
			<property name="display" value="none" />
		</rule>
	
		<rule selector="a">
	
			<property name="color" value="var(--text-color-soft)" />
			<property name="font-weight" value="bold" />
			<property name="text-decoration" value="none" />
			<rule selector=":hover">
	
				<property name="text-decoration" value="underline" />
			</rule>
	
		</rule>
	
	</rule>
	
	<rule selector=".paginate">
	
		<property name="text-align" value="center" />
		<property name="padding" value="11px 0" />
		<property name="color" value="var(--text-color-softer)" />
		<property name="font-size" value="smaller" />
		<rule selector="li">
	
			<property name="padding-right" value="4px" />
			<rule selector="span">
	
				<property name="vertical-align" value="middle" />
			</rule>
	
		</rule>
	
		<rule selector=".current-page, a">
	
			<property name="display" value="inline-block" />
			<property name="padding" value="5px 8px" />
			<rule selector="color:; <property name=&quot;min-width&quot; value=&quot;15px&quot; /&gt; <property name=&quot;text-align&quot; value=&quot;center&quot; /&gt; <property name=&quot;text-decoration&quot; value=&quot;none&quot; /&gt; <property name=&quot;font-weight&quot; value=&quot;bold&quot; /&gt; <property name=&quot;margin&quot; value=&quot;4px 0&quot; /&gt; </rule> a">
	
			<rule selector=":hover">
	
				<property name="color" value="#FFF" />
			</rule>
	
		</rule>
	
		<rule selector=".active">
	
			<property name="color" value="#FFF" />
		</rule>
	
		<rule selector=".accent-border">
	
			<property name="border-width" value="2px" />
			<property name="border-style" value="solid" />
		</rule>
	
		<rule selector=".total-pages">
	
			<property name="display" value="inline-block" />
			<property name="padding" value="5px 8px" />
			<property name="border" value="2px solid currentColor" />
		</rule>
	
		<rule selector=".ui-page-jump">
	
			<property name="cursor" value="pointer" />
			<property name="position" value="relative" />
			<property name="display" value="inline-block" />
			<rule selector="form">
	
				<property name="bottom" value="100%" />
				<property name="left" value="0" />
				<property name="right" value="0" />
				<property name="position" value="absolute" />
				<property name="padding" value="5px" />
				<property name="background" value="var(--soft-bg)" />
				<property name="border-radius" value="5px" />
				<property name="box-shadow" value="0 0 5px rgba(0,0,0,0.1)" />
				<rule selector="label">
	
					<property name="font-weight" value="bold" />
					<property name="padding-bottom" value="5px" />
					<property name="display" value="block" />
				</rule>
	
				<rule selector="div">
	
					<property name="display" value="flex" />
					<property name="font-size" value="larger" />
					<rule selector="input">
	
						<property name="flex-grow" value="1" />
						<property name="width" value="100%" />
						<property name="text-align" value="center" />
						<property name="border" value="none" />
						<property name="outline" value="none" />
					</rule>
	
					<rule selector="button">
	
						<property name="color" value="#FFF" />
						<property name="border" value="none" />
						<property name="font-weight" value="bold" />
						<property name="padding" value="5px 8px" />
						<property name="text-transform" value="uppercase" />
						<property name="font-family" value="inherit" />
						<property name="cursor" value="pointer" />
					</rule>
	
				</rule>
	
			</rule>
	
		</rule>
	
	</rule>
	
	<rule selector=".youtube">
	
		<property name="clear" value="both" />
		<property name="background" value="#222222" />
		<property name="margin-bottom" value="var(--text-spacer)" />
		<property name="line-height" value="100%" />
		<rule selector="iframe">
	
			<property name="vertical-align" value="bottom" />
		</rule>
	
		<rule selector=".youtube-caption, .youtube-sub">
	
			<property name="display" value="block" />
			<property name="padding" value="5px 10px" />
			<property name="color" value="#DDD" />
			<property name="font-size" value="90%" />
			<property name="line-height" value="24px" />
			<rule selector="a">
	
				<property name="font-weight" value="bold" />
				<property name="text-decoration" value="none" />
				<property name="color" value="#FFF !important" />
				<rule selector=":hover">
	
					<property name="text-decoration" value="underline" />
				</rule>
	
			</rule>
	
		</rule>
	
		<rule selector=".youtube-sub">
	
			<property name="padding" value="10px 0" />
			<property name="text-align" value="center" />
			<rule selector="div">
	
				<property name="vertical-align" value="middle !important" />
			</rule>
	
		</rule>
	
		<rule selector=".youtube-watch">
	
			<property name="clear" value="left" />
			<property name="padding" value="13px 0" />
			<property name="text-align" value="left" />
			<rule selector="a">
	
				<property name="color" value="#DDD" />
				<property name="text-decoration" value="none" />
				<rule selector="strong">
	
					<property name="font-weight" value="bold" />
					<property name="color" value="#FFF" />
				</rule>
	
				<rule selector=":hover">
	
					<property name="text-decoration" value="none" />
					<rule selector="strong">
	
						<property name="text-decoration" value="underline" />
					</rule>
	
				</rule>
	
			</rule>
	
		</rule>
	
		<rule selector=".primis-player">
	
			<property name="aspect-ratio" value="16 / 9" />
			<property name="height" value="auto" />
		</rule>
	
	</rule>
	
	<rule sp="@media screen and (min-width: 900px) " />
	
		<rule selector=".youtube.with-primis">
	
			<rule selector=".youtube-sub">
	
				<property name="float" value="right" />
			</rule>
	
			<rule selector=".primis-player">
	
				<property name="aspect-ratio" value="89 / 42" />
			</rule>
	
		</rule>
	
	<rule ep="1"/>
	
	<rule sp="@media screen and (max-width:899px) " />
	
		<rule selector=".youtube.with-primis">
	
			<rule selector=".youtube-sub">
	
				<property name="display" value="none" />
			</rule>
	
			<rule selector=".youtube-watch">
	
				<property name="text-align" value="center" />
			</rule>
	
		</rule>
	
	<rule ep="1"/>
	
	<rule selector=".spoiler">
	
		<property name="position" value="relative" />
		<property name="display" value="inline-block" />
		<property name="min-width" value="100px" />
		<property name="cursor" value="pointer" />
		<rule selector=":before">
	
			<property name="content" value="&quot;Spoiler&quot;" />
			<property name="position" value="absolute" />
			<property name="top" value="0" />
			<property name="left" value="0" />
			<property name="bottom" value="0" />
			<property name="right" value="0" />
			<property name="background" value="#222" />
			<property name="color" value="#AAA" />
			<property name="z-index" value="5" />
			<property name="text-align" value="center" />
			<property name="text-transform" value="uppercase" />
			<property name="font-size" value="smaller" />
			<property name="letter-spacing" value="1px" />
			<property name="font-weight" value="bold" />
			<property name="white-space" value="nowrap" />
		</rule>
	
		<rule selector=":hover:before">
	
			<property name="background" value="#333" />
		</rule>
	
	</rule>
	
	<rule selector="span.spoiler-block">
	
		<property name="display" value="inline-block" />
	</rule>
	
	<rule selector=".spoiler-block:before, div.spoiler:before">
	
		<property name="padding" value="5px" />
	</rule>
	
	<rule selector="iframe.embedly-card">
	
		<property name="background" value="#FFF" />
	</rule>
	
	<rule selector=".hide-nofollow">
	
		<rule selector="a[rel=nofollow]">
	
			<property name="display" value="none !important" />
		</rule>
	
	</rule>
	
	<rule selector="#menu">
	
		<property name="height" value="50px" />
		<property name="white-space" value="nowrap" />
		<property name="overflow-y" value="hidden" />
		<property name="overflow-x" value="auto" />
		<property name="-webkit-overflow-scrolling" value="touch" />
		<rule selector="::-webkit-scrollbar">
	<property name="width" value="5px" /> <property name="height" value="5px" /></rule>
	
		<rule selector="::-webkit-scrollbar-track">
	<property name="border-radius" value="10px" /><property name="background" value="rgba(0,0,0,.1)" /></rule>
	
		<rule selector="::-webkit-scrollbar-thumb">
	<property name="border-radius" value="10px" /><property name="background" value="rgba(0,0,0,.2)" /></rule>
	
		<rule selector="::-webkit-scrollbar-thumb:window-inactive">
	<property name="background" value="rgba(0,0,0,.1)" /></rule>
	
		<rule selector=".first .main-menu-item .label">
	
			<property name="display" value="none" />
		</rule>
	
		<rule selector="a">
	
			<property name="color" value="#FFF" />
		</rule>
	
		<rule selector=".main-menu-item">
	
			<property name="display" value="inline-block" />
			<property name="height" value="32px" />
			<property name="line-height" value="32px" />
			<property name="padding" value="9px 15px 9px 15px" />
			<property name="transition" value="background 0.2s ease" />
			<property name="border-right" value="1px solid rgba(0,0,0,0.1)" />
			<property name="text-shadow" value="1px 1px 2px rgba(0,0,0,0.3)" />
			<rule selector=".icon">
	
				<property name="font-size" value="25px" />
				<property name="vertical-align" value="middle" />
			</rule>
	
			<rule selector=".label">
	
				<property name="font-weight" value="bold" />
				<property name="padding-left" value="5px" />
				<property name="vertical-align" value="middle" />
			</rule>
	
		</rule>
	
		<rule selector="li:last-child .main-menu-item">
	
			<property name="border-right" value="none" />
		</rule>
	
		<rule selector=".main-menu-item:hover, .highlight">
	
			<property name="background" value="rgba(255,255,255,0.1)" />
		</rule>
	
		<rule selector=".no-icon">
	
			<property name="padding-left" value="20px" />
			<property name="padding-right" value="20px" />
			<rule selector=".label">
	
				<property name="padding-left" value="0" />
			</rule>
	
			<rule selector=".icon">
	
				<property name="font-size" value="16px" />
				<property name="padding-left" value="5px" />
			</rule>
	
		</rule>
	
		<rule selector=".has-submenu a.selected">
	
			<property name="padding-bottom" value="6px" />
			<property name="border-bottom" value="3px solid #FFF" />
		</rule>
	
	</rule>
	
	<rule selector="#submenus">
	
		<rule selector=".submenu">
	
			<property name="display" value="none" />
			<property name="background" value="var(--bg-offset)" />
			<property name="box-shadow" value="0 10px 20px -10px rgba(0,0,0,0.25)" />
			<rule selector=".inset">
	
				<property name="text-align" value="left" />
				<property name="color" value="var(--text-color-normal)" />
				<property name="padding" value="15px 15px 0 15px" />
				<property name="overflow" value="auto" />
			</rule>
	
			<rule selector=".submenu-list">
	
				<property name="background" value="var(--background)" />
				<property name="padding" value="10px" />
				<rule selector="li">
	
					<property name="display" value="inline" />
				</rule>
	
				<rule selector="a">
	
					<property name="font-weight" value="bold" />
					<property name="color" value="var(--text-color-normal)" />
					<property name="display" value="block" />
					<property name="padding" value="10px" />
					<property name="transition" value="background 0.1s ease, color 0.1s ease" />
					<rule selector=":hover">
	
						<property name="background" value="var(--bg-highlight)" />
					</rule>
	
					<rule selector=".icon">
	
						<property name="float" value="right" />
					</rule>
	
				</rule>
	
				<rule selector="a.ui-change-topic:hover">
	
					<property name="color" value="#FFF" />
				</rule>
	
			</rule>
	
			<rule selector="ul:last-child">
	
				<property name="margin-right" value="none" />
			</rule>
	
		</rule>
	
	</rule>
	
	<rule selector=".menu-content-items">
	
		<property name="margin-right" value="-15px" />
	</rule>
	
	<rule selector=".menu-content-item">
	
		<property name="display" value="block" />
		<property name="background" value="var(--background)" />
		<property name="margin" value="0 15px 15px 0" />
		<property name="padding" value="10px" />
		<property name="width" value="280px" />
		<property name="float" value="left" />
		<property name="white-space" value="normal" />
		<rule selector=".heading">
	
			<property name="max-height" value="80px" />
			<property name="line-height" value="20px" />
			<property name="overflow" value="hidden" />
			<property name="font-weight" value="bold" />
		</rule>
	
		<rule selector="a:hover">
	
			<property name="text-decoration" value="underline !important" />
		</rule>
	
		<rule selector=".subtitle">
	
			<property name="color" value="var(--text-color-softer)" />
			<property name="font-size" value="90%" />
		</rule>
	
		<rule selector="img">
	
			<property name="float" value="left" />
			<property name="margin-right" value="10px" />
		</rule>
	
		<rule selector=".item-detail">
	
			<property name="margin-left" value="120px" />
			<property name="height" value="80px" />
			<property name="overflow" value="hidden" />
		</rule>
	
		<rule selector="a:visited">
	
			<property name="color" value="var(--text-color-soft) !important" />
		</rule>
	
	</rule>
	
	<rule selector=".menu-content-item-video">
	
		<property name="width" value="210px" />
		<property name="height" value="195px" />
		<rule selector="img">
	
			<property name="float" value="none" />
			<property name="margin-right" value="0" />
		</rule>
	
		<rule selector=".heading">
	
			<property name="max-height" value="40px" />
			<property name="padding-top" value="5px" />
		</rule>
	
		<rule selector=".subtitle">
	
			<property name="padding-top" value="5px" />
			<property name="font-size" value="smaller" />
		</rule>
	
	</rule>
	
	<rule selector=".menu-content-item-image">
	
		<property name="width" value="100px" />
		<property name="height" value="100px" />
		<property name="padding" value="0" />
	</rule>
	
	<rule selector=".menu-content-item-topic">
	
		<rule selector=".heading a">
	
			<property name="display" value="block" />
			<property name="white-space" value="nowrap" />
			<property name="overflow" value="hidden" />
			<property name="text-overflow" value="ellipsis" />
		</rule>
	
	</rule>
	
	<rule selector="#footer">
	
		<property name="padding" value="15px 25px 0 25px" />
		<property name="text-align" value="center" />
		<property name="color" value="#FFF" />
		<property name="background-position" value="top center" />
		<property name="background-repeat" value="repeat" />
		<rule selector=".inset">
	
			<property name="padding-bottom" value="25px" />
		</rule>
	
		<rule selector="a">
	
			<property name="font-weight" value="bold" />
			<property name="text-decoration" value="none" />
			<rule selector=":hover">
	
				<property name="text-decoration" value="underline" />
			</rule>
	
		</rule>
	
		<rule selector=".social">
	
			<property name="border-top" value="2px solid rgba(255,255,255,0.2)" />
			<property name="border-bottom" value="2px solid rgba(255,255,255,0.2)" />
			<property name="clear" value="both" />
			<property name="text-align" value="center" />
			<property name="padding-top" value="25px" />
			<rule selector="p">
	
				<property name="font-weight" value="bold" />
				<property name="padding-bottom" value="25px" />
			</rule>
	
			<rule selector="ul">
	
				<property name="text-align" value="center" />
				<property name="min-height" value="80px" />
			</rule>
	
			<rule selector="li">
	
				<property name="padding" value="0 5px" />
			</rule>
	
			<rule selector="a">
	
				<property name="font-size" value="48px" />
				<property name="color" value="#FFF" />
				<property name="opacity" value="1" />
				<property name="display" value="inline-block" />
				<property name="vertical-align" value="top" />
				<property name="padding" value="0 5px" />
				<property name="min-width" value="64px" />
				<property name="transition" value="font-size 0.2s" />
				<rule selector=":hover">
	
					<property name="font-size" value="64px" />
					<property name="text-decoration" value="none" />
				</rule>
	
			</rule>
	
			<rule selector=".label">
	
				<property name="display" value="none" />
			</rule>
	
		</rule>
	
		<rule selector="ul.alphabet">
	
			<property name="clear" value="both" />
			<property name="margin" value="-bottom:0" />
			<property name="display" value="block" />
			<property name="background" value="rgba(255,255,255,0.15)" />
			<property name="padding" value="5px 0px" />
			<property name="line-height" value="125%" />
			<property name="text-align" value="center" />
			<rule selector="a">
	
				<property name="display" value="inline-block" />
				<property name="color" value="#FFF" />
				<property name="padding" value="0px 15px" />
				<property name="margin" value="3px 0" />
			</rule>
	
		</rule>
	
		<rule selector="ul.list">
	
			<property name="clear" value="both" />
			<property name="margin" value="15px 0" />
			<property name="display" value="block" />
			<property name="background" value="rgba(255,255,255,0.15)" />
			<property name="padding" value="5px 0px" />
			<property name="line-height" value="125%" />
			<property name="text-align" value="center" />
			<rule selector="li">
	
				<property name="display" value="inline" />
				<rule selector="a">
	
					<property name="display" value="inline-block" />
					<property name="color" value="#FFF" />
					<property name="padding" value="0px 10px" />
					<property name="border-left" value="2px solid rgba(255,255,255,0.4)" />
					<property name="margin" value="3px 0" />
					<property name="cursor" value="pointer" />
				</rule>
	
			</rule>
	
			<rule selector="li:first-child a">
	
				<property name="border-left" value="none" />
			</rule>
	
		</rule>
	
		<rule selector="ul.friends">
	
			<property name="margin" value="0" />
			<rule selector="li:nth-child(2)">
	
				<rule selector="a">
	
					<property name="border-left" value="none" />
				</rule>
	
			</rule>
	
		</rule>
	
		<rule selector=".copyright">
	
			<property name="clear" value="both" />
			<property name="font-size" value="90%" />
			<property name="padding" value="25px" />
			<property name="line-height" value="150%" />
			<rule selector="a">
	
				<property name="color" value="#FFF" />
			</rule>
	
		</rule>
	
		<rule selector=".copyright, .more, .list, .social, .list-heading, .button, .alphabet">
	
			<property name="text-shadow" value="1px 1px 2px rgba(0,0,0,0.3)" />
		</rule>
	
		<rule selector=".trending-articles">
	
			<property name="padding" value="10px" />
			<rule selector=".list-heading">
	
				<property name="padding-bottom" value="15px" />
				<property name="font-size" value="larger" />
				<property name="font-weight" value="bold" />
			</rule>
	
			<rule selector=".items">
	
				<property name="padding-bottom" value="10px" />
				<property name="display" value="flex" />
				<property name="flex-wrap" value="wrap" />
				<property name="gap" value="10px" />
			</rule>
	
			<rule selector=".item">
	
				<property name="background" value="#FFF" />
				<property name="padding" value="10px" />
				<property name="text-align" value="left" />
				<property name="color" value="#666" />
				<property name="display" value="block" />
				<property name="flex-grow" value="1" />
				<property name="width" value="300px" />
				<property name="box-sizing" value="border-box" />
				<rule selector=".date">
	
					<property name="font-weight" value="bold" />
					<property name="font-size" value="smaller" />
					<property name="padding-top" value="3px" />
					<rule selector=".icon">
	
						<property name="vertical-align" value="middle" />
					</rule>
	
				</rule>
	
				<rule selector=".heading">
	
					<property name="line-height" value="125%" />
					<rule selector="a">
	
						<property name="display" value="block" />
						<property name="height" value="80px" />
						<property name="line-height" value="20px" />
						<property name="overflow" value="hidden" />
					</rule>
	
				</rule>
	
				<rule selector=".image">
	
					<property name="float" value="left" />
					<property name="padding-right" value="10px" />
					<rule selector="img">
	
						<property name="background" value="#EEE" />
						<property name="vertical-align" value="bottom" />
					</rule>
	
				</rule>
	
				<rule selector="a:visited">
	
					<property name="color" value="#666 !important" />
				</rule>
	
			</rule>
	
			<rule selector=".more">
	
				<property name="clear" value="both" />
				<property name="text-align" value="center" />
				<rule selector="a">
	
					<property name="color" value="#FFF" />
					<property name="display" value="block" />
					<property name="transition" value="background 0.2s ease" />
					<property name="padding" value="10px" />
					<rule selector=":hover">
	
						<property name="background" value="#FFF" />
						<rule selector="color:; <property name=&quot;text-decoration&quot; value=&quot;none&quot; /&gt; <property name=&quot;text-shadow&quot; value=&quot;none&quot; /&gt; </rule> </rule> </rule> </rule> </rule> #ui-join-newsletter">
	
		<property name="padding" value="25px 0" />
		<property name="text-align" value="center" />
		<rule selector="div">
	 <property name="display" value="inline" /> </rule>
	
		<rule selector=".textbox, .button">
	
			<property name="padding" value="9px 10px" />
			<property name="font-family" value="inherit" />
			<property name="font-size" value="inherit" />
			<property name="border" value="none" />
			<property name="line-height" value="18px" />
			<property name="outline" value="none" />
			<property name="margin" value="0" />
		</rule>
	
		<rule selector="label">
	
			<property name="font-weight" value="bold" />
			<property name="display" value="block" />
			<property name="color" value="#FFF" />
			<property name="padding-bottom" value="15px" />
			<property name="font-size" value="115%" />
		</rule>
	
		<rule selector=".textbox">
	
			<property name="background" value="#FFF" />
			<property name="color" value="#333" />
			<property name="max-width" value="200px" />
			<property name="font-size" value="14px" />
			<property name="box-shadow" value="0 0 10px rgba(0,0,0,0.15)" />
		</rule>
	
		<rule selector=".icon">
	
			<property name="font-size" value="48px" />
			<property name="vertical-align" value="middle" />
		</rule>
	
		<rule selector=".button">
	
			<property name="margin-left" value="5px" />
			<property name="background" value="none" />
			<property name="color" value="#FFF" />
			<property name="font-weight" value="bold" />
			<property name="cursor" value="pointer" />
			<property name="font-size" value="14px" />
			<property name="padding" value="6px 12px" />
			<property name="border" value="3px solid #FFF" />
			<property name="transition" value="background 0.3s ease" />
			<property name="-webkit-appearance" value="none" />
			<rule selector=":hover">
	
				<rule selector="background:; </rule> </rule> </rule> #gutter">
	
		<property name="background" value="#292929" />
	</rule>
	
	
	<rule selector=".flash">
	
		<property name="position" value="relative" />
		<property name="z-index" value="20001" />
		<rule selector=".messages">
	
			<property name="position" value="absolute" />
			<property name="left" value="0" />
			<property name="right" value="0" />
			<property name="top" value="0" />
		</rule>
	
		<rule selector="p">
	
			<property name="margin" value="10px" />
			<property name="padding" value="10px" />
			<property name="color" value="#FFF" />
			<property name="font-size" value="120%" />
			<property name="font-weight" value="bold" />
			<property name="cursor" value="pointer" />
			<rule selector="a">
	
				<property name="text-decoration" value="underline" />
				<property name="color" value="#FFF" />
			</rule>
	
			<rule selector="strong">
	
				<property name="font-size" value="120%" />
			</rule>
	
		</rule>
	
		<rule selector="p.info">
	
			<property name="background" value="var(--info)" />
		</rule>
	
		<rule selector="p.warn">
	
			<property name="background" value="var(--warning)" />
		</rule>
	
		<rule selector="p.error">
	
			<property name="background" value="var(--error)" />
		</rule>
	
	</rule>
	
	<rule selector=".flash.fixed">
	
		<rule selector=".messages">
	
			<property name="position" value="fixed" />
			<property name="z-index" value="20001" />
		</rule>
	
	</rule>
	
	<rule selector=".ui-topics-list">
	
		<rule selector=".title">
	
			<property name="font-size" value="300%" />
			<property name="border-bottom" value="2px solid #EEE" />
			<property name="margin-bottom" value="15px" />
		</rule>
	
		<rule selector="h2.heading">
	
			<property name="font-size" value="175%" />
			<property name="padding" value="15px 0" />
			<property name="clear" value="both" />
		</rule>
	
		<rule selector="ul">
	
			<rule selector="li">
	
				<property name="margin-bottom" value="10px" />
				<property name="display" value="block" />
				<property name="box-sizing" value="border-box" />
				<property name="margin-bottom" value="15px" />
				<rule selector="p">
	
					<property name="float" value="right" />
				</rule>
	
				<rule selector=".heading">
	
					<property name="padding" value="10px 15px" />
					<property name="text-shadow" value="1px 1px 2px rgba(0,0,0,0.3)" />
					<rule selector="a">
	
						<property name="color" value="#FFF" />
						<property name="font-size" value="120%" />
						<property name="text-decoration" value="none" />
					</rule>
	
				</rule>
	
				<rule selector=".ui-hub-follow">
	
					<property name="border" value="3px solid #FFF" />
					<property name="padding" value="5px 12px" />
					<property name="display" value="inline-block" />
					<property name="font-size" value="90%" />
					<property name="margin" value="5px 5px" />
					<property name="color" value="#FFF" />
					<property name="font-weight" value="bold" />
					<property name="text-decoration" value="none" />
					<rule selector=":hover">
	
						<property name="background" value="#FFF" />
						<property name="color" value="#111" />
					</rule>
	
				</rule>
	
			</rule>
	
		</rule>
	
	</rule>
	
	<rule selector=".ui-button">
	
		<property name="display" value="inline !important" />
		<property name="line-height" value="normal" />
		<property name="margin-right" value="0 !important" />
		<property name="text-align" value="center" />
		<rule selector="a">
	
			<property name="display" value="block" />
			<property name="height" value="24px" />
			<property name="width" value="24px" />
			<property name="padding" value="23px" />
			<property name="color" value="#FFF" />
			<property name="position" value="relative" />
			<property name="text-align" value="center" />
			<property name="transition" value="background 0.2s ease" />
			<rule selector=":hover">
	
				<property name="background" value="rgba(255,255,255,0.05)" />
			</rule>
	
		</rule>
	
		<rule selector=".count">
	
			<property name="position" value="absolute" />
			<property name="bottom" value="10px" />
			<property name="right" value="10px" />
			<property name="border-radius" value="10px" />
			<property name="font-weight" value="bold" />
			<property name="padding" value="4px" />
			<property name="font-size" value="13px" />
		</rule>
	
		<rule selector=".icon">
	
			<property name="font-size" value="24px" />
		</rule>
	
		<rule selector=".label">
	
			<property name="display" value="none" />
		</rule>
	
		<rule selector="ul">
	
			<property name="display" value="none" />
		</rule>
	
		<rule selector=":hover ul">
	
			<property name="background" value="#292929" />
			<property name="position" value="absolute" />
			<property name="left" value="0" />
			<property name="top" value="100%" />
			<property name="display" value="block" />
			<property name="z-index" value="20025" />
			<rule selector="li">
	
				<property name="display" value="inline !important" />
				<property name="float" value="none !important" />
			</rule>
	
			<rule selector="a">
	
				<property name="width" value="40px" />
				<property name="height" value="40px" />
				<property name="padding" value="15px" />
				<rule selector=".icon">
	
					<property name="font-size" value="40px" />
				</rule>
	
			</rule>
	
			<rule selector="a.twitter:hover">
	
				<property name="background" value="#33b5ff !important" />
			</rule>
	
			<rule selector="a.facebook:hover">
	
				<property name="background" value="#405d9b !important" />
			</rule>
	
			<rule selector="a.reddit:hover">
	
				<property name="background" value="orangered !important" />
			</rule>
	
			<rule selector="a.whatsapp:hover">
	
				<property name="background" value="#25d366 !important" />
			</rule>
	
			<rule selector="a.messenger:hover">
	
				<property name="background" value="#0084ff !important" />
			</rule>
	
			<rule selector="a.skype:hover">
	
				<property name="background" value="#00aff0 !important" />
			</rule>
	
		</rule>
	
	</rule>
	
	<rule selector=".ui-overlay">
	
		<rule selector=".scroll">
	
			<property name="overflow" value="auto" />
		</rule>
	
	</rule>
	
	<rule selector=".ui-toggle-overlay">
	
		<property name="cursor" value="pointer" />
	</rule>
	
	<rule selector=".ui-overlays">
	
		<property name="background" value="inherit" />
		<rule selector="a">
	
			<property name="color" value="#FFF" />
		</rule>
	
	</rule>
	
	<rule selector=".ui-overlay.fixed">
	
		<property name="background" value="rgba(52,52,52,0.98)" />
	</rule>
	
	<rule selector="#sidebar.fixed">
	
		<property name="box-shadow" value="0 0 20px rgba(0,0,0,0.25)" />
		<property name="position" value="fixed" />
		<property name="top" value="0" />
		<property name="bottom" value="0" />
		<property name="left" value="-100%" />
		<property name="z-index" value="20005" />
		<property name="width" value="400px" />
	</rule>
	
	<rule selector="#sidebar.fixed, #userbar.fixed">
	
		<rule selector=".body">
	
			<property name="padding" value="10px 20px" />
		</rule>
	
	</rule>
	
	<rule selector="#sidebar, #userbar">
	
		<property name="display" value="none" />
		<rule selector=".body &gt; ul">
	
			<property name="padding" value="10px 0" />
			<property name="border-top" value="1px solid rgba(255,255,255,0.1)" />
			<rule selector="li">
	
				<property name="display" value="block" />
			</rule>
	
			<rule selector="a">
	
				<property name="display" value="block" />
				<property name="padding" value="10px 20px 10px 15px" />
				<property name="font-weight" value="bold" />
				<property name="transition" value="background 0.2s ease" />
				<rule selector=".icon">
	
					<property name="font-size" value="32px" />
					<property name="vertical-align" value="middle" />
				</rule>
	
				<rule selector=".label">
	
					<property name="display" value="inline-block" />
					<property name="vertical-align" value="middle" />
					<property name="padding-left" value="20px" />
				</rule>
	
				<rule selector=".right">
	
					<property name="display" value="inline-block" />
					<property name="line-height" value="32px" />
					<property name="font-size" value="24px" />
					<property name="float" value="right" />
				</rule>
	
			</rule>
	
			<rule selector="a:hover">
	
				<property name="background" value="rgba(255,255,255,0.075)" />
			</rule>
	
		</rule>
	
		<rule selector="ul.optional">
	
			<property name="border-top" value="none" />
		</rule>
	
	</rule>
	
	<rule selector=".ui-button, .ui-overlay, .ui-toggle-overlay, .ui-userinfo">
	
		<rule selector=".counter">
	
			<property name="display" value="inline-block" />
			<property name="text-align" value="center" />
			<property name="vertical-align" value="middle" />
			<property name="border-radius" value="15px" />
			<property name="padding" value="5px" />
			<property name="min-width" value="20px" />
			<property name="font-weight" value="bold" />
		</rule>
	
	</rule>
	
	<rule selector=".ui-button, .ui-toggle-overlay, .ui-userinfo">
	
		<rule selector=".counter">
	
			<property name="position" value="absolute" />
			<property name="right" value="5px" />
			<property name="bottom" value="5px" />
			<property name="background" value="" />
			<property name="color" value="#fff" />
		</rule>
	
	</rule>
	
	<rule selector=".ui-overlay">
	
		<rule selector=".counter">
	
			<rule selector="background:; <property name=&quot;color&quot; value=&quot;#FFF&quot; /&gt; <property name=&quot;float&quot; value=&quot;right&quot; /&gt; </rule> </rule> #userbar.fixed">
	
		<property name="box-shadow" value="0 0 20px rgba(0,0,0,0.25)" />
		<property name="position" value="fixed" />
		<property name="top" value="0" />
		<property name="bottom" value="0" />
		<property name="right" value="-100%" />
		<property name="z-index" value="20015" />
		<property name="width" value="400px" />
	</rule>
	
	<rule selector="#userbar">
	
		<property name="display" value="none" />
		<rule selector=".buffer">
	
			<property name="white-space" value="nowrap" />
			<property name="text-align" value="left" />
			<property name="cursor" value="pointer" />
			<rule selector=".avatar">
	
				<property name="margin-right" value="15px" />
				<property name="float" value="left" />
				<property name="background" value="#EEE" />
				<property name="width" value="46px" />
				<property name="height" value="46px" />
				<property name="border-radius" value="23px" />
				<rule selector="img">
	
					<property name="width" value="46px" />
					<property name="height" value="46px" />
					<property name="border-radius" value="23px" />
				</rule>
	
			</rule>
	
			<rule selector=".username">
	
				<property name="font-size" value="135%" />
				<property name="font-weight" value="bold" />
			</rule>
	
			<rule selector=".username:hover">
	
				<property name="text-decoration" value="underline" />
			</rule>
	
			<rule selector=".subtitle">
	
				<property name="color" value="#d5d5d5" />
				<property name="font-weight" value="bold" />
			</rule>
	
		</rule>
	
		<rule selector=".ui-user-notifications-list">
	
			<rule selector="li">
	
				<property name="background" value="rgba(255,255,255,0.05)" />
				<property name="position" value="relative" />
				<rule selector="a">
	
					<property name="font-weight" value="normal" />
					<property name="padding" value="10px 25px 10px 20px" />
					<rule selector=".time">
	
						<property name="font-size" value="smaller" />
						<property name="color" value="#999" />
					</rule>
	
				</rule>
	
				<rule selector=":hover">
	
					<rule selector=".ui-user-notification-dismiss">
	
						<property name="display" value="inline-block" />		
					</rule>
	
				</rule>
	
			</rule>
	
			<rule selector=".ui-user-notification-dismiss">
	
				<property name="display" value="none" />
				<property name="position" value="absolute" />
				<property name="top" value="0" />
				<property name="right" value="0" />
				<property name="padding" value="10px" />
				<property name="cursor" value="pointer" />
				<property name="font-size" value="125%" />
			</rule>
	
		</rule>
	
	</rule>
	
	<rule selector="#controlbar">
	
		<property name="position" value="absolute" />
		<property name="top" value="0" />
		<property name="right" value="0" />
		<rule selector="li">
	
			<property name="display" value="block" />
			<property name="position" value="relative" />
			<property name="height" value="70px" />
			<property name="float" value="left" />
			<property name="transition" value="background 0.2s ease" />
			<rule selector=":hover">
	
				<property name="background" value="rgba(255,255,255,0.05)" />
			</rule>
	
		</rule>
	
		<rule selector="a">
	
			<property name="color" value="#FFF" />
		</rule>
	
		<rule selector=".ui-userinfo">
	
			<property name="padding" value="12px" />
			<property name="height" value="46px" />
			<property name="white-space" value="nowrap" />
			<property name="text-align" value="right" />
			<rule selector="p.username">
	
				<property name="padding-top" value="5px" />
				<property name="font-weight" value="bold" />
				<property name="margin-right" value="55px" />
			</rule>
	
			<rule selector="p.subtitle">
	
				<property name="padding-top" value="5px" />
				<property name="margin-right" value="55px" />
				<property name="font-size" value="smaller" />
				<property name="color" value="#d5d5d5" />
				<property name="font-weight" value="bold" />
			</rule>
	
			<rule selector="a:hover">
	
				<property name="text-decoration" value="underline" />
			</rule>
	
		</rule>
	
		<rule selector=".avatar">
	
			<property name="float" value="right" />
			<property name="background" value="#EEE" />
			<property name="width" value="46px" />
			<property name="height" value="46px" />
			<property name="border-radius" value="23px" />
			<rule selector="img">
	
				<property name="width" value="46px" />
				<property name="height" value="46px" />
				<property name="border-radius" value="23px" />
			</rule>
	
		</rule>
	
	</rule>
	
	<rule selector=".mastfoot">
	
		<property name="position" value="fixed" />
		<property name="bottom" value="0" />
		<property name="left" value="0" />
		<property name="right" value="0" />
		<property name="z-index" value="5000" />
		<property name="box-sizing" value="border-box" />
		<rule selector=".insert">
	
			<property name="position" value="relative" />
			<property name="z-index" value="5001" />
		</rule>
	
		<rule selector=".close-button">
	
			<property name="position" value="absolute" />
			<property name="z-index" value="5050" />
			<property name="bottom" value="100%" />
			<property name="right" value="0" />
			<property name="padding" value="5px 7px" />
			<property name="color" value="var(--text-color-normal)" />
			<property name="background" value="var(--soft-bg)" />
			<property name="vertical-align" value="middle" />
			<property name="font-weight" value="bold" />
			<property name="font-size" value="22px" />
			<property name="cursor" value="pointer" />
			<property name="transition" value="background 0.3s ease" />
			<property name="border-top-left-radius" value="5px" />
			<rule selector=":hover">
	
				<rule selector="background:; <property name=&quot;color&quot; value=&quot;#FFF&quot; /&gt; </rule> </rule> </rule> .with-mastfoot">
	
		<rule selector=".insert">
	
			<property name="box-shadow" value="0 0 25px rgba(0,0,0,0.25)" />
			<property name="background" value="var(--bg-highlight)" />
			<property name="border-top" value="2px solid var(--soft-bg)" />
		</rule>
	
	</rule>
	
	<rule selector=".ui-back-to-top">
	
		<property name="display" value="none" />
		<property name="opacity" value="0.7" />
		<property name="position" value="absolute" />
		<property name="bottom" value="0" />
		<property name="left" value="0" />
		<property name="right" value="0" />
		<property name="font-size" value="150%" />
		<property name="transition" value="opacity 0.25s ease" />
		<property name="text-align" value="center" />
		<rule selector="a">
	
			<property name="color" value="#FFF" />
			<rule selector="background:; <property name=&quot;color&quot; value=&quot;#FFF&quot; /&gt; <property name=&quot;font-size&quot; value=&quot;larger&quot; /&gt; <property name=&quot;text-decoration&quot; value=&quot;none&quot; /&gt; <property name=&quot;display&quot; value=&quot;inline-block&quot; /&gt; <property name=&quot;vertical-align&quot; value=&quot;middle&quot; /&gt; <property name=&quot;padding&quot; value=&quot;0 10px&quot; /&gt; .icon">
	
				<property name="vertical-align" value="middle" />
			</rule>
	
			<rule selector=".icon-caret-up">
	
				<property name="vertical-align" value="text-top" />
			</rule>
	
		</rule>
	
		<rule selector=":hover">
	
			<property name="opacity" value="0.9" />
		</rule>
	
	</rule>
	
	
	<rule selector=".scrollbars">
	
		<property name="-webkit-overflow-scrolling" value="touch" />
		<rule selector="::-webkit-scrollbar">
	<property name="width" value="5px" /> <property name="height" value="5px" /></rule>
	
		<rule selector="::-webkit-scrollbar-track">
	<property name="border-radius" value="10px" /><property name="background" value="rgba(0,0,0,.1)" /></rule>
	
		<rule selector="::-webkit-scrollbar-thumb">
	<property name="border-radius" value="10px" /><property name="background" value="rgba(0,0,0,.2)" /></rule>
	
		<rule selector="::-webkit-scrollbar-thumb:window-inactive">
	<property name="background" value="rgba(0,0,0,.1)" /></rule>
	
	</rule>
	
	<rule selector="#quick-search">
	
		<property name="display" value="none" />
		<property name="overflow" value="hidden" />
		<property name="transition" value="background 0.2s ease" />
		<property name="padding" value="10px" />
		<property name="background" value="rgba(255,255,255,0.05)" />
		<property name="white-space" value="nowrap" />
		<rule selector=".controls">
	
			<property name="background" value="#FFF" />
			<property name="background" value="linear-gradient(to bottom, rgba(237,237,237,1) 0%,rgba(255,255,255,1) 35%,rgba(255,255,255,1) 35%)" />
		</rule>
	
		<rule selector="a">
	
			<property name="padding" value="13px" />
			<property name="color" value="#777" />
			<rule selector=":hover">
	
				<property name="background" value="none" />
				<property name="color" value="#FFF" />
			</rule>
	
		</rule>
	
		<rule selector="label">
	 <property name="display" value="none" /> </rule>
	
		<rule selector=".textbox">
	
			<property name="background" value="none" />
			<property name="border" value="none" />
			<property name="outline" value="none" />
			<property name="height" value="50px" />
			<property name="padding" value="10px" />
			<property name="font-size" value="16px" />
			<property name="color" value="#111" />
			<property name="width" value="100%" />
			<property name="box-sizing" value="border-box" />
			<property name="text-align" value="center" />
		</rule>
	
		<rule selector=".button">
	
			<property name="display" value="none" />
		</rule>
	
	</rule>
	
	<rule selector="#quick-search.enabled">
	
		<property name="display" value="block" />
	</rule>
	
	<rule selector="#quick-search-results">
	
		<property name="background" value="#FFF" />
		<property name="color" value="#000" />
		<property name="text-align" value="center" />
		<property name="margin" value="0 10px" />
		<rule selector=".actions">
	
			<property name="background" value="#EEE" />
			<property name="padding" value="10px" />
			<property name="color" value="#AAA" />
			<property name="font-size" value="smaller" />
			<property name="margin" value="15px 0 10px 0" />
		</rule>
	
		<rule selector=".items">
	
			<property name="display" value="inline" />
		</rule>
	
		<rule selector=".items:empty:before">
	
			<property name="content" value="&quot;Sorry, no results, try again?&quot;" />
			<property name="display" value="block" />
			<property name="padding" value="10px" />
			<property name="text-align" value="center" />
			<property name="color" value="var(--text-color-softer)" />
			<property name="font-style" value="italic" />
			<property name="font-size" value="larger" />
		</rule>
	
		<rule selector="#search-results">
	
			<property name="display" value="none" />
			<property name="padding-top" value="15px" />
		</rule>
	
		<rule selector=".search-item">
	
			<property name="display" value="inline-block" />
			<property name="width" value="300px" />
			<property name="padding" value="10px" />
			<property name="vertical-align" value="top" />
			<property name="text-align" value="center" />
			<rule selector=".image img">
	
				<property name="width" value="100%" />
				<property name="height" value="auto" />
			</rule>
	
			<rule selector=".search-item-description:before">
	
				<property name="content" value="&quot;(&quot;" />
			</rule>
	
			<rule selector=".search-item-description:after">
	
				<property name="content" value="&quot;)&quot;" />
			</rule>
	
			<rule selector=":hover">
	
				<rule selector="a">
	
					<property name="color" value="#FFF !important" />
				</rule>
	
			</rule>
	
		</rule>
	
		<rule selector=".highlight">
	
			<rule selector="background:; a">
	
				<property name="color" value="#FFF" />
			</rule>
	
		</rule>
	
		<rule selector=".search-item-hubs">
	
			<rule selector=".item-heading">
	
				<property name="background-color" value="#777" />
				<property name="line-height" value="150px" />
				<property name="padding" value="10px" />
				<rule selector=".search-item-title">
	
					<property name="font-size" value="140%" />
					<property name="text-shadow" value="1px 1px 2px rgba(0,0,0,0.3)" />
				</rule>
	
				<rule selector="a">
	
					<property name="color" value="#FFF !important" />
				</rule>
	
			</rule>
	
			<rule selector=".search-link">
	
				<property name="line-height" value="125%" />
				<property name="vertical-align" value="middle" />
				<property name="display" value="inline-block" />
			</rule>
	
		</rule>
	
		<rule selector=".search-item-games">
	
			<rule selector=".search-item-title">
	
				<property name="font-size" value="120%" />
			</rule>
	
		</rule>
	
	</rule>
	
	<rule selector=".container">
	
		<property name="margin-bottom" value="25px" />
		<rule selector="nav.ui-views">
	
			<property name="overflow" value="visible" />
			<property name="position" value="relative" />
			<property name="border-bottom" value="1px solid var(--line)" />
			<property name="min-height" value="38px" />
			<rule selector=".panels">
	
				<rule selector="li">
	
					<rule selector="a">
	
						<property name="display" value="inline-block" />
						<property name="padding" value="10px 13px" />
						<property name="border-bottom" value="1px solid var(--line)" />
						<property name="margin-bottom" value="-1px" />
						<property name="font-weight" value="bold" />
						<property name="color" value="var(--text-color-soft)" />
						<property name="text-decoration" value="none" />
						<property name="transition" value="color 0.2s ease, border 0.2s ease" />
						<rule selector=":hover">
	
							<rule selector="color:; </rule> </rule> .selected">
	
						<rule selector="color:; </rule> </rule> </rule> </rule> .filter">
	
			<property name="position" value="relative" />
		</rule>
	
		<rule selector=".ui-listing-toggles">
	
			<property name="float" value="right" />
			<rule selector="select">
	
				<property name="outline" value="none" />
				<property name="border" value="1px solid var(--line)" />
				<property name="padding" value="5px" />
				<property name="font-family" value="inherit" />
				<property name="background" value="var(--background)" />
				<property name="color" value="inherit" />
				<rule selector=":focus">
	
					<property name="border-color" value="var(--border-focus)" />
				</rule>
	
			</rule>
	
		</rule>
	
		<rule selector=".ui-listing-toggle">
	
			<property name="float" value="right" />
			<property name="color" value="#868686" />
			<property name="user-select" value="none" />
			<property name="padding-right" value="5px" />
			<property name="margin-left" value="10px" />
			<property name="border" value="1px solid #FFF" />
			<property name="cursor" value="pointer" />
			<property name="position" value="relative" />
			<rule selector="ul">
	
				<property name="display" value="inline-block" />
			</rule>
	
			<rule selector="li">
	
				<property name="display" value="inline" />
			</rule>
	
			<rule selector=".icon">
	
				<property name="font-size" value="22px" />
				<property name="vertical-align" value="middle" />
			</rule>
	
			<rule selector=".optional">
	
				<property name="font-size" value="12px" />
			</rule>
	
			<rule selector="a">
	
				<property name="display" value="none" />
				<property name="cursor" value="pointer" />
				<property name="color" value="#868686" />
				<property name="padding" value="8px 5px 7px 5px" />
				<property name="white-space" value="nowrap" />
				<property name="font-weight" value="bold" />
				<property name="font-size" value="14px" />
				<property name="line-height" value="22px" />
				<property name="text-transform" value="capitalize" />
				<property name="text-decoration" value="none" />
				<rule selector=".icon">
	
					<property name="display" value="inline-block" />
					<property name="width" value="20px" />
					<property name="text-align" value="center" />
				</rule>
	
			</rule>
	
			<rule selector="a.current">
	
				<property name="display" value="block" />
			</rule>
	
		</rule>
	
		<rule selector=".ui-listing-sort">
	
			<rule selector=".icon">
	
				<property name="font-size" value="18px" />
			</rule>
	
		</rule>
	
		<rule selector=".ui-listing-toggle:not(.enabled)">
	
			<rule selector=":hover">
	
				<property name="background" value="#FAFAFA" />
				<property name="border" value="1px solid #F6F6F6" />
			</rule>
	
		</rule>
	
		<rule selector=".ui-listing-toggle.enabled">
	
			<rule selector="ul">
	
				<property name="box-shadow" value="2px 2px 5px rgba(0,0,0,0.2)" />
				<property name="background" value="#FAFAFA" />
				<property name="border" value="1px solid #F0F0F0" />
				<property name="display" value="block" />
				<property name="position" value="absolute" />
				<property name="top" value="0" />
				<property name="right" value="0" />
				<property name="z-index" value="150" />
				<rule selector="a">
	
					<property name="display" value="block" />
					<property name="border-top" value="1px solid var(--line)" />
					<property name="padding" value="10px 15px 10px 10px" />
				</rule>
	
				<rule selector="li:first-child a">
	
					<property name="border-top" value="none" />
				</rule>
	
			</rule>
	
		</rule>
	
		<rule selector=".more">
	
			<property name="clear" value="both" />
			<property name="text-align" value="center" />
			<rule selector="a">
	
				<property name="display" value="block" />
				<property name="color" value="#AAA" />
				<property name="padding" value="10px" />
				<property name="font-weight" value="bold" />
				<property name="text-decoration" value="none" />
				<property name="background" value="#F8F8F8" />
				<rule selector=":hover">
	
					<property name="color" value="#FFF" />
				</rule>
	
			</rule>
	
		</rule>
	
		<rule selector=".item-group">
	
			<property name="color" value="var(--text-color-soft)" />
			<property name="text-transform" value="uppercase" />
			<property name="padding" value="10px" />
			<property name="margin-top" value="10px" />
			<property name="font-weight" value="bold" />
			<rule selector=":hover">
	
				<property name="background" value="var(--bg-offset)" />
			</rule>
	
			<rule selector=".day, .icon">
	
				<property name="font-size" value="150%" />
			</rule>
	
			<rule selector=".day">
	
				<property name="padding" value="0 7px" />
			</rule>
	
			<rule selector=".date">
	
				<property name="border-left" value="1px solid var(--text-color-softer)" />
				<property name="padding-left" value="5px" />
			</rule>
	
		</rule>
	
		<rule selector=".item-group.closed">
	
			<property name="color" value="var(--text-color-softer)" />
		</rule>
	
		<rule selector=".ui-listing-group-date">
	
			<rule selector=".items">
	
				<property name="padding-bottom" value="20px" />
			</rule>
	
		</rule>
	
		<rule selector=".items">
	
			<property name="padding-top" value="15px" />
			<rule selector=".empty">
	
				<property name="display" value="block" />
			</rule>
	
		</rule>
	
		<rule selector=".item-insert">
	
			<property name="text-align" value="center" />
		</rule>
	
		<rule selector=".item">
	
			<property name="border-color" value="var(--line)" />
			<property name="position" value="relative" />
			<rule selector="a">
	
				<property name="text-decoration" value="none" />
				<rule selector=":hover">
	
					<property name="text-decoration" value="underline" />
				</rule>
	
			</rule>
	
			<rule selector=".heading a:hover">
	
				<property name="text-decoration" value="none" />
				<rule selector=".title">
	
					<property name="text-decoration" value="underline" />
				</rule>
	
			</rule>
	
			<rule selector=".image">
	
				<property name="background-color" value="var(--line)" />
				<property name="background-position" value="center" />
				<property name="background-repeat" value="no-repeat" />
				<property name="background-size" value="cover" />
				<property name="position" value="relative" />
				<property name="transition" value="background-image 0.3s ease" />
			</rule>
	
			<rule selector=".image, .cover">
	
				<rule selector="img">
	
					<property name="vertical-align" value="top" />
				</rule>
	
				<rule selector=".img">
	
					<property name="display" value="block" />
					<property name="width" value="100%" />
				</rule>
	
				<rule selector=".label">
	
					<property name="position" value="absolute" />
					<property name="z-index" value="115" />
					<property name="top" value="10px" />
					<property name="right" value="0" />
					<property name="color" value="#FFF" />
				</rule>
	
			</rule>
	
			<rule selector=".heading">
	
				<property name="font-size" value="24px" />
			</rule>
	
			<rule selector=".title">
	
				<property name="font-weight" value="bold" />
				<property name="line-height" value="125%" />
			</rule>
	
			<rule selector=".description">
	
				<property name="font-weight" value="bold" />
				<property name="color" value="var(--text-color-soft)" />
				<property name="padding-bottom" value="5px" />
				<property name="line-height" value="150%" />
				<rule selector="a">
	
					<property name="color" value="var(--text-color-softer)" />
				</rule>
	
			</rule>
	
			<rule selector=".list">
	
				<property name="overflow" value="hidden" />
				<property name="text-overflow" value="ellipsis" />
				<property name="color" value="var(--text-color-softer)" />
				<property name="font-size" value="90%" />
				<property name="line-height" value="150%" />
				<rule selector="a">
	
					<property name="color" value="inherit" />
				</rule>
	
				<rule selector="li">
	
					<property name="border-left" value="1px solid var(--line)" />
					<property name="padding" value="0 7px" />
					<property name="white-space" value="nowrap" />
				</rule>
	
				<rule selector="li:first-child">
	
					<property name="padding-left" value="0" />
					<property name="border-left" value="none" />
				</rule>
	
				<rule selector="a:hover">
	
					<property name="color" value="var(--text-color-soft)" />
				</rule>
	
			</rule>
	
			<rule selector=".category">
	
				<property name="transition" value="none" />
				<property name="font-weight" value="bold" />
			</rule>
	
			<rule selector=".ui-tools">
	
				<property name="display" value="none" />
				<property name="position" value="absolute" />
				<property name="z-index" value="150" />
				<property name="top" value="0" />
				<property name="right" value="0" />
				<property name="opacity" value="0" />
				<property name="transition" value="opacity 0.3s ease" />
				<rule selector="a">
	
					<property name="font-size" value="20px" />
					<property name="display" value="inline-block" />
					<property name="padding" value="5px" />
					<property name="vertical-align" value="bottom" />
					<property name="color" value="var(--text-color-softer)" />
					<property name="text-decoration" value="none" />
				</rule>
	
			</rule>
	
			<rule selector=".insert">
	
				<property name="margin" value="0 auto 15px auto" />
			</rule>
	
		</rule>
	
		<rule selector=".item:not(.swiper-slide):not(.swiper-lazy)">
	
			<rule selector=".title:visited">
	
				<property name="color" value="var(--text-color-soft)" />
				<rule selector="span, span.title">
	
					<property name="color" value="var(--text-color-soft)" />
				</rule>
	
			</rule>
	
		</rule>
	
		<rule selector=".item">
	
			<rule selector=".category">
	
				<property name="font-size" value="90%" />
				<property name="text-transform" value="uppercase" />
				<property name="padding-right" value="5px" />
				<property name="border-right" value="1px solid var(--line)" />
			</rule>
	
			<rule selector=".title">
	
				<property name="color" value="var(--text-color-normal)" />
			</rule>
	
			<rule selector=".image .img">
	
				<property name="display" value="block" />
				<property name="height" value="100%" />
				<rule selector=":before">
	
					<property name="content" value="&quot;&quot;" />
					<property name="position" value="absolute" />
					<property name="top" value="0" />
					<property name="left" value="0" />
					<property name="right" value="0" />
					<property name="bottom" value="0" />
					<property name="z-index" value="110" />
					<property name="box-shadow" value="inset 0 0 25px rgba(0,0,0,0.2)" />
					<property name="transition" value="box-shadow 0.3s ease" />
				</rule>
	
			</rule>
	
			<rule selector=".cover">
	
				<property name="position" value="relative" />
				<rule selector=".img">
	
					<property name="display" value="block" />
					<rule selector="img">
	
						<property name="max-width" value="90%" />
						<property name="width" value="auto" />
						<property name="height" value="auto" />
						<property name="box-shadow" value="0 0 10px rgba(0,0,0,0.2)" />
					</rule>
	
				</rule>
	
			</rule>
	
			<rule selector=".image:hover">
	
				<rule selector=".img:before">
	
					<property name="box-shadow" value="inset 0 0 25px rgba(0,0,0,0.5)" />
				</rule>
	
			</rule>
	
		</rule>
	
		<rule selector=".item .image, .item .cover">
	
			<rule selector=".user-comments">
	
				<property name="position" value="absolute" />
				<property name="right" value="0" />
				<property name="bottom" value="0" />
				<property name="background" value="rgba(0,0,0,0.5)" />
				<property name="font-weight" value="bold" />
				<property name="padding" value="6px 12px" />
				<property name="z-index" value="120" />
				<property name="color" value="#FFF" />
				<rule selector="a">
	
					<property name="color" value="inherit !important" />
				</rule>
	
			</rule>
	
			<rule selector=".label">
	
				<property name="background" value="rgba(,0.8)" />
				<property name="padding" value="5px 15px" />
				<property name="font-weight" value="bold" />
			</rule>
	
		</rule>
	
		<rule selector=".style-slide">
	
			<rule selector=".item .heading">
	
				<property name="font-size" value="250%" />
			</rule>
	
			<rule selector=".item .label">
	
				<property name="font-size" value="160%" />
				<property name="padding" value="10px 20px" />
			</rule>
	
		</rule>
	
		<rule selector=".style-featured">
	
			<rule selector=".item .heading">
	
				<property name="font-size" value="115%" />
				<rule selector="span.title">
	
					<property name="text-shadow" value="0 0 10px #000" />
				</rule>
	
			</rule>
	
			<rule selector=".item .image img">
	
				<property name="aspect-ratio" value="545 / 385" />
				<property name="display" value="inline-block !important" />
			</rule>
	
		</rule>
	
		<rule selector=".style-featured, .style-slide">
	
			<rule selector=".item">
	
				<rule selector=".title">
	
					<property name="color" value="#FFF !important" />
					<property name="font-size" value="inherit" />
				</rule>
	
				<rule selector=".category">
	
					<property name="background" value="" />
					<property name="color" value="#FFF !important" />
					<property name="border-right" value="none" />
					<property name="padding" value="0 5px" />
					<property name="display" value="inline-block" />
					<property name="border-radius" value="2px" />
				</rule>
	
				<rule selector=".description">
	
					<property name="color" value="#c1c1c1" />
					<property name="white-space" value="nowrap" />
					<property name="text-overflow" value="ellipsis" />
					<property name="overflow" value="hidden" />
				</rule>
	
				<rule selector="a:visited">
	
					<rule selector=".category">
	
						<property name="background" value="#666" />
					</rule>
	
				</rule>
	
			</rule>
	
		</rule>
	
		<rule selector=".style-video">
	
			<rule selector=".item">
	
				<property name="padding-bottom" value="15px" />
				<rule selector=".info">
	
					<property name="padding" value="10px 5px" />
				</rule>
	
				<rule selector=".heading">
	
					<property name="font-size" value="17px" />
					<property name="padding-bottom" value="10px" />
					<property name="min-height" value="4em" />
					<property name="line-height" value="150%" />
				</rule>
	
				<rule selector=".list">
	
					<property name="font-size" value="smaller" />
				</rule>
	
			</rule>
	
		</rule>
	
		
		<rule selector=".style-podcast">
	
			<property name="padding" value="0" />
			<rule selector=".item">
	
				<property name="margin" value="0" />
				<rule selector=".image">
	
					<rule selector="img">
	
						<property name="width" value="100%" />
						<property name="height" value="auto" />
					</rule>
	
				</rule>
	
			</rule>
	
			<rule selector=".info">
	
				<rule selector="background:; <property name=&quot;padding&quot; value=&quot;15px 15px 10px 15px&quot; /&gt; <property name=&quot;color&quot; value=&quot;#FFF&quot; /&gt; .category">
	
					<property name="color" value="#d4e8fe !important" />
				</rule>
	
				<rule selector=".title, .title:hover">
	
					<property name="color" value="inherit !important" />
				</rule>
	
				<rule selector=".description">
	
					<property name="color" value="#ddd" />
				</rule>
	
				<rule selector=".list">
	
					<rule selector="li">
	
						<property name="border-color" value="rgba(255,255,255,0.1)" />
					</rule>
	
					<rule selector="a:hover">
	
						<property name="color" value="#FFF" />
					</rule>
	
				</rule>
	
			</rule>
	
		</rule>
	
		<rule selector=".item:hover">
	
			<rule selector=".ui-tools">
	
				<property name="display" value="block" />
				<property name="opacity" value="1" />
			</rule>
	
		</rule>
	
		<rule selector=".item-video">
	
			<rule selector=".image">
	
				<rule selector=".duration">
	
					<property name="position" value="absolute" />
					<property name="bottom" value="0" />
					<property name="right" value="0" />
					<property name="background" value="rgba(0,0,0,0.75)" />
					<property name="color" value="#FFF" />
					<property name="font-size" value="smaller" />
					<property name="font-weight" value="bold" />
					<property name="display" value="block" />
					<property name="padding" value="5px" />
					<property name="z-index" value="101" />
				</rule>
	
				<rule selector=".play">
	
					<property name="display" value="block" />
					<property name="position" value="absolute" />
					<property name="top" value="0" />
					<property name="left" value="0" />
					<property name="bottom" value="0" />
					<property name="right" value="0" />
					<property name="opacity" value="0" />
					<property name="transition" value="opacity 0.2s ease" />
					<property name="background" value="rgba(0,0,0,0.25)" />
					<property name="z-index" value="100" />
					<rule selector=".icon">
	
						<property name="color" value="#FFF" />
						<property name="font-size" value="50px" />
						<property name="position" value="absolute" />
						<property name="top" value="50%" />
						<property name="left" value="50%" />
						<property name="margin-left" value="-25px" />
						<property name="margin-top" value="-25px" />
					</rule>
	
				</rule>
	
			</rule>
	
			<rule selector=".image:hover">
	
				<rule selector=".play">
	
					<property name="opacity" value="1" />
				</rule>
	
			</rule>
	
		</rule>
	
		<rule selector=".item-product">
	
			<rule selector=".image">
	
				<property name="position" value="relative" />
				<property name="height" value="300px !important" />
				<property name="text-align" value="center" />
				<property name="background" value="#FFF" />
				<rule selector=".img">
	
					<property name="line-height" value="300px" />
				</rule>
	
				<rule selector="img">
	
					<property name="display" value="inline-block !important" />
					<property name="max-width" value="85%" />
					<property name="max-height" value="85%" />
					<property name="width" value="auto" />
					<property name="vertical-align" value="middle" />
				</rule>
	
				<rule selector=".price">
	
					<property name="position" value="absolute" />
					<property name="display" value="block" />
					<property name="right" value="0" />
					<property name="bottom" value="0" />
					<property name="padding" value="5px 7px" />
					<property name="color" value="#FFF" />
					<property name="font-size" value="larger" />
					<property name="font-weight" value="bold" />
				</rule>
	
			</rule>
	
		</rule>
	
		<rule selector=".item-game">
	
			<rule selector=".image">
	
				<property name="position" value="relative" />
			</rule>
	
			<rule selector=".review-score">
	
				<property name="position" value="absolute" />
				<property name="bottom" value="5px" />
				<property name="left" value="0" />
				<property name="font-size" value="12px" />
				<property name="color" value="#FFF" />
				<property name="padding" value="5px" />
				<property name="z-index" value="100" />
				<rule selector=".icon">
	
				</rule>
	
				<rule selector=".value">
	
					<property name="font-weight" value="bold" />
					<property name="color" value="#FFF" />
				</rule>
	
			</rule>
	
			<rule selector=".rating">
	
				<property name="position" value="absolute" />
				<property name="bottom" value="5px" />
				<property name="right" value="0" />
				<property name="font-size" value="12px" />
				<property name="color" value="#FFF" />
				<property name="padding" value="5px" />
				<property name="z-index" value="100" />
				<rule selector=".icon">
	
				</rule>
	
				<rule selector=".value">
	
					<property name="font-weight" value="bold" />
				</rule>
	
			</rule>
	
		</rule>
	
		<rule selector=".style-featured, .style-slide">
	
			<rule selector=".item">
	
				<property name="display" value="block" />
				<property name="overflow" value="hidden" />
				<rule selector=".info">
	
					<property name="position" value="absolute" />
					<property name="z-index" value="120" />
					<property name="bottom" value="0" />
					<property name="left" value="0" />
					<property name="right" value="0" />
					<property name="padding" value="10px" />
					<property name="background" value="rgba(0,0,0,0.7)" />
					<property name="background" value="rgb(0,0,0)" />
					<property name="background" value="linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.7) 50%, rgba(0,0,0,0) 100%)" />
					<rule selector=".user-comments">
	
						<property name="color" value="#FFF" />
						<property name="font-weight" value="bold" />
						<property name="position" value="absolute" />
						<property name="right" value="10px" />
						<property name="bottom" value="12px" />
						<property name="white-space" value="nowrap" />
					</rule>
	
					<rule selector=".title">
	
						<property name="line-height" value="140%" />
					</rule>
	
					<rule selector=".description">
	
						<property name="padding-bottom" value="0" />
					</rule>
	
					<rule selector=".description, ul.list">
	
						<property name="margin-right" value="40px" />
					</rule>
	
					<rule selector="ul.list">
	
						<property name="display" value="none" />
					</rule>
	
				</rule>
	
			</rule>
	
			<rule selector=".item-video">
	
				<rule selector=".info">
	
					<property name="display" value="none" />
				</rule>
	
			</rule>
	
		</rule>
	
		<rule selector=".style-slide">
	
			<rule selector=".item">
	
				<rule selector=".info">
	
					<property name="bottom" value="25px" />
					<property name="left" value="25px" />
					<property name="right" value="25px" />
					<property name="padding" value="20px" />
					<rule selector="ul.list">
	
						<property name="display" value="block" />
						<property name="padding-top" value="5px" />
						<rule selector="li">
	
							<property name="border-color" value="#555" />
						</rule>
	
					</rule>
	
				</rule>
	
			</rule>
	
		</rule>
	
		<rule selector=".style-list">
	
			<rule selector=".item">
	
				<property name="display" value="block" />
			</rule>
	
			<rule selector=".item-promoted">
	
				--accent:;
				<property name="--site-icon" value="none" />
				<rule selector=".item-wrap">
	
					<property name="position" value="relative" />
					<property name="border-top" value="5px !important" />
					<property name="border-left" value="5px !important" />
					<property name="border-right" value="5px !important" />
					<property name="border-bottom" value="5px !important" />
					<property name="border-style" value="solid !important" />
					<property name="padding" value="10px !important" />
					<property name="border-color" value="var(--accent) !important" />
					<rule selector=".category.accent, .source">
	
						<property name="color" value="var(--accent)" />
					</rule>
	
					<rule selector=".source, .image">
	
						<rule selector=":before">
	
							<property name="display" value="inline-block" />
							<property name="background-repeat" value="no-repeat" />
							<property name="background-position" value="center" />
							<property name="background-image" value="var(--site-icon)" />
							<property name="background-size" value="contain" />
							<property name="width" value="20px" />
							<property name="height" value="20px" />
							<property name="vertical-align" value="middle" />
							<property name="content" value="&quot;&quot;" />
							<property name="margin-right" value="5px" />
							<property name="border-radius" value="10px" />
						</rule>
	
					</rule>
	
					<rule selector=".image:before">
	
						<property name="position" value="absolute" />
						<property name="top" value="5px" />
						<property name="left" value="5px" />
					</rule>
	
					<rule selector=".list">
	
						<property name="bottom" value="10px" />
					</rule>
	
					<rule selector=".description">
	
						<rule selector=".source">
	
							<property name="border-right" value="1px solid var(--line)" />
							<property name="display" value="inline-block" />
							<property name="margin-right" value="5px" />
							<property name="padding-right" value="5px" />
						</rule>
	
					</rule>
	
				</rule>
	
			</rule>
	
			<rule selector=".item-promoted.item-medium">
	
				<rule selector=".item-wrap">
	
					<property name="overflow" value="auto" />
					<property name="overflow" value="overlay" />
				</rule>
	
			</rule>
	
			<rule selector=".item-promoted.item-site-nintendolife-com">
	
				<property name="--accent" value="#E60012" />
				<property name="--site-icon" value="url(https://images.nintendolife.com/site/icon/32x32.png)" />
			</rule>
	
			<rule selector=".item-promoted.item-site-pushsquare-com">
	
				<property name="--accent" value="#0868e0" />
				<property name="--site-icon" value="url(https://images.pushsquare.com/site/icon/32x32.png)" />
			</rule>
	
			<rule selector=".item-promoted.item-site-purexbox-com">
	
				<property name="--accent" value="#5cb91f" />
				<property name="--site-icon" value="url(https://images.purexbox.com/site/icon/32x32.png)" />
			</rule>
	
			<rule selector=".item-promoted.item-site-timeextension-com">
	
				<property name="--accent" value="#f43590" />
				<property name="--site-icon" value="url(https://images.timeextension.com/site/icon/32x32.png)" />
			</rule>
	
		</rule>
	
		<rule selector=".style-podcasts">
	
			<rule selector=".item-content">
	
				<property name="display" value="inline-block" />
				<property name="vertical-align" value="top" />
				<property name="border-top" value="1px solid var(--line)" />
				<property name="padding" value="15px 0" />
				<rule selector=".heading">
	
					<property name="padding-bottom" value="5px" />
				</rule>
	
				<rule selector=".info">
	
					<property name="padding" value="10px 5px" />
				</rule>
	
			</rule>
	
			<rule selector=".item-insert">
	
				<property name="display" value="block" />
				<property name="border-top" value="1px solid var(--line)" />
				<property name="padding" value="30px 0 15px 0" />
			</rule>
	
		</rule>
	
		<rule selector=".style-features">
	
			<rule selector=".item-content">
	
				<property name="padding" value="15px 0 10px 0" />
				<property name="border-top" value="1px solid var(--line)" />
				<rule selector=".image">
	
					<rule selector="img">
	
						<property name="max-width" value="100%" />
						<property name="height" value="auto" />
					</rule>
	
				</rule>
	
				<rule selector=".info">
	
					<property name="padding" value="10px 5px" />
				</rule>
	
				<rule selector=".heading">
	
					<property name="font-size" value="20px" />
					<property name="padding-bottom" value="5px" />
					<property name="line-height" value="150%" />
					<rule selector=".category">
	
						<property name="border" value="none" />
					</rule>
	
					<rule selector=".title">
	
						<property name="display" value="block" />
					</rule>
	
				</rule>
	
				<rule selector=".text">
	
					<property name="color" value="var(--text-color-soft)" />
					<property name="line-height" value="150%" />
					<property name="max-height" value="9em" />
					<property name="overflow" value="hidden" />
					<property name="font-size" value="90%" />
					<property name="text-overflow" value="ellipsis" />
					<property name="display" value="-webkit-box" />
					<property name="-webkit-line-clamp" value="6" />
					<property name="-webkit-box-orient" value="vertical" />
				</rule>
	
				<rule selector=".list">
	
					<property name="padding-top" value="10px" />
				</rule>
	
			</rule>
	
		</rule>
	
		<rule selector=".style-table">
	
			<property name="width" value="100%" />
			<property name="border-collapse" value="collapse" />
			<property name="margin" value="5px 0" />
			<rule selector=".row">
	
				<rule selector="a">
	
					<property name="text-decoration" value="none" />
					<rule selector=":hover">
	
						<property name="text-decoration" value="underline" />
					</rule>
	
				</rule>
	
				<rule selector="td">
	
					<property name="vertical-align" value="middle" />
					<property name="border-bottom" value="1px solid var(--line)" />
				</rule>
	
				<rule selector=".image">
	
					<property name="padding" value="5px 0" />
					<property name="width" value="80px" />
					<rule selector="img">
	
						<property name="vertical-align" value="bottom" />
					</rule>
	
				</rule>
	
				<rule selector=".subtitle">
	
					<rule selector="span">
	
						<rule selector="background:; <property name=&quot;text-align&quot; value=&quot;center&quot; /&gt; <property name=&quot;color&quot; value=&quot;#FFF&quot; /&gt; <property name=&quot;border-radius&quot; value=&quot;5px&quot; /&gt; <property name=&quot;padding&quot; value=&quot;10px&quot; /&gt; <property name=&quot;display&quot; value=&quot;block&quot; /&gt; <property name=&quot;font-weight&quot; value=&quot;bold&quot; /&gt; <property name=&quot;font-size&quot; value=&quot;smaller&quot; /&gt; <property name=&quot;white-space&quot; value=&quot;nowrap&quot; /&gt; </rule> </rule> td.title">
	
					<property name="padding" value="5px 8px" />
					<rule selector="a.title">
	
						<property name="font-weight" value="bold" />
					</rule>
	
					<rule selector=".description">
	
						<property name="color" value="var(--text-color-softer)" />
						<property name="font-size" value="smaller" />
						<rule selector="a">
	
							<property name="color" value="var(--text-color-soft)" />
						</rule>
	
					</rule>
	
				</rule>
	
				<rule selector=".score">
	
					<property name="padding" value="5px 10px" />
					<property name="font-size" value="smaller" />
					<property name="text-align" value="center" />
					<rule selector="a">
	
						<property name="font-weight" value="bold" />
					</rule>
	
				</rule>
	
				<rule selector=".dates">
	
					<property name="padding" value="5px 10px" />
					<property name="font-size" value="smaller" />
					<rule selector="ul">
	
						<property name="font-size" value="90%" />
					</rule>
	
					<rule selector=".region">
	
						<property name="color" value="var(--text-color-soft)" />
						<property name="font-size" value="90%" />
					</rule>
	
				</rule>
	
				<rule selector=".user-rating">
	
					<rule selector="color:; <property name=&quot;font-weight&quot; value=&quot;bold&quot; /&gt; <property name=&quot;padding&quot; value=&quot;5px 10px&quot; /&gt; </rule> .prices">
	
					<property name="padding" value="5px" />
					<property name="font-size" value="smaller" />
					<property name="text-align" value="center" />
				</rule>
	
				<rule selector=".dates, .prices">
	
					<rule selector="ul">
	
						<property name="text-align" value="inherit" />
						<property name="line-height" value="150%" />
						<rule selector="li">
	
							<property name="display" value="block" />
							<property name="white-space" value="nowrap" />
						</rule>
	
					</rule>
	
				</rule>
	
				<rule selector=":hover">
	
					<rule selector="td">
	
						<property name="background" value="var(--bg-offset)" />
					</rule>
	
				</rule>
	
			</rule>
	
		</rule>
	
		<rule selector=".ui-game-change-status">
	
			<property name="position" value="absolute" />
			<property name="top" value="50%" />
			<property name="left" value="50%" />
			<property name="z-index" value="100" />
			<property name="color" value="#FFF" />
			<property name="font-size" value="24px" />
			<property name="line-height" value="24px" />
			<property name="vertical-align" value="bottom" />
			<property name="padding-top" value="8px" />
			<property name="padding-left" value="1px" />
			<property name="width" value="40px" />
			<property name="height" value="40px" />
			<property name="margin-left" value="-20px" />
			<property name="margin-top" value="-20px" />
			<property name="overflow" value="hidden" />
			<property name="text-decoration" value="none" />
			<property name="vertical-align" value="bottom" />
			<property name="border-radius" value="30px" />
			<property name="box-sizing" value="border-box" />
			<property name="text-decoration" value="none !important" />
			<property name="box-shadow" value="0 0 10px rgba(0,0,0,0.5)" />
			<property name="display" value="none" />
			<property name="z-index" value="149" />
		</rule>
	
		<rule selector=".item:hover">
	
			<rule selector=".ui-game-change-status">
	
				<property name="display" value="block" />
			</rule>
	
		</rule>
	
		<rule selector=".status-options, .score-options">
	
			<property name="position" value="absolute" />
			<property name="top" value="0" />
			<property name="left" value="0" />
			<property name="right" value="0" />
			<property name="max-width" value="300px" />
			<property name="z-index" value="150" />
			<rule selector="background:; <property name=&quot;box-shadow&quot; value=&quot;0 0 15px rgba(0,0,0,0.2)&quot; /&gt; a">
	
				<property name="color" value="#FFF" />
				<property name="display" value="block" />
				<property name="padding" value="5px 10px" />
				<property name="font-weight" value="bold" />
				<property name="border-bottom" value="1px solid rgba(255,255,255,0.15)" />
				<property name="text-decoration" value="none" />
				<rule selector=".icon">
	
					<property name="font-size" value="larger" />
					<property name="vertical-align" value="text-top" />
				</rule>
	
			</rule>
	
			<rule selector="a.current, a:hover">
	
				<property name="text-decoration" value="none" />
				<property name="background" value="rgba(255,255,255,0.20)" />
			</rule>
	
			<rule selector="li:last-child a">
	
				<property name="border-bottom" value="none" />
			</rule>
	
		</rule>
	
	</rule>
	
	<rule selector=".user-score-active">
	
		<rule selector=".user-score:hover">
	
			<property name="cursor" value="pointer" />
			<property name="text-decoration" value="underline" />
		</rule>
	
	</rule>
	
	<rule selector=".ui-listing-filters">
	
		<rule selector="h2.heading">
	
			<property name="color" value="var(--text-color-soft)" />
			<property name="padding" value="10px" />
			<property name="border-bottom" value="1px solid var(--line)" />
			<property name="font-weight" value="bold" />
		</rule>
	
		<rule selector=".ui-listing-filters-body">
	
			<property name="padding-top" value="15px" />
			<property name="background" value="var(--background)" />
		</rule>
	
		<rule selector=".heading .icon">
	
			<property name="float" value="right" />
		</rule>
	
	</rule>
	
	<rule selector=".filters-disabled">
	
		<rule selector=".ui-listing-filters-body">
	
			<property name="display" value="none" />
		</rule>
	
	</rule>
	
	<rule selector=".container.type-images">
	
		<property name="margin-bottom" value="0" />
	</rule>
	
	<rule selector=".ui-listing-filter">
	
		<property name="padding-bottom" value="15px" />
		<rule selector="h3.heading">
	
			<property name="padding" value="10px" />
			<property name="color" value="var(--text-color-soft)" />
			<property name="font-weight" value="bold" />
			<property name="font-size" value="15px" />
			<property name="border-bottom" value="1px solid var(--line)" />
			<rule selector=":hover">
	
				<property name="cursor" value="pointer" />
				<property name="background" value="var(--bg-offset)" />
			</rule>
	
		</rule>
	
		<rule selector=".ui-filter-search">
	
			<property name="border" value="1px solid var(--line)" />
			<property name="padding" value="5px 10px" />
			<property name="color" value="var(--text-color-soft)" />
			<property name="box-sizing" value="border-box" />
			<property name="width" value="100%" />
			<property name="outline" value="none" />
			<property name="font-size" value="inherit" />
			<property name="font-family" value="inherit" />
			<property name="background" value="none" />
			<property name="color" value="inherit" />
		</rule>
	
		<rule selector=".ui-filter-footer">
	
			<property name="background" value="var(--bg-offset)" />
			<property name="display" value="none" />
			<property name="font-size" value="smaller" />
			<property name="padding" value="10px 5px" />
			<property name="text-align" value="center" />
			<property name="color" value="var(--text-color-softer)" />
			<property name="line-height" value="150%" />
			<rule selector="a">
	
				<property name="color" value="var(--text-color-soft)" />
				<property name="text-decoration" value="none" />
				<property name="font-weight" value="bold" />
				<rule selector=":hover">
	
					<property name="text-decoration" value="underline" />
				</rule>
	
			</rule>
	
		</rule>
	
	</rule>
	
	<rule selector=".ui-listing-filter.ui-has-option, .ui-listing-filter:not(.ui-listing-filter-collapse)">
	
		<rule selector=".ui-filter-footer">
	
			<property name="display" value="block" />
		</rule>
	
	</rule>
	
	<rule selector=".ui-listing-filters">
	
		<rule selector=".ui-filter-options">
	
			<property name="max-height" value="300px" />
			<property name="overflow" value="auto" />
		</rule>
	
		<rule selector=".ui-filter-options::-webkit-scrollbar">
	<property name="width" value="6px" /></rule>
	
		<rule selector=".ui-filter-options::-webkit-scrollbar-track">
	<property name="border-radius" value="10px" /><property name="background" value="rgba(0,0,0,.1)" /></rule>
	
		<rule selector=".ui-filter-options::-webkit-scrollbar-thumb">
	<property name="border-radius" value="10px" /><property name="background" value="rgba(0,0,0,.2)" /></rule>
	
		<rule selector=".ui-filter-options::-webkit-scrollbar-thumb:window-inactive">
	<property name="background" value="rgba(0,0,0,.1)" /></rule>
	
	
		<rule selector=".fm-fieldset, .fm-checkboxgroup">
	
			<property name="border" value="none" />
			<property name="margin" value="0" />
			<property name="padding" value="0" />
			<rule selector="legend">
	
				<property name="font-weight" value="bold" />
				<property name="font-size" value="smaller" />
				<property name="padding" value="5px" />
				<property name="color" value="var(--text-color-soft)" />
				<property name="width" value="100%" />
				<property name="background" value="var(--bg-offset)" />
				<property name="box-sizing" value="border-box" />
			</rule>
	
		</rule>
	
		<rule selector=".fm-checkbox">
	
			<property name="display" value="block" />
			<property name="font-family" value="sans-serif" />
			<property name="font-size" value="smaller" />
			<property name="padding" value="1px 3px" />
			<property name="line-height" value="150%" />
			<property name="color" value="var(--text-color-soft)" />
			<rule selector="label">
	
				<property name="cursor" value="pointer" />
				<rule selector=":hover">
	
					<property name="color" value="var(--text-color-normal)" />
				</rule>
	
			</rule>
	
			<rule selector=".count">
	
				<property name="color" value="var(--text-color-softer)" />
				<property name="font-size" value="90%" />
				<property name="padding-left" value="3px" />
				<rule selector=":before">
	
					<property name="content" value="&quot;(&quot;" />
				</rule>
	
				<rule selector=":after">
	
					<property name="content" value="&quot;)&quot;" />
				</rule>
	
			</rule>
	
		</rule>
	
		<rule selector=".fm-checkbox-selected">
	
			<property name="color" value="var(--text-color-normal)" />
		</rule>
	
		<rule selector="ul.tools">
	
			<rule selector="li">
	
				<property name="display" value="block" />
				<property name="padding" value="5px 10px" />
			</rule>
	
			<rule selector="a">
	
				<property name="font-family" value="sans-serif" />
				<property name="font-size" value="smaller" />
				<property name="color" value="var(--text-color-soft)" />
				<property name="text-decoration" value="none" />
				<rule selector=":hover">
	
					<property name="color" value="var(--text-color-normal)" />
				</rule>
	
			</rule>
	
		</rule>
	
	</rule>
	
	<rule selector=".ui-listing-filter-collapse">
	
		<rule selector=".fm-checkbox:not(.fm-checkbox-selected)">
	
			<property name="display" value="none" />
		</rule>
	
		<rule selector="legend">
	
			<property name="display" value="none" />
		</rule>
	
	</rule>
	
	<rule selector=".ui-game-status-tools, .ui-game-score-tools">
	
		<property name="display" value="none" />
	</rule>
	
	<rule selector=".section-heading">
	
		<property name="font-size" value="200%" />
		<property name="padding" value="0 0 5px 0" />
		<property name="border-bottom" value="2px solid var(--line)" />
		<property name="margin-bottom" value="15px" />
	</rule>
	
	<rule selector=".content">
	
		<rule selector=".empty">
	
			<property name="padding" value="60px 25px" />
			<property name="text-align" value="center" />
			<property name="font-size" value="150%" />
			<property name="font-style" value="italic" />
			<property name="color" value="var(--text-color-soft)" />
			<property name="line-height" value="150%" />
		</rule>
	
	</rule>
	
	
	<rule sp="@media screen and (min-width: 900px) " />
	
		<rule selector=".filters-disabled">
	
			<rule selector=".ui-views">
	
				<property name="margin-top" value="15px" />
			</rule>
	
		</rule>
	
		<rule selector=".with-filters:not(.filters-disabled)">
	
			<rule selector=".ui-views">
	
				<property name="margin-left" value="200px" />
			</rule>
	
			<rule selector=".ui-listing-filters">
	
				<property name="width" value="185px" />
				<property name="float" value="left" />
			</rule>
	
			<rule selector=".ui-listing-body">
	
				<property name="margin-left" value="200px" />
			</rule>
	
		</rule>
	
		<rule selector=".container">
	
			<rule selector=".style-tile .item, .style-list .item-high">
	
				<property name="width" value="50%" />
				<rule selector=".item-wrap">
	
					<property name="max-width" value="450px" />
				</rule>
	
			</rule>
	
			<rule selector=".style-video .item-content">
	
				<property name="box-sizing" value="border-box" />
				<rule selector=".item-wrap">
	
					<property name="padding" value="0 18px 0 0" />
				</rule>
	
			</rule>
	
			<rule selector=".style-photo .item-content">
	
				<property name="box-sizing" value="border-box" />
				<rule selector=".item-wrap">
	
					<property name="padding" value="0 18px 0 0" />
				</rule>
	
			</rule>
	
			<rule selector=".style-review .item-content">
	
				<property name="width" value="33.3%" />
			</rule>
	
			
			<rule selector=".style-review .item, .style-tile .item, .style-list .item-high">
	
				<property name="display" value="inline-block" />
				<property name="vertical-align" value="top" />
				<property name="box-sizing" value="border-box" />
				<property name="border-top" value="1px solid var(--line)" />
				<property name="padding" value="15px 0" />
				<rule selector=".item-wrap">
	
					<property name="padding" value="0 15px 0 0" />
				</rule>
	
				<rule selector=".list">
	
					<property name="padding-top" value="5px" />
				</rule>
	
			</rule>
	
			<rule selector=".style-list .item-high.item-1">
	
				<rule selector=".item-wrap">
	
					<property name="border-right" value="1px solid var(--line)" />
				</rule>
	
			</rule>
	
			<rule selector=".style-list .item-high.item-2">
	
				<rule selector=".item-wrap">
	
					<property name="padding" value="0 0 0 15px" />
				</rule>
	
			</rule>
	
			<rule selector=".style-list .item-high">
	
				<property name="border-top" value="none" />
				<property name="padding" value="0 0 30px 0" />
			</rule>
	
			<rule selector=".style-featured">
	
				<property name="overflow" value="auto" />
				<rule selector=".item">
	
					<property name="float" value="left" />
					<property name="height" value="200px" />
					<property name="width" value="296px" />
					<property name="margin-right" value="15px" />
					<rule selector=".info">
	
						<property name="min-height" value="50%" />
						<property name="display" value="flex" />
						<rule selector=".info-wrap">
	
							<property name="align-self" value="flex-end" />
							<property name="max-width" value="100%" />
						</rule>
	
					</rule>
	
					<rule selector=".image">
	
						<property name="position" value="absolute" />
						<property name="bottom" value="0" />
						<property name="left" value="0" />
						<property name="right" value="0" />
						<property name="overflow" value="hidden" />
						<property name="z-index" value="100" />
						<rule selector=".label">
	
							<property name="top" value="20px" />
						</rule>
	
						<rule selector="img">
	
							<property name="width" value="100%" />
							<property name="height" value="auto" />
						</rule>
	
					</rule>
	
				</rule>
	
				<rule selector=".item:first-child">
	
					<property name="width" value="545px" />
					<property name="height" value="385px" />
					<property name="margin-bottom" value="15px" />
					<rule selector=".info">
	
						<property name="bottom" value="0" />
						<property name="left" value="0px" />
						<property name="right" value="0px" />
						<property name="padding" value="20px 20px 15px 20px" />
						<rule selector=".label">
	
							<property name="top" value="10px" />
						</rule>
	
					</rule>
	
				</rule>
	
				<rule selector=".item:last-child">
	
					<property name="margin-right" value="0" />
				</rule>
	
				<rule selector=".item:nth-child(2), .item:nth-child(3)">
	
					<property name="width" value="360px" />
					<property name="height" value="185px" />
					<property name="margin-right" value="0" />
					<property name="margin-bottom" value="15px" />
					<rule selector=".image">
	
						<property name="bottom" value="-50px" />
						<rule selector=".label">
	
							<property name="top" value="30px" />
						</rule>
	
					</rule>
	
				</rule>
	
	
			</rule>
	
			<rule selector=".style-list">
	
				<rule selector=".item-insert">
	
					<property name="border-top" value="1px solid var(--line)" />
					<property name="padding" value="30px 0 15px 0" />
				</rule>
	
				<rule selector=".item-medium">
	
					<property name="padding" value="30px 0" />
					<property name="display" value="block" />
					<property name="overflow" value="auto" />
					<property name="overflow" value="overlay" />
					<property name="border-top" value="1px solid var(--line)" />
					<rule selector=".image">
	
						<property name="width" value="250px" />
						<property name="float" value="left" />
						<property name="margin-right" value="15px" />
					</rule>
	
				</rule>
	
				<rule selector=".item-medium:first-child">
	
					<property name="padding-top" value="0" />
				</rule>
	
				<rule selector=".item:first-child">
	
					<property name="border-top" value="none" />
				</rule>
	
				<rule selector=".item-low">
	
					<property name="width" value="50%" />
					<property name="display" value="inline-block" />
					<property name="vertical-align" value="top" />
					<property name="padding" value="25px 15px 25px 0" />
					<property name="overflow" value="auto" />
					<property name="overflow" value="overlay" />
					<property name="border-top" value="1px solid var(--line)" />
					<property name="box-sizing" value="border-box" />
					<rule selector=".info">
	
						<property name="margin-left" value="142px" />
					</rule>
	
					<rule selector=".heading">
	
						<property name="font-size" value="19px" />
						<property name="padding-bottom" value="5px" />
						<property name="line-height" value="140%" />
					</rule>
	
					<rule selector=".image">
	
						<property name="margin-top" value="5px" />
						<property name="width" value="130px" />
						<property name="height" value="95px" />
						<property name="float" value="left" />
						<property name="overflow" value="hidden" />
						<rule selector=".label">
	
							<property name="top" value="0" />
						</rule>
	
					</rule>
	
					<rule selector=".text">
	
						<property name="display" value="none !important" />
					</rule>
	
					<rule selector=".list">
	
						<property name="display" value="none" />
					</rule>
	
				</rule>
	
				<rule selector=".item-low:nth-child(even)">
	
					<property name="padding-right" value="20px" />
				</rule>
	
				<rule selector=".item-low:nth-child(1), .item-low:nth-child(2)">
	
					<property name="border-top" value="0" />
				</rule>
	
			</rule>
	
			<rule selector=".style-review">
	
				<property name="margin-right" value="-15px" />
				<rule selector=".item">
	
					<rule selector=".info">
	
						<property name="padding" value="10px 5px" />
					</rule>
	
					<rule selector=".heading">
	
						<property name="padding-bottom" value="5px" />
					</rule>
	
					<rule selector=".text">
	
						<property name="display" value="none" />
					</rule>
	
				</rule>
	
			</rule>
	
			<rule selector=".style-tile">
	
				<rule selector=".item-insert">
	
					<property name="display" value="block" />
					<property name="padding-top" value="15px" />
					<property name="margin-bottom" value="15px" />
					<property name="border-top" value="1px solid var(--line)" />
					<property name="border-bottom" value="1px solid var(--line)" />
					<property name="width" value="auto" />
				</rule>
	
			</rule>
	
			<rule selector=".style-tile.cols-3, .style-tile.cols-4">
	
				<rule selector=".item">
	
					<property name="text-align" value="center" />
					<rule selector="ul">
	
						<property name="text-align" value="inherit" />
					</rule>
	
					<rule selector=".heading">
	
						<property name="font-size" value="18px" />
					</rule>
	
					<rule selector=".description">
	
						<property name="font-size" value="smaller" />
					</rule>
	
					<rule selector=".image">
	
						<rule selector="img">
	
							<property name="width" value="100%" />
							<property name="height" value="auto" />
						</rule>
	
					</rule>
	
				</rule>
	
			</rule>
	
			<rule selector=".cols-3">
	
				<rule selector=".item-content">
	
					<property name="width" value="33.3%" />
					<property name="display" value="inline-block" />
					<property name="vertical-align" value="top" />
				</rule>
	
				<rule selector=".item-content:nth-child(-n+3)">
	
					<property name="border-top" value="none" />
					<property name="padding-top" value="0" />
				</rule>
	
			</rule>
	
			<rule selector=".cols-4">
	
				<rule selector=".item.item-content">
	
					<property name="width" value="25%" />
					<property name="display" value="inline-block" />
					<property name="vertical-align" value="top" />
				</rule>
	
				<rule selector=".item.item-content:nth-child(-n+4)">
	
					<property name="border-top" value="none" />
					<property name="padding-top" value="0" />
				</rule>
	
			</rule>
	
			<rule selector=".style-cover">
	
				<rule selector=".item">
	
					<property name="background" value="var(--background)" />
					<property name="text-align" value="center" />
					<rule selector=".item-wrap">
	
						<property name="padding" value="10px 10px 30px 10px" />
					</rule>
	
					<rule selector="ul">
	
						<property name="text-align" value="inherit" />
					</rule>
	
					<rule selector=".cover">
	
						<property name="height" value="200px" />
						<property name="line-height" value="200px" />
						<rule selector="img">
	
							<property name="max-height" value="190px" />
							<property name="width" value="auto" />
							<property name="height" value="auto" />
							<property name="max-width" value="90%" />
							<property name="vertical-align" value="middle" />
						</rule>
	
					</rule>
	
					<rule selector=".heading">
	
						<property name="font-size" value="16px" />
					</rule>
	
					<rule selector=".description">
	
						<property name="font-size" value="smaller" />
						<property name="color" value="#CCC" />
						<property name="padding" value="5px 0" />
					</rule>
	
				</rule>
	
			</rule>
	
			<rule selector=".style-tile, .style-cover, .style-reviews">
	
				<rule selector=".item">
	
					<rule selector=".subtitle">
	
						<rule selector="color:; <property name=&quot;font-size&quot; value=&quot;smaller&quot; /&gt; <property name=&quot;border-left&quot; value=&quot;1px solid rgba(0,0,0,0.1)&quot; /&gt; <property name=&quot;padding-left&quot; value=&quot;3px&quot; /&gt; </rule> .release-dates">
	
						<property name="font-size" value="smaller" />
						<property name="line-height" value="150%" />
						<rule selector=".region">
	
							<property name="color" value="#999" />
							<property name="font-size" value="90%" />
						</rule>
	
						<rule selector="li">
	
							<property name="display" value="block" />
						</rule>
	
					</rule>
	
					<rule selector=".user-rating">
	
						<rule selector="color:; <property name=&quot;font-weight&quot; value=&quot;bold&quot; /&gt; <property name=&quot;padding&quot; value=&quot;5px 0&quot; /&gt; </rule> </rule> </rule> .style-reviews">
	
				<rule selector=".item-content">
	
					<property name="padding" value="20px 15px" />
					<property name="box-sizing" value="border-box" />
					<property name="border-top" value="1px solid var(--line)" />
					<property name="text-align" value="center" />
					<rule selector=".heading">
	
						<property name="font-size" value="20px" />
						<property name="padding-bottom" value="5px" />
					</rule>
	
					<rule selector=".cover">
	
						<property name="padding" value="10px 0" />
						
					</rule>
	
				</rule>
	
				<rule selector=".item-insert">
	
					<property name="border-top" value="1px solid var(--line)" />
					<property name="padding-top" value="30px" />
				</rule>
	
			</rule>
	
			<rule selector=".style-podcasts">
	
				<rule selector=".item-content">
	
					<property name="width" value="33%" />
					<property name="box-sizing" value="border-box" />
					<property name="padding" value="30px 15px" />
				</rule>
	
			</rule>
	
			<rule selector=".style-features">
	
				<rule selector=".item-content">
	
					<property name="width" value="33%" />
					<property name="vertical-align" value="top" />
					<property name="display" value="inline-block" />
					<property name="box-sizing" value="border-box" />
					<property name="padding" value="30px 15px 30px 0" />
				</rule>
	
				<rule selector=".item-insert">
	
					<property name="border-top" value="1px solid var(--line)" />
					<property name="padding-top" value="30px" />
				</rule>
	
				<rule selector=".item-content:first-child">
	
					<property name="padding-top" value="0" />
					<property name="border-top" value="none" />
				</rule>
	
				<rule selector=".item-content:first-child, .item-content:nth-child(7n+1)">
	
					<property name="width" value="100%" />
					<property name="display" value="block" />
					<property name="overflow" value="auto" />
					<property name="overflow" value="overlay" />
					<rule selector=".text">
	
						<property name="max-height" value="none" />
						<property name="padding" value="5px 0" />
						<property name="font-size" value="100%" />
					</rule>
	
					<rule selector=".heading">
	
						<property name="font-size" value="28px" />
					</rule>
	
					<rule selector=".image">
	
						<property name="width" value="450px" />
						<property name="float" value="left" />
					</rule>
	
					<rule selector=".info">
	
						<property name="margin-left" value="465px" />
						<property name="padding" value="0" />
					</rule>
	
					<rule selector=".text">
	
						<property name="display" value="block" />
					</rule>
	
				</rule>
	
			</rule>
	
			<rule selector=".style-simple">
	
				<rule selector=".item-insert">
	
					<property name="margin-top" value="30px" />
				</rule>
	
				<rule selector=".item-content">
	
					<property name="background" value="var(--bg-offset)" />
				</rule>
	
				<rule selector=".item">
	
					<property name="display" value="block" />
					<property name="margin-bottom" value="15px" />
					<property name="overflow" value="auto" />
					<property name="overflow" value="overlay" />
					<rule selector=".image">
	
						<property name="width" value="150px" />
						<property name="float" value="left" />
						<property name="margin-right" value="10px" />
					</rule>
	
					<rule selector=".info">
	
						<property name="margin-left" value="160px" />
						<property name="line-height" value="110px" />
						<rule selector=".info-wrap">
	
							<property name="line-height" value="100%" />
							<property name="display" value="inline-block" />
							<property name="vertical-align" value="middle" />
							<property name="padding-right" value="10px" />
						</rule>
	
					</rule>
	
					<rule selector=".heading">
	
						<property name="font-size" value="16px" />
						<property name="padding-top" value="10px" />
						<property name="padding" value="5px 0 5px 0" />
						<property name="word-break" value="break-word" />
					</rule>
	
					<rule selector=".list">
	
						<property name="display" value="none" />
					</rule>
	
				</rule>
	
				<rule selector=".item:last-child">
	
					<property name="margin-bottom" value="0" />
				</rule>
	
			</rule>
	
			<rule selector=".style-video, .style-photo">
	
				<property name="margin-right" value="-18px" />
			</rule>
	
			<rule selector=".style-list .item-high">
	
				<rule selector=".image">
	
					<property name="overflow" value="hidden" />
					<rule selector="img">
	
						<property name="width" value="100%" />
						<property name="height" value="auto" />
					</rule>
	
				</rule>
	
			</rule>
	
			<rule selector=".style-tile .item, .style-list .item-high">
	
				<rule selector=".heading">
	
					<property name="padding" value="5px 0" />
					<property name="font-size" value="28px" />
				</rule>
	
				<rule selector="p.text">
	
					<property name="display" value="none" />
				</rule>
	
				<rule selector=".info">
	
					<property name="padding" value="5px 5px 0 5px" />
				</rule>
	
			</rule>
	
			<rule selector=".style-list">
	
				<rule selector=".item-medium">
	
					<rule selector=".heading">
	
						<property name="padding-bottom" value="5px" />
						<property name="font-size" value="26px" />
					</rule>
	
					<rule selector=".text">
	
						<property name="color" value="var(--text-color-softer)" />
						<property name="line-height" value="150%" />
						<property name="max-height" value="3em" />
						<property name="overflow" value="hidden" />
						<property name="text-overflow" value="ellipsis" />
						<property name="display" value="-webkit-box" />
						<property name="-webkit-line-clamp" value="2" />
						<property name="-webkit-box-orient" value="vertical" />
					</rule>
	
					<rule selector="p.description">
	
						<property name="white-space" value="nowrap" />
						<property name="text-overflow" value="ellipsis" />
						<property name="overflow" value="hidden" />
					</rule>
	
					<rule selector=".info">
	
						<property name="max-height" value="158px" />
						<property name="overflow" value="hidden" />
					</rule>
	
					<rule selector=".list">
	
						<property name="position" value="absolute" />
						<property name="bottom" value="30px" />
						<property name="left" value="265px" />
						<property name="right" value="0" />
						<property name="margin-top" value="5px" />
						<rule selector="a">
	
							<property name="color" value="#878787" />
						</rule>
	
					</rule>
	
				</rule>
	
			</rule>
	
			<rule selector=".style-featured">
	
				<rule selector=".item:first-child">
	
					<rule selector=".heading">
	
						<property name="font-size" value="175%" />
					</rule>
	
					<rule selector=".label">
	
						<property name="font-size" value="125%" />
						<property name="padding" value="5px 20px" />
					</rule>
	
				</rule>
	
			</rule>
	
		</rule>
	
	<rule ep="1"/>
	
	
	<rule sp="@media screen and (max-width:899px) " />
	
		<rule selector=".ui-listing-toggles">
	
			<property name="display" value="none" />
		</rule>
	
		<rule selector=".with-filters:not(.filters-enabled)">
	
			<rule selector=".ui-listing-filter">
	
				<property name="display" value="none" />
			</rule>
	
		</rule>
	
		<rule selector=".ui-listing-filters">
	
			<rule selector="h2.heading">
	
				<property name="background" value="var(--bg-highlight)" />
			</rule>
	
		</rule>
	
		<rule selector=".filters-enabled">
	
			<rule selector=".ui-listing-filters-body">
	
				<property name="background" value="var(--bg-offset)" />
				<property name="padding" value="10px" />
			</rule>
	
		</rule>
	
		<rule selector=".ui-views">
	
			<property name="display" value="none" />
		</rule>
	
		<rule selector=".container">
	
			<rule selector=".items">
	
				<rule selector=".item">
	
					<property name="display" value="block" />
					<rule selector=".image">
	
						<property name="position" value="relative" />
						<rule selector="img">
	
							<property name="width" value="100%" />
							<property name="height" value="auto" />
						</rule>
	
					</rule>
	
				</rule>
	
			</rule>
	
			<rule selector="nav.ui-views">
	
				<property name="border-bottom" value="none" />
				<rule selector=".panels">
	
					<property name="overflow" value="auto" />
					<property name="-webkit-overflow-scrolling" value="touch" />
					<property name="white-space" value="nowrap" />
					<rule selector="li">
	
						<rule selector="a">
	
							<property name="white-space" value="nowrap" />
							<property name="margin-bottom" value="0" />
						</rule>
	
					</rule>
	
				</rule>
	
			</rule>
	
		</rule>
	
		<rule selector=".container">
	
			<rule selector=".item-group">
	
				<property name="text-align" value="center" />
				<property name="background" value="var(--bg-offset)" />
			</rule>
	
			<rule selector=".style-features, .style-video">
	
				<rule selector=".item">
	
					<property name="padding" value="20px 0 10px 0" />
					<property name="display" value="block" />
				</rule>
	
			</rule>
	
			<rule selector=".style-features">
	
				<rule selector=".item">
	
					<property name="border-top" value="1px solid var(--line)" />
				</rule>
	
			</rule>
	
			<rule selector=".item-insert">
	
				<property name="padding" value="30px 0" />
				<property name="display" value="block" />
				<property name="clear" value="both" />
				<property name="border-bottom" value="1px solid var(--line)" />
			</rule>
	
			<rule selector=".style-list, .style-reviews, .style-cover">
	
				<property name="padding" value="10px 0" />
				<rule selector=".item-content, .item-high">
	
					<property name="display" value="block" />
					<property name="clear" value="both" />
					<property name="overflow" value="auto" />
					<property name="overflow" value="overlay" />
					<property name="padding" value="10px 0" />
					<property name="border-bottom" value="1px solid var(--line)" />
					<rule selector=".image, .cover">
	
						<property name="margin-top" value="5px" />
						<property name="width" value="40%" />
						<property name="max-width" value="300px" />
						<property name="height" value="auto" />
						<property name="float" value="left" />
						<property name="text-align" value="center" />
						<rule selector=".label">
	
							<property name="top" value="0" />
						</rule>
	
					</rule>
	
					<rule selector=".info">
	
						<property name="margin-left" value="40%" />
						<property name="padding" value="0 5px 0 10px" />
					</rule>
	
					<rule selector=".heading">
	
						<property name="padding" value="0 0 5px 0" />
						<property name="font-size" value="16px" />
						<property name="line-height" value="150%" />
					</rule>
	
					<rule selector=".description">
	
						<property name="font-size" value="smaller" />
					</rule>
	
					<rule selector=".text">
	
						<property name="display" value="none" />
					</rule>
	
					<rule selector=".subtitle">
	
						<rule selector="color:; <property name=&quot;font-size&quot; value=&quot;smaller&quot; /&gt; <property name=&quot;border-left&quot; value=&quot;1px solid rgba(0,0,0,0.1)&quot; /&gt; <property name=&quot;padding-left&quot; value=&quot;3px&quot; /&gt; </rule> .release-dates">
	
						<property name="font-size" value="smaller" />
						<property name="line-height" value="150%" />
						<rule selector=".region">
	
							<property name="color" value="#999" />
							<property name="font-size" value="90%" />
						</rule>
	
						<rule selector="li">
	
							<property name="display" value="block" />
						</rule>
	
					</rule>
	
				</rule>
	
			</rule>
	
		</rule>
	
	<rule ep="1"/>
	
	<rule selector=".block .widget-header .counter, .block .widget-header .badge, .lb-tabs .counter">
	
		<property name="background" value="#FFF" />
		<property name="color" value="!important" />
		<property name="text-shadow" value="none" />
		<property name="display" value="inline-block" />
		<property name="font-size" value="75%" />
		<property name="line-height" value="170%" />
		<property name="padding" value="0 6px 0 5px" />
		<property name="border-radius" value="15px" />
		<property name="vertical-align" value="middle" />
		<property name="min-width" value="1em" />
		<property name="text-align" value="center" />
	</rule>
	
	<rule selector=".block">
	
		<property name="margin-bottom" value="30px" />
		<rule selector=".widget-header">
	
			<property name="background" value="var(--bg-offset)" />
			<property name="border-bottom" value="1px solid var(--line)" />
			<rule selector="p">
	
				<property name="padding" value="10px" />
				<property name="font-weight" value="bold" />
			</rule>
	
			<rule selector=".actions">
	
				<property name="float" value="right" />
				<property name="padding" value="6px 7px 0 0" />
				<rule selector="a">
	
					<property name="display" value="inline-block" />
					<property name="padding" value="3px 12px" />
					<property name="border" value="3px solid #FFF" />
					<property name="color" value="#FFF" />
					<property name="font-weight" value="bold" />
					<property name="text-decoration" value="none" />
					<property name="font-size" value="90%" />
					<property name="margin-left" value="8px" />
					<rule selector=":hover">
	
						<property name="background" value="#FFF" />
						<rule selector="color:; </rule> </rule> </rule> </rule> footer">
	
			<rule selector=".more">
	
				<property name="background" value="var(--bg-highlight)" />
				<rule selector="a">
	
					<property name="display" value="block" />
					<property name="text-align" value="center" />
					<property name="padding" value="10px" />
					<property name="color" value="var(--text-color-soft)" />
					<property name="font-weight" value="bold" />
					<property name="text-decoration" value="none" />
					<property name="transition" value="background 0.1s ease" />
					<rule selector=":hover">
	
						<rule selector="background:; <property name=&quot;color&quot; value=&quot;#FFF&quot; /&gt; </rule> .icon">
	
						<property name="font-size" value="larger" />
						<property name="vertical-align" value="text-top" />
						<property name="padding" value="0 5px" />
					</rule>
	
				</rule>
	
			</rule>
	
			<rule selector=".more-2, .more-3, .more-4, .more-5">
	
				<rule selector="a">
	
					<property name="display" value="inline-block" />
					<property name="box-sizing" value="border-box" />
					<property name="border-right" value="1px solid rgba(0,0,0,0.05)" />
				</rule>
	
				<rule selector="li:last-child a">
	
					<property name="border-right" value="none" />
				</rule>
	
			</rule>
	
			<rule selector=".more-2 a">
	
				<property name="width" value="50%" />
			</rule>
	
			<rule selector=".more-3 a">
	
				<property name="width" value="33.3%" />
			</rule>
	
			<rule selector=".more-4 a">
	
				<property name="width" value="25%" />
			</rule>
	
			<rule selector=".more-5 a">
	
				<property name="width" value="20%" />
			</rule>
	
		</rule>
	
	</rule>
	
	<rule sp="@media screen and (max-width:899px) " />
	
		<rule selector=".block footer">
	
			<rule selector=".more-3, .more-4, .more-5">
	
				<rule selector="a">
	
					<property name="width" value="50%" />
				</rule>
	
			</rule>
	
		</rule>
	
	<rule ep="1"/>
	
	<rule selector=".block .widget-header">
	
		<rule selector="p, h2">
	
			<property name="color" value="#FFF" />
			<property name="border" value="none" />
			<property name="padding" value="10px 15px" />
			<rule selector="a">
	
				<property name="color" value="#FFF" />
				<property name="text-decoration" value="none" />
				<rule selector=":hover">
	
					<property name="text-decoration" value="underline" />
				</rule>
	
			</rule>
	
		</rule>
	
	</rule>
	
	<rule selector=".block.number-list">
	
		<rule selector=".item">
	
			<property name="overflow" value="overlay" />
			<rule selector=".prefix">
	
				<property name="width" value="50px" />
				<property name="float" value="left" />
				<property name="text-align" value="center" />
			</rule>
	
			<rule selector=".heading">
	
				<property name="margin-left" value="50px" />
			</rule>
	
		</rule>
	
	</rule>
	
	<rule selector=".block.podcast">
	
		<rule selector=".container">
	
			<property name="margin-bottom" value="0" />
		</rule>
	
	</rule>
	
	<rule selector="#game-overview">
	
		<rule selector=".buttons">
	
			<rule selector="a">
	
				<rule selector="color:; </rule> </rule> .body">
	
			<rule selector="background:; <property name=&quot;overflow&quot; value=&quot;overlay&quot; /&gt; </rule> .cover">
	
			<property name="float" value="right" />
			<property name="margin-top" value="1px" />
			<property name="background" value="rgba(0,0,0,0.1)" />
			<property name="padding" value="8px" />
			<rule selector="img">
	
				<property name="vertical-align" value="bottom" />
			</rule>
	
		</rule>
	
		<rule selector=".item">
	
			<property name="padding" value="8px 10px" />
			<property name="border-top" value="1px solid rgba(255,255,255,0.1)" />
			<property name="font-size" value="smaller" />
			<property name="color" value="#FFF" />
			<rule selector=".term">
	
				<property name="color" value="rgba(255,255,255,0.9)" />
			</rule>
	
			<rule selector=".definition-list">
	
				<property name="font-weight" value="bold" />
				<property name="padding-top" value="5px" />
			</rule>
	
			<rule selector=".definition-items">
	
				<property name="list-style-type" value="square" />
				<property name="padding-bottom" value="5px" />
				<rule selector="li">
	
					<property name="display" value="block" />
				</rule>
	
			</rule>
	
			<rule selector="a">
	
				<property name="text-decoration" value="none" />
				<property name="color" value="#FFF" />
				<rule selector=":hover">
	
					<property name="text-decoration" value="underline" />
				</rule>
	
			</rule>
	
		</rule>
	
		
		<rule selector=".buttons">
	
			<property name="clear" value="both" />
			<rule selector="li">
	
				<property name="padding" value="10px 0 0 0" />
				<property name="display" value="block" />
			</rule>
	
			<rule selector="a">
	
				<property name="display" value="block" />
				<property name="border-radius" value="4px" />
				<property name="text-align" value="center" />
				<rule selector="color:; <property name=&quot;font-weight&quot; value=&quot;bold&quot; /&gt; <property name=&quot;padding&quot; value=&quot;10px&quot; /&gt; <property name=&quot;text-decoration&quot; value=&quot;none !important&quot; /&gt; <property name=&quot;font-size&quot; value=&quot;125%&quot; /&gt; <property name=&quot;transition&quot; value=&quot;background 0.3s ease&quot; /&gt; <property name=&quot;background&quot; value=&quot;#FFF&quot; /&gt; .icon">
	
					<property name="vertical-align" value="middle" />
				</rule>
	
				<rule selector=":hover">
	
					<property name="background" value="#e39300 !important" />
					<property name="color" value="#FFF" />
				</rule>
	
			</rule>
	
		</rule>
	
	</rule>
	
	<rule sp="@keyframes shake " />
	
		<rule selector="10%, 90%">
	
			<property name="transform" value="translate3d(-1px, 0, 0)" />
		</rule>
	
	
		<rule selector="20%, 80%">
	
			<property name="transform" value="translate3d(2px, 0, 0)" />
		</rule>
	
	
		<rule selector="30%, 50%, 70%">
	
			<property name="transform" value="translate3d(-4px, 0, 0)" />
		</rule>
	
	
		<rule selector="40%, 60%">
	
			<property name="transform" value="translate3d(4px, 0, 0)" />
		</rule>
	
	<rule ep="1"/>
	
	<rule selector=".social-links">
	
		<rule selector="ul">
	
			<rule selector="li">
	
				<property name="display" value="inline-block" />
				<property name="width" value="50%" />
				<property name="box-sizing" value="border-box" />
				<property name="text-align" value="center" />
				<property name="padding-top" value="10px" />
				<rule selector="a">
	
					<property name="display" value="block" />
					<property name="padding" value="15px 0px" />
					<property name="background" value="#1da1f2" />
					<property name="color" value="#FFF" />
					<property name="text-decoration" value="none" />
					<property name="text-align" value="center" />
					<property name="line-height" value="24px" />
					<rule selector=".icon">
	
						<property name="display" value="inline-block" />
						<property name="width" value="74px" />
						<property name="font-size" value="64px" />
						<property name="vertical-align" value="middle" />
					</rule>
	
					<rule selector=".fan-count">
	
						<property name="display" value="inline-block" />
						<property name="vertical-align" value="middle" />
						<property name="padding" value="0 5px" />
						<property name="min-width" value="120px" />
					</rule>
	
					<rule selector=".count">
	
						<property name="display" value="inline-block" />
						<property name="padding-top" value="12px" />
						<property name="vertical-align" value="middle" />
						<property name="font-size" value="24px" />
					</rule>
	
					<rule selector=".type">
	
						<property name="text-transform" value="lowercase" />
						<property name="display" value="block" />
						<property name="opacity" value="0.8" />
					</rule>
	
					<rule selector=":hover">
	
						<rule selector=".count">
	
							<property name="animation" value="shake 0.82s cubic-bezier(.36,.07,.19,.97) both" />
							<property name="transform" value="translate3d(0, 0, 0)" />
							<property name="backface-visibility" value="hidden" />
						</rule>
	
					</rule>
	
				</rule>
	
				<rule selector=".facebook">
	
					<property name="background" value="#3b5998" />
				</rule>
	
				<rule selector=".youtube">
	
					<property name="background" value="#cc181e" />
					<property name="margin" value="0" />
				</rule>
	
				<rule selector=".instagram">
	
					<property name="background" value="linear-gradient( #400080, transparent), linear-gradient(200deg, #d047d1, #ff0000, #ffff00)" />
				</rule>
	
			</rule>
	
			<rule selector="li:nth-child(2), li:nth-child(4)">
	
				<property name="padding-left" value="10px" />
			</rule>
	
		</rule>
	
	</rule>
	
	<rule sp="@media screen and (max-width:899px) " />
	
		<rule selector=".social-links">
	
			<rule selector="ul">
	
				<rule selector="li">
	
					<rule selector="a">
	
						<rule selector=".fan-count">
	
							<property name="display" value="block" />
						</rule>
	
					</rule>
	
				</rule>
	
			</rule>
	
		</rule>
	
	<rule ep="1"/>
	
	<rule selector=".forum-history">
	
		<rule selector="a">
	
			<rule selector="color:; <property name=&quot;text-decoration&quot; value=&quot;none&quot; /&gt; :hover">
	
				<property name="text-decoration" value="underline" />
			</rule>
	
		</rule>
	
		<rule selector=".item">
	
			<property name="padding" value="10px" />
			<property name="border-bottom" value="1px solid var(--line)" />
			<property name="color" value="var(--text-color-soft)" />
			<rule selector="strong">
	
				<property name="font-size" value="smaller" />
			</rule>
	
		</rule>
	
		<rule selector=".empty">
	
			<property name="font-style" value="italic" />
			<property name="color" value="var(--text-color-softer)" />
			<property name="padding" value="20px" />
			<property name="line-height" value="175%" />
			<property name="text-align" value="center" />
		</rule>
	
	</rule>
	
	
	<rule selector="#featured-home">
	
		<rule selector=".widget-header">
	
			<property name="display" value="none" />
		</rule>
	
		<rule selector=".container .style-featured">
	
			<property name="padding" value="0" />
		</rule>
	
	</rule>
	
	
	<rule selector=".block.number-list">
	
		<rule selector=".item">
	
			<property name="line-height" value="125%" />
			<property name="transition" value="background 0.25s ease" />
			<rule selector=".prefix">
	
				<property name="color" value="var(--text-color-soft)" />
				<property name="padding-top" value="12px" />
			</rule>
	
			<rule selector=".heading">
	
				<property name="font-size" value="12pt" />
				<property name="min-height" value="2em" />
				<property name="font-weight" value="bold" />
			</rule>
	
			<rule selector=".title">
	
				<property name="color" value="var(--text-color-normal)" />
				<property name="text-decoration" value="none" />
				<property name="padding" value="12px 10px 12px 0" />
				<property name="display" value="block" />
			</rule>
	
			<rule selector=".category">
	
				<property name="text-transform" value="uppercase" />
				<property name="border-right" value="1px solid var(--line-hard)" />
				<property name="padding-right" value="5px" />
			</rule>
	
		</rule>
	
		<rule selector=".item:nth-child(even)">
	
			<property name="background" value="var(--bg-offset)" />
		</rule>
	
		<rule selector=".item:hover">
	
			<property name="background" value="var(--bg-highlight)" />
		</rule>
	
	</rule>
	
	<rule selector="#listing-featured-reviews, #listing-videos">
	
		<rule selector=".body">
	
			<property name="height" value="560px" />
		</rule>
	
		<rule selector=".try-swiper">
	
			<property name="overflow" value="hidden" />
			<property name="height" value="520px" />
			<property name="position" value="relative" />
			<rule selector=".items">
	 <property name="padding" value="0" /> </rule>
	
			<rule selector=".item:not(:first-child)">
	
				<property name="position" value="absolute" />
				<property name="left" value="-999px" />
			</rule>
	
		</rule>
	
		<rule selector=".swiper-container-autoheight">
	
			<property name="height" value="auto" />
			<property name="padding-bottom" value="40px" />
		</rule>
	
	</rule>
	
	<rule selector=".block .optional-swiper">
	
		<rule selector=".swiper-button-next, .swiper-button-prev">
	
			<property name="display" value="none" />
		</rule>
	
	</rule>
	
	<rule selector=".block .swiper-container">
	
		<property name="position" value="relative" />
		<property name="overflow" value="hidden" />
		<rule selector=".swiper-button-next, .swiper-button-prev">
	
			<property name="display" value="block" />
			<property name="width" value="auto" />
			<property name="height" value="auto" />
			<property name="margin-top" value="0" />
			<property name="padding" value="20px" />
			<property name="opacity" value="0.8" />
			<property name="background" value="none" />
			<rule selector=":after">
	
				<property name="content" value="&quot;&quot;" />
			</rule>
	
		</rule>
	
		<rule selector=".swiper-button-prev">
	
			<property name="left" value="0" />
		</rule>
	
		<rule selector=".swiper-button-next">
	
			<property name="right" value="0" />
		</rule>
	
		<rule selector=".swiper-pagination-bullet-active">
	
			<rule selector="background:; </rule> </rule> <rule sp=&quot;@media screen and (max-width:899px) &quot; /&gt; .container">
	
			<rule selector=".try-swiper">
	
				<property name="height" value="auto !important" />
				<property name="overflow" value="hidden" />
				<rule selector=".item:not(:first-child)">
	
					<property name="position" value="absolute" />
					<property name="left" value="-999px" />
				</rule>
	
			</rule>
	
			<rule selector=".swiper-button-next, .swiper-button-prev">
	
				<property name="top" value="0" />
				<rule selector="color:; <property name=&quot;text-shadow&quot; value=&quot;0 0 5px rgba(0,0,0)&quot; /&gt; </rule> .style-featured, .style-slide">
	
				<property name="padding" value="0" />
				<rule selector=".item">
	
					<rule selector=".heading">
	
						<property name="font-size" value="150%" />
					</rule>
	
					<rule selector=".label">
	
						<property name="font-size" value="125%" />
						<property name="padding" value="5px 20px" />
					</rule>
	
					<rule selector=".info">
	
						<property name="padding-top" value="50px" />
					</rule>
	
				</rule>
	
			</rule>
	
			<rule selector=".item-group">
	
				<property name="font-size" value="smaller" />
			</rule>
	
		</rule>
	
	<rule ep="1"/>
	
	<rule selector=".block.posts">
	
		<rule selector=".item">
	
			<property name="padding" value="10px" />
			<property name="border-bottom" value="1px solid var(--line)" />
			<property name="overflow" value="overlay" />
			<rule selector=".info">
	
				<property name="line-height" value="60px" />
				<property name="margin-left" value="70px" />
				<rule selector=".info-wrap">
	
					<property name="line-height" value="100%" />
					<property name="display" value="inline-block" />
					<property name="vertical-align" value="middle" />
				</rule>
	
	
				<rule selector=".description">
	
					<property name="color" value="var(--text-color-softer)" />
					<property name="font-size" value="smaller" />
				</rule>
	
				<rule selector="strong">
	
					<property name="color" value="var(--text-color-soft)" />
				</rule>
	
				<rule selector=".heading">
	
					<property name="padding-bottom" value="2px" />
					<property name="line-height" value="120%" />
					<property name="font-weight" value="bold" />
				</rule>
	
			</rule>
	
			<rule selector=".title">
	
				<property name="color" value="var(--text-color-normal)" />
				<property name="text-decoration" value="none" />
				<rule selector=":hover">
	
					<property name="text-decoration" value="underline" />
				</rule>
	
			</rule>
	
			<rule selector=".image">
	
				<property name="width" value="60px" />
				<property name="padding-right" value="10px" />
				<property name="float" value="left" />
				<rule selector="img">
	
					<property name="border-radius" value="30px" />
				</rule>
	
			</rule>
	
		</rule>
	
		<rule selector=".item:nth-child(even)">
	
			<property name="background" value="var(--bg-offset)" />
		</rule>
	
	</rule>
	
	<rule selector=".block.events">
	
		<rule selector=".item">
	
			<rule selector=".heading">
	
				<property name="padding-bottom" value="2px" />
				<property name="line-height" value="120%" />
				<property name="font-weight" value="700" />
			</rule>
	
			<rule selector=".description">
	
				<property name="color" value="var(--text-color-soft)" />
				<property name="font-size" value="smaller" />
			</rule>
	
		</rule>
	
	</rule>
	
	<rule selector=".ccmsForm">
	
	
		<rule selector="input, textarea">
	
			<property name="font-family" value="inherit" />
			<property name="font-size" value="inherit" />
		</rule>
	
		<rule selector=".button">
	
			<property name="border" value="none" />
			<property name="outline" value="none" />
			<property name="cursor" value="pointer" />
			<property name="background" value="#333" />
			<property name="padding" value="10px 20px" />
			<property name="border-radius" value="3px" />
			<property name="font-weight" value="bold" />
			<property name="color" value="#FFF" />
			<property name="transition" value="background 0.3s ease" />
			<property name="-webkit-appearance" value="none" />
		</rule>
	
	
		<rule selector="input.textbox.large">
	
			<property name="width" value="100%" />
		</rule>
	
		<rule selector="input.textbox.medium">
	
			<property name="width" value="60%" />
		</rule>
	
		<rule selector="textarea, .textbox, select, .form-control">
	
			<property name="outline" value="none" />
			<property name="border" value="1px solid var(--border-input)" />
			<property name="border-radius" value="3px" />
			<property name="box-sizing" value="border-box" />
			<property name="background" value="var(--background)" />
			<property name="color" value="inherit" />
		</rule>
	
	
		<rule selector="textarea">
	
			<property name="padding" value="10px" />
			<property name="line-height" value="150%" />
			<property name="width" value="100%" />
		</rule>
	
	
		<rule selector=".fm-fieldset.closed">
	
			<rule selector=".fm-fieldset-contents">
	
				<property name="display" value="none" />
			</rule>
	
		</rule>
	
	
		<rule selector=".fm-required">
	
			<rule selector=".fm-field-name:after">
	
				<property name="content" value="&quot;*&quot;" />
				<property name="color" value="#CC0000" />
			</rule>
	
		</rule>
	
	
		<rule selector=".box">
	
			<property name="border" value="1px solid var(--line-hard)" />
			<property name="padding" value="15px" />
			<property name="background" value="var(--bg-highlight)" />
			<property name="max-height" value="200px" />
			<property name="overflow" value="auto" />
		</rule>
	
	
		<rule selector=".fm-tabbed .fm-tabs .current a">
	
			<rule selector="background:; </rule> </rule> .report-issue">
	
		<rule selector=".fm-radio">
	
			<property name="display" value="block" />
		</rule>
	
	</rule>
	
	<rule selector="@font-face">
	
	  <property name="font-family" value="'nlifecms'" />
	  <property name="src" value="url('https://static.nintendolife.com/themes/nl.v10/css/fonts/nlifecms.woff2?h9a6x') format('woff2'), url('https://static.nintendolife.com/themes/nl.v10/css/fonts/nlifecms.ttf?h9a6x') format('truetype'), url('https://static.nintendolife.com/themes/nl.v10/css/fonts/nlifecms.woff?h9a6x') format('woff'), url('https://static.nintendolife.com/themes/nl.v10/css/fonts/nlifecms.svg?h9a6x#nlifecms') format('svg')" />
	  <property name="font-weight" value="normal" />
	  <property name="font-style" value="normal" />
	  <property name="font-display" value="block" />
	</rule>
	
	
	<rule selector=".icon">
	
	  
	  <property name="font-family" value="'nlifecms' !important" />
	  <property name="speak" value="never" />
	  <property name="font-style" value="normal" />
	  <property name="font-weight" value="normal" />
	  <property name="font-variant" value="normal" />
	  <property name="text-transform" value="none" />
	  <property name="line-height" value="1" />
	
	  
	  <property name="-webkit-font-smoothing" value="antialiased" />
	  <property name="-moz-osx-font-smoothing" value="grayscale" />
	</rule>
	
	
	<rule selector=".icon-threads:before">
	
	  <property name="content" value="&quot;\e943&quot;" />
	</rule>
	
	<rule selector=".icon-eshop:before">
	
	  <property name="content" value="&quot;\e941&quot;" />
	</rule>
	
	<rule selector=".icon-addbookmark:before">
	
	  <property name="content" value="&quot;\e93f&quot;" />
	</rule>
	
	<rule selector=".icon-bookmark:before">
	
	  <property name="content" value="&quot;\e940&quot;" />
	</rule>
	
	<rule selector=".icon-user:before">
	
	  <property name="content" value="&quot;\e93e&quot;" />
	</rule>
	
	<rule selector=".icon-news:before">
	
	  <property name="content" value="&quot;\e934&quot;" />
	</rule>
	
	<rule selector=".icon-features:before">
	
	  <property name="content" value="&quot;\e935&quot;" />
	</rule>
	
	<rule selector=".icon-forum:before">
	
	  <property name="content" value="&quot;\e936&quot;" />
	</rule>
	
	<rule selector=".icon-label:before">
	
	  <property name="content" value="&quot;\e938&quot;" />
	</rule>
	
	<rule selector=".icon-chart:before">
	
	  <property name="content" value="&quot;\e939&quot;" />
	</rule>
	
	<rule selector=".icon-videos:before">
	
	  <property name="content" value="&quot;\e93a&quot;" />
	</rule>
	
	<rule selector=".icon-settings:before">
	
	  <property name="content" value="&quot;\e93b&quot;" />
	</rule>
	
	<rule selector=".icon-games:before">
	
	  <property name="content" value="&quot;\e93c&quot;" />
	</rule>
	
	<rule selector=".icon-home:before">
	
	  <property name="content" value="&quot;\e93d&quot;" />
	</rule>
	
	<rule selector=".icon-cross:before">
	
	  <property name="content" value="&quot;\e937&quot;" />
	</rule>
	
	<rule selector=".icon-verified:before">
	
	  <property name="content" value="&quot;\e931&quot;" />
	</rule>
	
	<rule selector=".icon-expand:before">
	
	  <property name="content" value="&quot;\e910&quot;" />
	</rule>
	
	<rule selector=".icon-maybe:before">
	
	  <property name="content" value="&quot;\e8fd&quot;" />
	</rule>
	
	<rule selector=".icon-info2:before">
	
	  <property name="content" value="&quot;\e88f&quot;" />
	</rule>
	
	<rule selector=".icon-pause:before">
	
	  <property name="content" value="&quot;\e036&quot;" />
	</rule>
	
	<rule selector=".icon-power:before">
	
	  <property name="content" value="&quot;\e942&quot;" />
	</rule>
	
	<rule selector=".icon-photo:before">
	
	  <property name="content" value="&quot;\e95f&quot;" />
	</rule>
	
	<rule selector=".icon-first-page:before">
	
	  <property name="content" value="&quot;\e932&quot;" />
	</rule>
	
	<rule selector=".icon-last-page:before">
	
	  <property name="content" value="&quot;\e933&quot;" />
	</rule>
	
	<rule selector=".icon-px-guides:before">
	
	  <property name="content" value="&quot;\e92b&quot;" />
	</rule>
	
	<rule selector=".icon-px-reviews:before">
	
	  <property name="content" value="&quot;\e92c&quot;" />
	</rule>
	
	<rule selector=".icon-px-menu:before">
	
	  <property name="content" value="&quot;\e92d&quot;" />
	</rule>
	
	<rule selector=".icon-px-notifications:before">
	
	  <property name="content" value="&quot;\e92e&quot;" />
	</rule>
	
	<rule selector=".icon-px-logout:before">
	
	  <property name="content" value="&quot;\e92f&quot;" />
	</rule>
	
	<rule selector=".icon-px-dash:before">
	
	  <property name="content" value="&quot;\e930&quot;" />
	</rule>
	
	<rule selector=".icon-px-settings:before">
	
	  <property name="content" value="&quot;\e713&quot;" />
	</rule>
	
	<rule selector=".icon-px-search:before">
	
	  <property name="content" value="&quot;\e71e&quot;" />
	</rule>
	
	<rule selector=".icon-px-refresh:before">
	
	  <property name="content" value="&quot;\e72c&quot;" />
	</rule>
	
	<rule selector=".icon-px-lock:before">
	
	  <property name="content" value="&quot;\e72e&quot;" />
	</rule>
	
	<rule selector=".icon-px-features:before">
	
	  <property name="content" value="&quot;\e736&quot;" />
	</rule>
	
	<rule selector=".icon-px-profile:before">
	
	  <property name="content" value="&quot;\e779&quot;" />
	</rule>
	
	<rule selector=".icon-px-user:before">
	
	  <property name="content" value="&quot;\e77b&quot;" />
	</rule>
	
	<rule selector=".icon-px-home:before">
	
	  <property name="content" value="&quot;\e80f&quot;" />
	</rule>
	
	<rule selector=".icon-px-users:before">
	
	  <property name="content" value="&quot;\e716&quot;" />
	</rule>
	
	<rule selector=".icon-px-video:before">
	
	  <property name="content" value="&quot;\e8b2&quot;" />
	</rule>
	
	<rule selector=".icon-px-collection:before">
	
	  <property name="content" value="&quot;\e8f1&quot;" />
	</rule>
	
	<rule selector=".icon-px-quotes:before">
	
	  <property name="content" value="&quot;\e8f2&quot;" />
	</rule>
	
	<rule selector=".icon-px-console:before">
	
	  <property name="content" value="&quot;\e990&quot;" />
	</rule>
	
	<rule selector=".icon-px-controller:before">
	
	  <property name="content" value="&quot;\eb65&quot;" />
	</rule>
	
	<rule selector=".icon-px-forums:before">
	
	  <property name="content" value="&quot;\ed15&quot;" />
	</rule>
	
	<rule selector=".icon-px-menu-circle:before">
	
	  <property name="content" value="&quot;\ede3&quot;" />
	</rule>
	
	<rule selector=".icon-px-news:before">
	
	  <property name="content" value="&quot;\e92a&quot;" />
	</rule>
	
	<rule selector=".icon-map:before">
	
	  <property name="content" value="&quot;\e929&quot;" />
	</rule>
	
	<rule selector=".icon-compass:before">
	
	  <property name="content" value="&quot;\e928&quot;" />
	</rule>
	
	<rule selector=".icon-instagram:before">
	
	  <property name="content" value="&quot;\e902&quot;" />
	</rule>
	
	<rule selector=".icon-applepay:before">
	
	  <property name="content" value="&quot;\e913&quot;" />
	</rule>
	
	<rule selector=".icon-googlepay:before">
	
	  <property name="content" value="&quot;\e914&quot;" />
	</rule>
	
	<rule selector=".icon-nintendoswitch:before">
	
	  <property name="content" value="&quot;\e915&quot;" />
	</rule>
	
	<rule selector=".icon-flipboard:before">
	
	  <property name="content" value="&quot;\e917&quot;" />
	</rule>
	
	<rule selector=".icon-ps4:before">
	
	  <property name="content" value="&quot;\e918&quot;" />
	</rule>
	
	<rule selector=".icon-gcn:before">
	
	  <property name="content" value="&quot;\e919&quot;" />
	</rule>
	
	<rule selector=".icon-playstation:before">
	
	  <property name="content" value="&quot;\e91a&quot;" />
	</rule>
	
	<rule selector=".icon-amazon:before">
	
	  <property name="content" value="&quot;\e91b&quot;" />
	</rule>
	
	<rule selector=".icon-pinterest:before">
	
	  <property name="content" value="&quot;\e91c&quot;" />
	</rule>
	
	<rule selector=".icon-whatsapp:before">
	
	  <property name="content" value="&quot;\e91d&quot;" />
	</rule>
	
	<rule selector=".icon-google:before">
	
	  <property name="content" value="&quot;\e91e&quot;" />
	</rule>
	
	<rule selector=".icon-line:before">
	
	  <property name="content" value="&quot;\e91f&quot;" />
	</rule>
	
	<rule selector=".icon-twitch:before">
	
	  <property name="content" value="&quot;\e920&quot;" />
	</rule>
	
	<rule selector=".icon-youtube-play:before">
	
	  <property name="content" value="&quot;\e921&quot;" />
	</rule>
	
	<rule selector=".icon-reddit:before">
	
	  <property name="content" value="&quot;\e922&quot;" />
	</rule>
	
	<rule selector=".icon-xbox:before">
	
	  <property name="content" value="&quot;\e923&quot;" />
	</rule>
	
	<rule selector=".icon-twitter:before">
	
	  <property name="content" value="&quot;\e924&quot;" />
	</rule>
	
	<rule selector=".icon-discord:before">
	
	  <property name="content" value="&quot;\e925&quot;" />
	</rule>
	
	<rule selector=".icon-messenger:before">
	
	  <property name="content" value="&quot;\e926&quot;" />
	</rule>
	
	<rule selector=".icon-skype:before">
	
	  <property name="content" value="&quot;\e927&quot;" />
	</rule>
	
	<rule selector=".icon-facebook:before">
	
	  <property name="content" value="&quot;\ea90&quot;" />
	</rule>
	
	<rule selector=".icon-thumbs-up:before">
	
	  <property name="content" value="&quot;\e911&quot;" />
	</rule>
	
	<rule selector=".icon-thumbs-down:before">
	
	  <property name="content" value="&quot;\e912&quot;" />
	</rule>
	
	<rule selector=".icon-views:before">
	
	  <property name="content" value="&quot;\e90f&quot;" />
	</rule>
	
	<rule selector=".icon-quote:before">
	
	  <property name="content" value="&quot;\e90b&quot;" />
	</rule>
	
	<rule selector=".icon-folder:before">
	
	  <property name="content" value="&quot;\e90c&quot;" />
	</rule>
	
	<rule selector=".icon-reviews:before">
	
	  <property name="content" value="&quot;\e90d&quot;" />
	</rule>
	
	<rule selector=".icon-ps-news:before">
	
	  <property name="content" value="&quot;\e90e&quot;" />
	</rule>
	
	<rule selector=".icon-contact:before">
	
	  <property name="content" value="&quot;\e600&quot;" />
	</rule>
	
	<rule selector=".icon-artwork:before">
	
	  <property name="content" value="&quot;\e601&quot;" />
	</rule>
	
	<rule selector=".icon-loading:before">
	
	  <property name="content" value="&quot;\e602&quot;" />
	</rule>
	
	<rule selector=".icon-info:before">
	
	  <property name="content" value="&quot;\e603&quot;" />
	</rule>
	
	<rule selector=".icon-share:before">
	
	  <property name="content" value="&quot;\e604&quot;" />
	</rule>
	
	<rule selector=".icon-feed:before">
	
	  <property name="content" value="&quot;\e605&quot;" />
	</rule>
	
	<rule selector=".icon-calendar:before">
	
	  <property name="content" value="&quot;\e607&quot;" />
	</rule>
	
	<rule selector=".icon-accept-circle:before">
	
	  <property name="content" value="&quot;\e608&quot;" />
	</rule>
	
	<rule selector=".icon-cancel-circle:before">
	
	  <property name="content" value="&quot;\e609&quot;" />
	</rule>
	
	<rule selector=".icon-plus-circle:before">
	
	  <property name="content" value="&quot;\e60a&quot;" />
	</rule>
	
	<rule selector=".icon-minus-circle:before">
	
	  <property name="content" value="&quot;\e60b&quot;" />
	</rule>
	
	<rule selector=".icon-notice-circle:before">
	
	  <property name="content" value="&quot;\e60c&quot;" />
	</rule>
	
	<rule selector=".icon-down-circle:before">
	
	  <property name="content" value="&quot;\e60d&quot;" />
	</rule>
	
	<rule selector=".icon-photos:before">
	
	  <property name="content" value="&quot;\e60e&quot;" />
	</rule>
	
	<rule selector=".icon-time:before">
	
	  <property name="content" value="&quot;\e60f&quot;" />
	</rule>
	
	<rule selector=".icon-deviantart:before">
	
	  <property name="content" value="&quot;\e610&quot;" />
	</rule>
	
	<rule selector=".icon-youtube:before">
	
	  <property name="content" value="&quot;\e611&quot;" />
	</rule>
	
	<rule selector=".icon-topic:before">
	
	  <property name="content" value="&quot;\e612&quot;" />
	</rule>
	
	<rule selector=".icon-stack:before">
	
	  <property name="content" value="&quot;\e613&quot;" />
	</rule>
	
	<rule selector=".icon-grid:before">
	
	  <property name="content" value="&quot;\e614&quot;" />
	</rule>
	
	<rule selector=".icon-tiles:before">
	
	  <property name="content" value="&quot;\e615&quot;" />
	</rule>
	
	<rule selector=".icon-play:before">
	
	  <property name="content" value="&quot;\e616&quot;" />
	</rule>
	
	<rule selector=".icon-list-bullet:before">
	
	  <property name="content" value="&quot;\e617&quot;" />
	</rule>
	
	<rule selector=".icon-chat:before">
	
	  <property name="content" value="&quot;\e618&quot;" />
	</rule>
	
	<rule selector=".icon-comments:before">
	
	  <property name="content" value="&quot;\e619&quot;" />
	</rule>
	
	<rule selector=".icon-notification:before">
	
	  <property name="content" value="&quot;\e61a&quot;" />
	</rule>
	
	<rule selector=".icon-circle-instagram:before">
	
	  <property name="content" value="&quot;\e61c&quot;" />
	</rule>
	
	<rule selector=".icon-logout:before">
	
	  <property name="content" value="&quot;\e61d&quot;" />
	</rule>
	
	<rule selector=".icon-circle-vimeo:before">
	
	  <property name="content" value="&quot;\e61e&quot;" />
	</rule>
	
	<rule selector=".icon-circle-twitter:before">
	
	  <property name="content" value="&quot;\e61f&quot;" />
	</rule>
	
	<rule selector=".icon-circle-pinterest:before">
	
	  <property name="content" value="&quot;\e620&quot;" />
	</rule>
	
	<rule selector=".icon-circle-linkedin:before">
	
	  <property name="content" value="&quot;\e621&quot;" />
	</rule>
	
	<rule selector=".icon-circle-facebook:before">
	
	  <property name="content" value="&quot;\e622&quot;" />
	</rule>
	
	<rule selector=".icon-circle-tumblr:before">
	
	  <property name="content" value="&quot;\e623&quot;" />
	</rule>
	
	<rule selector=".icon-up-circle:before">
	
	  <property name="content" value="&quot;\e624&quot;" />
	</rule>
	
	<rule selector=".icon-pshome:before">
	
	  <property name="content" value="&quot;\e900&quot;" />
	</rule>
	
	<rule selector=".icon-edit:before">
	
	  <property name="content" value="&quot;\e901&quot;" />
	</rule>
	
	<rule selector=".icon-circle-googleplus:before">
	
	  <property name="content" value="&quot;\e903&quot;" />
	</rule>
	
	<rule selector=".icon-wiiu-home:before">
	
	  <property name="content" value="&quot;\e904&quot;" />
	</rule>
	
	<rule selector=".icon-pin:before">
	
	  <property name="content" value="&quot;\e905&quot;" />
	</rule>
	
	<rule selector=".icon-profile:before">
	
	  <property name="content" value="&quot;\e906&quot;" />
	</rule>
	
	<rule selector=".icon-newspaper:before">
	
	  <property name="content" value="&quot;\e907&quot;" />
	</rule>
	
	<rule selector=".icon-books:before">
	
	  <property name="content" value="&quot;\e908&quot;" />
	</rule>
	
	<rule selector=".icon-trophy:before">
	
	  <property name="content" value="&quot;\e909&quot;" />
	</rule>
	
	<rule selector=".icon-clipboard:before">
	
	  <property name="content" value="&quot;\e90a&quot;" />
	</rule>
	
	<rule selector=".icon-search:before">
	
	  <property name="content" value="&quot;\f002&quot;" />
	</rule>
	
	<rule selector=".icon-heart:before">
	
	  <property name="content" value="&quot;\f004&quot;" />
	</rule>
	
	<rule selector=".icon-star:before">
	
	  <property name="content" value="&quot;\f005&quot;" />
	</rule>
	
	<rule selector=".icon-star-off:before">
	
	  <property name="content" value="&quot;\f006&quot;" />
	</rule>
	
	<rule selector=".icon-accept:before">
	
	  <property name="content" value="&quot;\f00c&quot;" />
	</rule>
	
	<rule selector=".icon-close:before">
	
	  <property name="content" value="&quot;\f00d&quot;" />
	</rule>
	
	<rule selector=".icon-file-text:before">
	
	  <property name="content" value="&quot;\f011&quot;" />
	</rule>
	
	<rule selector=".icon-lock:before">
	
	  <property name="content" value="&quot;\f023&quot;" />
	</rule>
	
	<rule selector=".icon-chevron-left:before">
	
	  <property name="content" value="&quot;\f053&quot;" />
	</rule>
	
	<rule selector=".icon-chevron-right:before">
	
	  <property name="content" value="&quot;\f054&quot;" />
	</rule>
	
	<rule selector=".icon-bars:before">
	
	  <property name="content" value="&quot;\f05e&quot;" />
	</rule>
	
	<rule selector=".icon-code:before">
	
	  <property name="content" value="&quot;\f05f&quot;" />
	</rule>
	
	<rule selector=".icon-basket:before">
	
	  <property name="content" value="&quot;\f07a&quot;" />
	</rule>
	
	<rule selector=".icon-link-external:before">
	
	  <property name="content" value="&quot;\f07f&quot;" />
	</rule>
	
	<rule selector=".icon-caret-down:before">
	
	  <property name="content" value="&quot;\f0d7&quot;" />
	</rule>
	
	<rule selector=".icon-caret-up:before">
	
	  <property name="content" value="&quot;\f0d8&quot;" />
	</rule>
	
	<rule selector=".icon-caret-left:before">
	
	  <property name="content" value="&quot;\f0d9&quot;" />
	</rule>
	
	<rule selector=".icon-caret-right:before">
	
	  <property name="content" value="&quot;\f0da&quot;" />
	</rule>
	
	<rule selector=".icon-sort:before">
	
	  <property name="content" value="&quot;\f0dc&quot;" />
	</rule>
	
	<rule selector=".icon-forums:before">
	
	  <property name="content" value="&quot;\f0e7&quot;" />
	</rule>
	
	<rule selector=".icon-angle-left:before">
	
	  <property name="content" value="&quot;\f104&quot;" />
	</rule>
	
	<rule selector=".icon-angle-right:before">
	
	  <property name="content" value="&quot;\f105&quot;" />
	</rule>
	
	<rule selector=".icon-angle-up:before">
	
	  <property name="content" value="&quot;\f106&quot;" />
	</rule>
	
	<rule selector=".icon-angle-down:before">
	
	  <property name="content" value="&quot;\f107&quot;" />
	</rule>
	
	<rule selector=".icon-hookshot:before">
	
	  <property name="content" value="&quot;\e916&quot;" />
	</rule>
	
	
	<rule selector="#page-sidebar">
	
		<rule selector=".insert">
	
			<property name="margin-bottom" value="15px" />
		</rule>
	
	</rule>
	
	<rule selector=".mid-page">
	
		<property name="margin" value="15px auto 35px auto" />
	</rule>
	
	<rule selector=".masthead">
	
		<property name="text-align" value="center" />
		<rule selector=".insert">
	
			<property name="min-height" value="90px" />
			<property name="min-height" value="250px" />
		</rule>
	
		<rule selector="div, iframe">
	
			<property name="margin-left" value="auto" />
			<property name="margin-right" value="auto" />
			<property name="vertical-align" value="bottom" />
		</rule>
	
	</rule>
	
	<rule selector=".default">
	
		<property name="text-align" value="center" />
		<rule selector=".insert-wrap">
	
			<property name="height" value="100%" />
		</rule>
	
		<rule selector="span">
	
			<property name="background" value="var(--soft-bg)" />
			<property name="box-sizing" value="border-box" />
			<property name="text-align" value="center" />
			<property name="color" value="var(--text-color-softer)" />
			<property name="font-weight" value="bold" />
			<property name="text-align" value="center" />
			<property name="display" value="inline-block" />
			<property name="padding" value="20px" />
			<property name="overflow" value="hidden" />
			<property name="vertical-align" value="bottom" />
		</rule>
	
	</rule>
	
	<rule selector=".insert.centered, .for-mobile">
	
		<property name="text-align" value="center" />
		<rule selector="div, iframe">
	
			<property name="margin" value="0 auto 0 auto" />
		</rule>
	
	</rule>
	
	<rule selector=".insert.for-mobile.margin">
	
		<property name="margin-bottom" value="20px" />
	</rule>
	
	<rule selector=".insert.with-label, #portrait .insert">
	
		<property name="min-height" value="280px" />
	</rule>
	
	<rule selector=".insert.with-label, #portrait .insert, .container .item-insert">
	
		<rule selector="&gt; div:after">
	
			<property name="content" value="&quot;Advert&quot;" />
			<property name="display" value="block" />
			<property name="padding" value="5px" />
			<property name="text-align" value="center" />
			<property name="color" value="var(--text-color-softer)" />
			<property name="font-size" value="smaller" />
			<property name="text-transform" value="uppercase" />
		</rule>
	
	</rule>
	
	<rule selector=".adblock">
	
		<rule selector=".insert, .item-insert, .masthead, .article-recommendations">
	
			<property name="display" value="none !important" />
		</rule>
	
	</rule>
	
	<rule selector="#page-sidebar, .col-2">
	
		<rule selector=".for-desktop.with-label">
	
			<property name="padding-top" value="30px" />
			<property name="padding-bottom" value="45px" />
			<property name="margin-bottom" value="0" />
		</rule>
	
	</rule>
	
	<rule selector=".container .item-insert">
	
		<rule selector="div">
	
			<property name="margin" value="0 auto" />
		</rule>
	
	</rule>
	
	<rule selector=".skin, .skin-long">
	
		<rule selector="iframe">
	
			<property name="background" value="none" />
		</rule>
	
	</rule>
	
	<rule selector=".skin.with-hero, .skin-long.with-hero">
	
		<rule selector=".content-wrapper">
	
			<property name="max-width" value="1260px" />
			<property name="margin" value="0 auto" />
			<property name="background" value="var(--background)" />
			<rule selector=".inset">
	
				<property name="width" value="auto" />
			</rule>
	
		</rule>
	
		<rule selector=".hero">
	
			
			<rule selector=".hero-wrap">
	
				<property name="position" value="relative" />
			</rule>
	
		</rule>
	
	</rule>
	
	<rule selector=".yafa">
	
		<rule selector=".masthead">
	
			<property name="display" value="none" />
		</rule>
	
		<rule selector="#page">
	
			<property name="padding-top" value="270px" />
		</rule>
	
	</rule>
	
	<rule selector=".insert.soft-bg">
	
		<property name="background" value="var(--bg-offset)" />
		<property name="border-top" value="1px solid var(--line)" />
		<property name="padding" value="25px 0 25px 0" />
		<property name="border-bottom" value="1px solid var(--line)" />
		<property name="margin-left" value="var(--negative-space)" />
		<property name="margin-right" value="var(--negative-space)" />
	</rule>
	
	<rule selector=".insert-extended.for-mobile">
	
		<property name="position" value="relative" />
		<property name="min-height" value="600px" />
		<rule selector="&gt; div">
	
			<property name="position" value="sticky" />
			<property name="top" value="0" />
		</rule>
	
	</rule>
	
	<rule selector=".article">
	
		<rule selector=".article-header">
	
			<rule selector=".insert-mobile-sticky">
	
				<property name="min-height" value="400px" />
				<property name="position" value="relative" />
				<property name="margin-bottom" value="20px" />
				<rule selector="&gt; div">
	
					<property name="position" value="sticky" />
					<property name="top" value="30px" />
				</rule>
	
			</rule>
	
		</rule>
	
		<rule selector=".article-header, .body-text">
	
			<rule selector=".insert-label.for-mobile">
	
				<property name="background" value="var(--bg-offset)" />
				<property name="border-top" value="1px solid var(--line)" />
				<property name="padding" value="15px 0 25px 0" />
				<property name="border-bottom" value="1px solid var(--line)" />
				<property name="margin-left" value="var(--negative-space)" />
				<property name="margin-right" value="var(--negative-space)" />
			</rule>
	
		</rule>
	
		<rule selector=".body-text">
	
			<rule selector=".for-mobile">
	
				
				<property name="margin-top" value="10px" />
				<property name="margin-bottom" value="40px" />
			</rule>
	
		</rule>
	
		<rule selector=".insert-label.for-mobile">
	
			<property name="min-height" value="270px" />
			<rule selector=":before">
	
				<property name="content" value="&quot;\25BC  Article Continues Below \25BC&quot;" />
				<property name="display" value="block" />
				<property name="padding" value="0 0 10px 0" />
				<property name="box-sizing" value="border-box" />
				<property name="height" value="35px" />
				<property name="text-align" value="center" />
				<property name="color" value="var(--text-color-softer)" />
				<property name="font-size" value="smaller" />
				<property name="text-transform" value="uppercase" />
			</rule>
	
		</rule>
	
		<rule selector=".insert-extended.insert-label.for-mobile">
	
			<property name="min-height" value="635px" />
			<rule selector="&gt; div">
	
				<property name="top" value="35px" />
			</rule>
	
		</rule>
	
	</rule>
	
	
	<rule selector=".insert.spaced">
	
		
		<property name="position" value="relative" />
		<property name="height" value="1000px" />
		<property name="padding" value="150px 0 600px 0 !important" />
		<rule selector="&gt; div">
	
			<property name="position" value="-webkit-sticky" />
			<property name="position" value="sticky" />
			<property name="top" value="150px" />
		</rule>
	
	</rule>
	
	
	<rule sp="@media screen and (min-width:850px) " />
	
		<rule selector=".skin-long">
	
			<rule selector=".cols">
	
				<property name="display" value="inline" />
			</rule>
	
			<rule selector=".cols.standard .col-2 .for-desktop">
	
				<property name="margin-bottom" value="15px" />
			</rule>
	
			<rule selector="section.block">
	
				<property name="clear" value="both" />
			</rule>
	
			<rule selector="section.block.events">
	
				<property name="max-width" value="920px" />
				<property name="clear" value="left" />
			</rule>
	
		</rule>
	
		<rule selector=".skin, .skin-long">
	
			<rule selector=".cols.standard, .cols.extended">
	
				<rule selector=".col-1">
	
					<property name="width" value="920px" />
					<property name="padding-right" value="12px" />
				</rule>
	
				<rule selector=".col-2">
	
					<property name="width" value="300px" />
				</rule>
	
			</rule>
	
		</rule>
	
	<rule ep="1"/>
	
	
	
	
	<rule selector="div[id^=&quot;sp_message_panel&quot;]">
	
		<property name="border-color" value="!important" />
		<rule selector="div[class^=&quot;sp_choices&quot;]">
	
			<property name="justify-content" value="center" />
			<rule selector="button">
	
				<property name="color" value="white !important" />
				<property name="cursor" value="pointer" />
				<property name="background-color" value="!important" />
			</rule>
	
			<rule selector="button:hover">
	
				<property name="text-decoration" value="underline" />
			</rule>
	
		</rule>
	
		<rule selector="button[class^=&quot;sp_message_dismiss&quot;]:hover">
	
			<property name="background" value="!important" />
			<property name="color" value="white !important" />
		</rule>
	
		<rule selector="div[class^=&quot;sp_message_text&quot;]">
	
			<property name="line-height" value="175% !important" />
		</rule>
	
	</rule>
	
	
	<rule selector=".is-scroll">
	
		<rule selector=".insert, .item-insert, .insert-label">
	
			<property name="display" value="none !important" />
		</rule>
	
	</rule>
	
	<rule sp="@media screen and (min-width: 900px) " />
	
		<rule selector=".is-scroll">
	
			<rule selector=".cols.standard .col-1">
	
				<property name="width" value="auto" />
				<property name="float" value="none" />
				<property name="padding" value="0" />
				<property name="padding-right" value="0" />
			</rule>
	
			<rule selector=".container .style-featured, .container .style-coverflow">
	
				<rule selector=".item .image">
	
					<property name="bottom" value="0" />
					<rule selector="img">
	
						<property name="aspect-ratio" value="16 / 8" />
					</rule>
	
				</rule>
	
				<rule selector=".item:first-child">
	
					<property name="width" value="816px" />
					<property name="height" value="408px" />
					<property name="margin-right" value="16px" />
				</rule>
	
				<rule selector=".item:nth-child(2)">
	
					<property name="margin-bottom" value="11px" />
				</rule>
	
				<rule selector=".item:nth-child(2), .item:nth-child(3)">
	
					<property name="width" value="400px" />
					<property name="margin-right" value="0" />
				</rule>
	
				<rule selector=".item">
	
					<property name="width" value="400px" />
					<property name="height" value="200px" />
					<property name="margin-right" value="16px" />
				</rule>
	
				<rule selector=".item:last-child, .item:nth-child(6)">
	
					<property name="margin-right" value="0" />
				</rule>
	
			</rule>
	
		</rule>
	
	<rule ep="1"/>
	
	
	<rule selector="#onetrust-consent-sdk">
	
		<rule selector=".onetrust-pc-dark-filter">
	
			<property name="backdrop-filter" value="blur(3px)" />
		</rule>
	
		<rule selector="#onetrust-policy">
	
			<rule selector="#onetrust-policy-title">
	
				<property name="text-align" value="center" />
			</rule>
	
		</rule>
	
		<rule selector=".ot-sdk-container">
	
			<property name="border" value="5px solid" />
			<rule selector="background-color:; <property name=&quot;background-image&quot; value=&quot;url(images/bg.png)&quot; /&gt; <property name=&quot;box-shadow&quot; value=&quot;0 0 15px rgba(0,0,0,0.5)&quot; /&gt; #onetrust-pc-btn-handler">
	
				<property name="background-color" value="black" />
				<property name="background" value="none" />
				<property name="font-size" value="1em" />
			</rule>
	
	
			<rule selector="#onetrust-reject-all-handler, #onetrust-accept-btn-handler">
	
				<property name="background" value="#71ac3c" />
				<property name="font-size" value="1em" />
			</rule>
	
		</rule>
	
		<rule selector="#onetrust-group-container">
	
			<property name="font-size" value="125%" />
			<property name="line-height" value="150%" />
			<rule selector="#onetrust-policy *">
	
				<property name="text-shadow" value="1px 1px rgba(0,0,0,.3)" />
			</rule>
	
		</rule>
	
		<rule selector="#onetrust-pc-sdk #accept-recommended-btn-handler, .ot-pc-footer .save-preference-btn-handler">
	
			<property name="background-color" value="!important" />
			<property name="border-color" value="!important" />
		</rule>
	
	</rule>
	
	
	<rule selector=".site-nintendolife">
	
		<rule selector="#menu">
	
			<rule selector="li:first-child .main-menu-item .label">
	
				<property name="display" value="none" />
			</rule>
	
		</rule>
	
		<rule selector="#template">
	
			<property name="background-color" value="#D3D3D3" />
		</rule>
	
		<rule selector=".menubar, .ui-overlays">
	
			<property name="background" value="#292929" />
		</rule>
	
		<rule selector=".header">
	
			<rule selector=".site-title">
	
				<property name="margin" value="0 auto" />
				<property name="background" value="none" />
				<property name="width" value="265px" />
				<property name="height" value="70px" />
				<property name="display" value="block" />
				<property name="padding" value="0" />
				<property name="line-height" value="70px" />
				<rule selector="a">
	
					<property name="display" value="inline-block" />
					<property name="vertical-align" value="middle" />
					<property name="line-height" value="inherit" />
				</rule>
	
			</rule>
	
			
		</rule>
	
		<rule selector=".accent-wrap, .block .widget-header, .ui-topics-list li, .search-item-hubs .item-heading">
	
			
			<property name="background" value="-moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0.08) 60%, rgba(0,0,0,0.08) 100%)" /> 
			<property name="background" value="-webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0.08) 60%,rgba(0,0,0,0.08) 100%)" /> 
			<property name="background" value="-o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0.08) 60%,rgba(0,0,0,0.08) 100%)" /> 
			<property name="background" value="-ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0.08) 60%,rgba(0,0,0,0.08) 100%)" /> 
			<property name="background" value="linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0.08) 60%,rgba(0,0,0,0.08) 100%)" /> 
			<property name="filter" value="progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#14000000',GradientType=0 )" /> 
		</rule>
	
		<rule selector=".hero .background.no-artwork">
	
			<property name="background-image" value="url(images/bg.png?v=2)" />
		</rule>
	
		<rule selector="#footer">
	
			<property name="border-top-width" value="5px" />
			<property name="border-top-style" value="solid" />
		</rule>
	
		<rule selector=".accent-wrap, .block.section .widget-header, .ui-topics-list li, .search-item-hubs .item-heading, #menu li.eshop a">
	
			
			<property name="background" value="-moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0.08) 60%, rgba(0,0,0,0.08) 100%)" /> 
			<property name="background" value="-webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0.08) 60%,rgba(0,0,0,0.08) 100%)" /> 
			<property name="background" value="-o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0.08) 60%,rgba(0,0,0,0.08) 100%)" /> 
			<property name="background" value="-ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0.08) 60%,rgba(0,0,0,0.08) 100%)" /> 
			<property name="background" value="linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0.08) 60%,rgba(0,0,0,0.08) 100%)" /> 
			<property name="filter" value="progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#14000000',GradientType=0 )" /> 
		</rule>
	
		<rule selector=".block.section header.accent-bg">
	
			<rule selector="p, h2">
	
				<property name="text-shadow" value="1px 1px 2px rgba(0,0,0,0.3)" />
			</rule>
	
		</rule>
	
		<rule selector="#menu li.eshop">
	
			<property name="display" value="inline-block" />
			<property name="background" value="#FF7D00" />
		</rule>
	
	</rule>
	
	<rule selector=".block">
	
		<rule selector=".widget-header">
	
			<property name="border-bottom" value="none" />
			<property name="background-color" value="!important" />
			<rule selector="h2, p">
	
				<property name="color" value="#FFF" />
				<property name="text-shadow" value="1px 1px 2px rgba(0,0,0,0.3)" />
				<property name="font-size" value="125%" />
				<rule selector="span, .accent">
	
					<property name="color" value="inherit !important" />
				</rule>
	
			</rule>
	
		</rule>
	
	</rule>
	
	
	<rule selector=".container">
	
		<rule selector=".style-featured">
	
			<rule selector=".item">
	
				<rule selector=".heading">
	
					<property name="font-size" value="120%" />
				</rule>
	
			</rule>
	
		</rule>
	
		<rule selector=".style-featured, .style-slide">
	
			<rule selector=".item">
	
				<rule selector=".info">
	
					<rule selector=".heading">
	
						<property name="padding" value="0" />
						<rule selector=".title">
	
							<property name="line-height" value="135%" />
						</rule>
	
					</rule>
	
				</rule>
	
				<rule selector=".category">
	
					<rule selector="background:; <property name=&quot;line-height&quot; value=&quot;100%&quot; /&gt; <property name=&quot;color&quot; value=&quot;#FFF&quot; /&gt; <property name=&quot;padding&quot; value=&quot;5px 5px&quot; /&gt; <property name=&quot;font-size&quot; value=&quot;60%&quot; /&gt; <property name=&quot;border-right&quot; value=&quot;none&quot; /&gt; <property name=&quot;display&quot; value=&quot;inline-block&quot; /&gt; <property name=&quot;vertical-align&quot; value=&quot;middle&quot; /&gt; </rule> </rule> </rule> </rule> <rule sp=&quot;@media screen and (min-width: 900px) &quot; /&gt; #toolbar">
	
			<property name="position" value="absolute" />
			<property name="top" value="0" />
			<property name="left" value="0" />
			<property name="z-index" value="20010" />
		</rule>
	
		<rule selector=".site-nintendolife #template">
	
			<property name="background" value="url(images/bg.png?v=2) repeat top center" />
			<property name="background-color" value="var(--soft-bg)" />
		</rule>
	
	<rule ep="1"/>
	
	
	<rule sp="@media screen and (max-width: 899px) " />
	
		<rule selector=".site-nintendolife .header .site-title">
	
			<property name="margin" value="0 70px" />
			<property name="width" value="auto" />
		</rule>
	
	<rule ep="1"/>
	
	
	
	<rule sp="@media screen and (min-width: 900px) " />
	
		<rule selector=".related-content">
	
		<rule selector=".optional">
	
			<property name="width" value="300px" />
			<property name="float" value="left" />
			<property name="clear" value="left" />
		</rule>
	
		<rule selector=".insert">
	
			<property name="margin-bottom" value="15px" />
		</rule>
	
	</rule>
	
	<rule selector=".for-mobile">
	
		<property name="display" value="none !important" />
	</rule>
	
	<rule selector=".comments-list">
	
		<property name="padding-bottom" value="15px" />
		<property name="width" value="605px" />
		<property name="float" value="right" />
	</rule>
	
	<rule selector=".adblock:not(.with-hero)">
	
		<rule selector=".content">
	
			<property name="padding-top" value="50px" />
		</rule>
	
	</rule>
	
	<rule selector="article.article">
	
		<rule selector=".share-this">
	
			<property name="float" value="right" />
		</rule>
	
		<rule selector=".article-author">
	
			<property name="float" value="left" />
		</rule>
	
		<rule selector=".footer">
	
			<rule selector=".share-this">
	
				<property name="float" value="left" />
				<property name="padding" value="10px 0" />
			</rule>
	
			<rule selector=".article-stats">
	
				<property name="float" value="right" />
				<property name="padding" value="10px 0" />
			</rule>
	
		</rule>
	
		<rule selector=".body-text">
	
			<property name="clear" value="both" />
		</rule>
	
		<rule selector=".picture.right">
	
			<property name="float" value="right" />
			<property name="padding-left" value="15px" />
		</rule>
	
		<rule selector=".picture.left">
	
			<property name="float" value="left" />
			<property name="padding-right" value="15px" />
		</rule>
	
		<rule selector=".picture.right, .picture.left">
	
			<property name="width" value="300px" />
		</rule>
	
	</rule>
	
	<rule selector="article.media, article.event">
	
		<rule selector=".share-this">
	
			<property name="float" value="left" />
		</rule>
	
		<rule selector=".article-stats">
	
			<property name="float" value="right" />
		</rule>
	
	</rule>
	
	<rule selector=".body-text">
	
		<rule selector="dl">
	
			<rule selector="dt">
	
				<property name="width" value="175px" />
				<property name="float" value="left" />
				<property name="clear" value="left" />
			</rule>
	
			<rule selector="dd">
	
				<property name="margin-left" value="175px" />
				<property name="display" value="block" />
			</rule>
	
		</rule>
	
	</rule>
	
	<rule selector=".ui-overlay .buffer">
	
		<property name="background" value="rgba(255,255,255,0.1)" />
		<property name="height" value="40px" />
		<property name="padding" value="15px 20px" />
	</rule>
	
	<rule selector="body:not(.with-overlay) #header.fixed">
	
		<property name="-webkit-transform" value="translateZ(0)" />
		<property name="-webkit-backface-visibility" value="hidden" />
		<property name="-webkit-perspective" value="1000" />
	</rule>
	
	<rule selector="#header.fixed">
	
		<property name="position" value="fixed" />
		<property name="top" value="0" />
		<property name="left" value="0" />
		<property name="right" value="0" />
	</rule>
	
	<rule selector="#header.fixed.with-bar">
	
		<property name="max-height" value="100%" />
		<property name="overflow" value="auto" />
	</rule>
	
	<rule selector="#submenus">
	
		<rule selector=".submenu">
	
			<property name="position" value="absolute" />
			<property name="left" value="0" />
			<property name="right" value="0" />
			<property name="z-index" value="20001" />
			<rule selector=".submenu-list">
	
				<property name="float" value="left" />
				<property name="margin" value="0 15px 15px 0" />
				<property name="width" value="275px" />
			</rule>
	
		</rule>
	
	</rule>
	
	<rule selector=".ui-topics-list">
	
		<rule selector="ul">
	
			<property name="margin-right" value="-15px" />
			<rule selector="li">
	
				<property name="float" value="left" />
				<property name="width" value="48%" />
				<property name="margin" value="0 15px 15px 0" />
			</rule>
	
		</rule>
	
	</rule>
	
	<rule selector=".block.featured">
	
		<property name="margin-bottom" value="20px !important" />
		<rule selector=".container">
	
			<property name="margin-bottom" value="0" />
		</rule>
	
	</rule>
	
	<rule ep="1"/>
	
	
	<rule sp="@media screen and (max-width: 1300px) " />
	
		<rule selector="#menu .icon.optional">
	
		<property name="display" value="none" />
	</rule>
	
	<rule selector="#header #menu">
	
		<property name="text-align" value="center" />
	</rule>
	
	<rule selector=".skin.with-hero .hero">
	
		<property name="padding" value="10px 10px 0 10px" />
	</rule>
	
	<rule ep="1"/>
	
	
	<rule sp="@media screen and (max-width:899px) " />
	
		<rule selector=".optional, .for-desktop">
	
		<property name="display" value="none !important" />
	</rule>
	
	<rule selector="#footer">
	
		<property name="padding" value="1px 0 0 0" />
		<rule selector=".trending-articles">
	
			<property name="display" value="none" />
		</rule>
	
		<rule selector=".textbox">
	
			<property name="max-width" value="50%" />
		</rule>
	
	</rule>
	
	<rule selector="#submenus .submenu">
	
		<rule selector=".inset">
	
			<property name="padding" value="15px" />
			<rule selector="ul">
	
				<property name="padding" value="0 10px" />
			</rule>
	
			<rule selector="ul:first-child">
	
				<property name="padding-top" value="10px" />
			</rule>
	
			<rule selector="ul:last-child">
	
				<property name="padding-bottom" value="10px" />
			</rule>
	
		</rule>
	
	</rule>
	
	<rule selector=".inset">
	
		<property name="width" value="auto" />
	</rule>
	
	<rule selector="#header.fixed">
	
		<property name="padding-top" value="100px" />
		<rule selector=".headerbar">
	
			<property name="position" value="fixed" />
			<property name="left" value="0" />
			<property name="right" value="0" />
			<property name="top" value="0" />
			<property name="z-index" value="1002" />
		</rule>
	
	</rule>
	
	<rule selector="#userbar .buffer">
	
		<property name="padding" value="15px" />
	</rule>
	
	<rule selector="a.ui-toggle-overlay">
	
		<property name="position" value="absolute" />
		<property name="top" value="0" />
		<property name="left" value="0" />
	</rule>
	
	<rule selector=".ui-button a.ui-toggle-search">
	
		<property name="position" value="absolute" />
		<property name="top" value="0" />
		<property name="right" value="0" />
	</rule>
	
	
	<rule selector="#quick-search-results">
	
		<rule selector="#search-results">
	
			<property name="padding" value="0" />
			<property name="margin-bottom" value="10px" />
		</rule>
	
		<rule selector=".search-item">
	
			<property name="width" value="auto" />
			<property name="display" value="block" />
		</rule>
	
		<rule selector="p.actions">
	
			<property name="display" value="none" />
		</rule>
	
	</rule>
	
	
	<rule selector="#controlbar">
	
		<property name="display" value="none" />
	</rule>
	
	
	<rule selector=".content">
	
		<property name="padding" value="10px" />
		<rule selector=".article section.body">
	
			<property name="padding-left" value="0" />
		</rule>
	
		<rule selector=".article section.text">
	
			<rule selector=".picture, .gallery, .youtube">
	
				<property name="margin-left" value="var(--negative-space)" />
				<property name="margin-right" value="var(--negative-space)" />
			</rule>
	
			<rule selector=".picture">
	
				<rule selector="img">
	
					<property name="width" value="100%" />
				</rule>
	
				<rule selector=".swiper-container">
	
					<property name="padding" value="0" />
					<property name="box-sizing" value="border-box" />
				</rule>
	
			</rule>
	
			<rule selector="iframe">
	
				<property name="max-width" value="100%" />
			</rule>
	
		</rule>
	
		<rule selector=".article">
	
			<rule selector=".positive-negative, .competition-body">
	
				<property name="margin-left" value="var(--negative-space)" />
				<property name="margin-right" value="var(--negative-space)" />
			</rule>
	
			<rule selector=".competition-body div.text">
	
				<property name="padding" value="0 10px" />
			</rule>
	
		</rule>
	
		<rule selector=".featured">
	
			<property name="margin" value="10px -10px 20px -10px" />
		</rule>
	
	</rule>
	
	
	<rule selector="article.article">
	
		<rule selector=".share-this">
	
			<property name="text-align" value="center" />
			<property name="padding" value="0 0 15px 0" />
		</rule>
	
		<rule selector=".byline .share-this">
	
			<property name="padding" value="15px 0" />
			<property name="border-top" value="1px solid var(--line)" />
		</rule>
	
		<rule selector=".article-stats">
	
			<property name="border-top" value="1px solid var(--line)" />
			<property name="text-align" value="center" />
		</rule>
	
		<rule selector=".scoring">
	
			<rule selector=".score">
	
				<property name="text-align" value="center" />
			</rule>
	
			<rule selector="p.stars">
	
				<property name="font-size" value="26px" />
			</rule>
	
		</rule>
	
	</rule>
	
	<rule selector=".comments#reply">
	
		<rule selector=".avatar:not(.select-user)">
	
			<property name="display" value="none" />
		</rule>
	
		<rule selector=".detail">
	
			<property name="margin-left" value="0" />
		</rule>
	
		<rule selector=".select-user">
	
			<property name="text-align" value="center" />
			<property name="padding" value="0 0 10px 0" />
			<property name="float" value="none" />
			<rule selector="img">
	
				<property name="width" value="40px" />
				<property name="height" value="40px" />
			</rule>
	
		</rule>
	
		<rule selector=".comment">
	
			<property name="padding" value="10px 0" />
		</rule>
	
	</rule>
	
	<rule ep="1"/>
	
</css>