.sidebar-games-events { 	/* @noflip */ 	float: right; 	/* @noflip */ 	clear: right; 	/* @noflip */ 	margin: 0.5em 0 1em 1em; 	background: #f8f9fa; 	border: 1px solid #aaa; 	padding: 0.2em; 	border-spacing: 0.4em 0; 	text-align: center; 	line-height: 1.4em; 	font-size: 88%; 	/* Timeless has display: none on .nomobile at mobile resolutions, so we 	 * unhide it with display: table and let precedence and proximity win. 	 */ 	display: table;  }  /* have to override later sidebar use */ .sidebar-games-events.sidebar { 	width: auto; /* differs from sidebar */ 	max-width: 25em; /* differs from sidebar */ }  /* See comment in Module:Sidebar/styles.css  */ body.skin-minerva .sidebar { 	display: table !important; 	/* also, minerva is way too aggressive about other stylings on tables. 	 * TODO remove when this template gets moved to a div. plans on talk page. 	 * We always float right on Minerva because that's a lot of extra CSS 	 * otherwise. */     float: right !important;     margin: 0.5em 0 1em 1em !important; }  .sidebar-games-events a { 	white-space: nowrap; }  /* have to override later sidebar use */ .sidebar-games-events-left.sidebar { 	/* @noflip */ 	margin: 0 1em 1em 0; 	/* @noflip */ 	float: left; 	/* @noflip */ 	clear: left; }  /* have to override later sidebar use */ .sidebar-games-events-none.sidebar { 	/* @noflip */ 	margin: 0 1em 1em 0; 	float: none; 	clear: both; }  .sidebar-games-events-image { 	padding: 0 0 0.2em; 	background: #cedff2; }  .sidebar-games-events-caption { 	padding-top: 0.2em; 	line-height: 1.2em; }  .sidebar-games-events-title { 	padding: 0.2em 0.4em; 	font-size: 100%; 	line-height: 1.5em; 	background: #cedff2; }  .sidebar-games-events-ir-cont { 	display: table; 	width: 100%; }  .sidebar-games-events-ir-title { 	display: table-cell; 	width: 95%; }  .sidebar-games-events-ir { 	display: table-cell; 	width: 5%; }  .sidebar-games-events .event-title { 	padding: 0.1em; 	background: #99badd; 	border-top: 1px solid #f5faff }  .sidebar-games-events-heading { 	padding: 0.1em; 	background: #deeaf6; 	border-top: 1px solid #f5faff; }  .sidebar-games-events .no-event { 	display: none; }  .sidebar-games-events .type-let { 	font-weight: normal; 	border-top: 1px solid #f5faff; 	background: #deeaf6; }  .sidebar-games-events .event { 	text-align: left; 	line-height: 1.4em; 	padding: 0.1em 0.4em 0.2em 0.1em; 	font-weight: normal }  .sidebar-games-events .event-r { 	text-align: right; }  .sidebar-games-events .erl-border { 	border-bottom: 1px solid #aaa; }  .sidebar-games-events .result-r { 	text-align: right; 	padding-right: 1.5em; }  .sidebar-games-events .result-l { 	text-align: left; }  .sidebar-games-events-prevnext { 	border-top: solid 1px #deeaf6; }  .sidebar-games-events-prev { 	float: left; 	text-align: left; 	padding-right: 0.5em; }  .sidebar-games-events-next { 	float: right; 	text-align: right; 	padding-left: 0.5em; }  .sidebar-games-events-prev::before { 	content: "←\00a0"; /* nbsp */ }  .sidebar-games-events-next::after { 	content: "\00a0→"; /* nbsp */ }  .sidebar-games-events-navbar { 	text-align: right; 	font-size: 115%; 	padding-top: 0; 	border-top: solid 1px #deeaf6; }  @media (max-width: 720px) { 	/* users have wide latitude to set arbitrary width and margin :( 	   "Super-specific" selector to prevent overriding this appearance by 	   lower level sidebars too */ 	body.mediawiki .sidebar { 		width: 100% !important; 		clear: both; 		float: none !important; /* Remove when we div based; Minerva is dumb */ 		margin-left: 0 !important; 		margin-right: 0 !important; 	} 	/* TODO: We might consider making all links wrap at small resolutions and then 	 * only introduce nowrap at higher resolutions. Do when we invert the media 	 * query. 	 */ }