Naut 4 - Main CSS File.less

@color_1: @color_3;
@color_2: @color_4;
@color_3: @color_1;
@color_4: @color_2;
@color_5: @color_21;
@color_6: @color_23;
@color_7: @color_7;
@color_8: @color_24;
@color_9: @color_8;
@color_10: @color_5;
@color_11: @color_6;
@color_12: @color_13;
@color_13: @color_9;
@color_14: @color_10;
@color_15: @color_11;
@color_16: @color_12;
@color_17: @color_14;
@color_18: @color_15;
@color_19: @color_16;
@color_20: @color_30;
@color_21: @color_31;
@color_22: @color_32;
@color_23: @color_33;
@color_24: @color_22;
@color_25: @color_25;
@color_26: @color_42;
@color_27: @color_37;
@color_28: @color_35;
@color_29: @color_34;
@color_30: @color_36;
@color_31: @color_38;
@color_32: @color_39;
@color_33: @color_40;
@color_34: @color_41;
@font_family_1: @font_family_7;
@font_family_2: @font_family_2;
@font_family_3: @font_family_1;
@font_family_4: @font_family_4;
@font_family_5: @font_family_3;
@font_family_6: @font_family_6;
@font_family_7: @font_family_8;
@font_family_8: @font_family_9;
@background_color_1: @background_color_1;
@background_color_2: @background_color_3;
@background_color_3: @background_color_22;
@background_color_4: @background_color_2;
@background_color_5: @background_color_60;
@background_color_6: @background_color_61;
@background_color_7: @background_color_36;
@background_color_8: @background_color_66;
@background_color_9: @background_color_5;
@background_color_10: @background_color_32;
@background_color_11: @background_color_46;
@background_color_12: @background_color_7;
@background_color_13: @background_color_4;
@background_color_14: @background_color_6;
@background_color_15: @background_color_8;
@background_color_16: @background_color_14;
@background_color_17: @background_color_11;
@background_color_18: @background_color_10;
@background_color_19: @background_color_18;
@background_color_20: @background_color_19;
@background_color_21: @background_color_16;
@background_color_22: @background_color_17;
@background_color_23: @background_color_20;
@background_color_24: @background_color_21;
@background_color_25: @background_color_23;
@background_color_26: @background_color_25;
@background_color_27: @background_color_27;
@background_color_28: @background_color_29;
@background_color_29: @background_color_53;
@background_color_30: @background_color_30;
@background_color_31: @background_color_33;
@background_color_32: @background_color_47;
@background_color_33: @background_color_35;
@background_color_34: @background_color_15;
@background_color_35: @background_color_67;
@background_color_36: @background_color_38;
@background_color_37: @background_color_40;
@background_color_38: @background_color_45;
@background_color_39: @background_color_41;
@background_color_40: @background_color_42;
@background_color_41: @background_color_43;
@background_color_42: @background_color_48;
@background_color_43: @background_color_49;
@background_color_44: @background_color_65;
@background_color_45: @background_color_51;
@background_color_46: @background_color_69;
@background_color_47: @background_color_52;
@background_color_48: @background_color_54;
@background_color_49: @background_color_55;
@background_color_50: @background_color_56;
@background_color_51: @background_color_62;
@background_color_52: @background_color_57;
@background_color_53: @background_color_58;
@background_color_54: @background_color_63;
@border_color_1: @border_color_2;
@border_color_2: @border_color_12;
@border_color_3: @border_color_3;
@border_color_4: @border_color_4;
@border_color_5: @border_color_5;
@border_color_6: @border_color_6;
@border_color_7: @border_color_7;
@border_color_8: @border_color_8;
@border_color_9: @border_color_9;
@border_color_10: @border_color_10;
@border_color_11: @border_color_11;
@border_color_12: @border_color_13;
@border_color_13: @border_color_14;
@border_left_color_1: @border_left_color_1;

/*
				Version 4.0
				Stylesheet by Cryptonaut
				Assisted by RenegadeAI & LackingAGoodName
				Last modified: 6 April 2016
				Details: This is a custom template made by /u/Cryptonaut
				Find out more on /r/Naut

				-------------------------------------------------------------------------- */
@-o-keyframes "toast" {
	0% {
		transform: translateY(76px);
		-webkit-transform: translateY(76px);
		opacity: 0;
	}
	20% {
		transform: translateY(76px);
		-webkit-transform: translateY(76px);
		opacity: 0;
	}
	25% {
		transform: translateY(-8px);
		-webkit-transform: translateY(-8px);
		opacity: 1;
	}
	27% {
		transform: translateY(00px);
		-webkit-transform: translateY(00px);
		opacity: 1;
	}
	92% {
		transform: translateY(00px);
		-webkit-transform: translateY(00px);
		opacity: 1;
	}
	97% {
		transform: translateY(16px);
		-webkit-transform: translateY(16px);
		opacity: 1;
	}
	100% {
		transform: translateY(76px);
		-webkit-transform: translateY(76px);
		opacity: 0;
	}
}
@-moz-keyframes "toast" {
	0% {
		transform: translateY(76px);
		-webkit-transform: translateY(76px);
		opacity: 0;
	}
	20% {
		transform: translateY(76px);
		-webkit-transform: translateY(76px);
		opacity: 0;
	}
	25% {
		transform: translateY(-8px);
		-webkit-transform: translateY(-8px);
		opacity: 1;
	}
	27% {
		transform: translateY(00px);
		-webkit-transform: translateY(00px);
		opacity: 1;
	}
	92% {
		transform: translateY(00px);
		-webkit-transform: translateY(00px);
		opacity: 1;
	}
	97% {
		transform: translateY(16px);
		-webkit-transform: translateY(16px);
		opacity: 1;
	}
	100% {
		transform: translateY(76px);
		-webkit-transform: translateY(76px);
		opacity: 0;
	}
}
@keyframes "toast" {
	0% {
		transform: translateY(76px);
		-webkit-transform: translateY(76px);
		opacity: 0;
	}
	20% {
		transform: translateY(76px);
		-webkit-transform: translateY(76px);
		opacity: 0;
	}
	25% {
		transform: translateY(-8px);
		-webkit-transform: translateY(-8px);
		opacity: 1;
	}
	27% {
		transform: translateY(00px);
		-webkit-transform: translateY(00px);
		opacity: 1;
	}
	92% {
		transform: translateY(00px);
		-webkit-transform: translateY(00px);
		opacity: 1;
	}
	97% {
		transform: translateY(16px);
		-webkit-transform: translateY(16px);
		opacity: 1;
	}
	100% {
		transform: translateY(76px);
		-webkit-transform: translateY(76px);
		opacity: 0;
	}
}
@-webkit-keyframes "upvote" {
	0% {
		transform: scale(0,0);
		-webkit-transform: scale(0,0);
		opacity: 1;
	}
	45% {
		opacity: 1;
	}
	98% {
		opacity: 0;
	}
	100% {
		transform: scale(1.5,1.5);
		-webkit-transform: scale(1.5,1.5);
		opacity: 0;
	}
}
@-moz-keyframes "upvote" {
	0% {
		transform: scale(0,0);
		-webkit-transform: scale(0,0);
		opacity: 1;
	}
	45% {
		opacity: 1;
	}
	98% {
		opacity: 0;
	}
	100% {
		transform: scale(1.5,1.5);
		-webkit-transform: scale(1.5,1.5);
		opacity: 0;
	}
}
@-o-keyframes "upvote" {
	0% {
		transform: scale(0,0);
		-webkit-transform: scale(0,0);
		opacity: 1;
	}
	45% {
		opacity: 1;
	}
	98% {
		opacity: 0;
	}
	100% {
		transform: scale(1.5,1.5);
		-webkit-transform: scale(1.5,1.5);
		opacity: 0;
	}
}
@keyframes "upvote" {
	0% {
		transform: scale(0,0);
		-webkit-transform: scale(0,0);
		opacity: 1;
	}
	45% {
		opacity: 1;
	}
	98% {
		opacity: 0;
	}
	100% {
		transform: scale(1.5,1.5);
		-webkit-transform: scale(1.5,1.5);
		opacity: 0;
	}
}
/* ==============================================================================================================================
		
											/////
					End of basic Naut. Add your customizations or any addons below here!
											/////

	==================================================================================================================================*/
/* --- Reddit Enhancement Suite Fixes --- */
/* Nightmode */
/*Arrows*/
/*LinkFlair Icons*/
/* Defaults */
/* Custom Nightmode Colors */
/* Background Color */
/* Transparent */
/* Black (Various Transparencies) */
/* Dark Gray */
/* Medium Gray */
/* Off White (uses Original Naut Blackground Colour - #eaeaea) */
/* Pure White (aka #ffffff) */
/* submit page button */
/* Text Forms & Boxes */
/* Moderator & Various Fixes */
/* Buttons */
/* --- Reddit Enhancement Suite Fixes --- */
/* --- Addon: Content Overlap Header --- */
/* --- End Addon --- */
/* --- Smaller Footer and some other fixes --- */
/* --- End Addon --- */
/* --- Fixing the search page --- */
/* --- End Addon --- */
/* --- Fix the link info box --- */
/* --- End Addon --- */
/* --- SIDEBAR (remove sidebar image) --- */
/* --- End Addon --- */
/* --- HIDE SUBMIT TEXT BUTTON --- */
/* --- End Addon --- */
/* --- Fix rules page --- */
/* --- End Addon --- */
/* --- Fix the promoted link --- */
/* --- End Addon --- */
/* --- Fix infobar welcome message --- */
/* --- End Addon --- */
/* --- REMOVE THE FAQ --- */
/* --- End Addon --- */
/* --- Add back content dividers --- */
/* --- End Addon --- */
/* --- Addon: Replacing dots (•) with a space  --- */
/* --- End Addon --- *
    
    /* --- Civcraft wordmark logo header --- */
/* -- End Addon -- */
/* --- Addon: Content Header Announcement Message --- */
/* --- End Addon --- */
/* --- Addon: Text Strings --- */
/* --- End Addon --- */
/* --- Fix Login Form in sidebar --- */
/* --- End Addon --- */
/* --- Improve the flair box --- */
/* --- End Addon --- */
/* --- Addon: Colorize the Subreddit Info Box --- */
/* --- End Addon --- */
/* --- Addon: Change Subreddit's colors --- */
/* Buttons */
/* Links */
/* --- End Addon --- */
/* --- Move Snoo down and move the tabs closer to the body --- */
/* --- End Addon --- */
/* --- Credit for the headerimg --- */
/* --- End Addon --- */
/* --- Get rid of switch to mobile app banner --- */
/* --- End Addon --- */
/* --- Addon: Subreddit Name to Image --- */
/* Addon: Custom Header Logo */
/* CENTER */
/* END CENTER */
/* End Addon */
/* --- Make sponsorship box --- */
/* --- End Addon --- */
/* -- Civcraft CSS from ye olden days (probably like between 1.0 and 2.0 or something idk) -- */
/* This supplies a cone of shame to people who are too stupid to use mod mail - Bob */
/* Cone of shame gag only works on the test post, to temporarily disable it */
/* Removes the cone of shame if the post is praising us (currently works by seeing if ttk2 posted it - Bob */
/* spoiler tags */
/* Civcraft Dev Flair CSS - Bob */
/* Pearl tags base all courtesy of your friendly neighbourhood Tactful. */
/* Wrap moderator text - Bob got help from /r/csshelp's gavin19 */
/* OCD STUFF */
/* Autowikibot hover to display by /u/Dropping_fruits */
/* Code updates and discussion: http://redd.it/1vr0r2 */
/* [TAGS] code here, courtesy of the greatest moderator ever. Not Exultant, the other one. AKA Tactful. */
/* Greentext like on chans - Bob */
/* Sticky Posts - Bob */
/* No Score on sticky posts shown - Bob */
/* Fixing flair - Bob */
@color_1 {
	&: {
		#24a0ed; {
			@color_2 {
				&: {
					#fff; {
						@color_3 {
							&: {
								#738491; {
									@color_4 {
										&: {
											#292f34; {
												@color_5 {
													&: {
														rgba(255 {
															0% { transform: translateY(76px);
															-webkit-transform: translateY(76px);
															opacity: 0;
														}
													}
												}
											}
										}
									}
								}
							}
						}
					}
				}
			}
		}
	}
}
255 {
	0% { transform: translateY(76px);
	0% { transform: translateY(76px);
	0% { transform: translateY(76px);
	0% { transform: translateY(76px);
	0% { transform: translateY(76px);
	0% { transform: translateY(76px);
	0% { transform: translateY(76px);
	0% { transform: translateY(76px);
	0% { transform: translateY(76px);
	0% { transform: translateY(76px);
	0% { transform: translateY(76px);
	0% { transform: translateY(76px);
	0% { transform: translateY(76px);
	0% { transform: translateY(76px);
	0% { transform: translateY(76px);
	0% { transform: translateY(76px);
	0% { transform: translateY(76px);
	0% { transform: translateY(76px);
	-webkit-transform: translateY(76px);
	-webkit-transform: translateY(76px);
	-webkit-transform: translateY(76px);
	-webkit-transform: translateY(76px);
	-webkit-transform: translateY(76px);
	-webkit-transform: translateY(76px);
	-webkit-transform: translateY(76px);
	-webkit-transform: translateY(76px);
	-webkit-transform: translateY(76px);
	-webkit-transform: translateY(76px);
	-webkit-transform: translateY(76px);
	-webkit-transform: translateY(76px);
	-webkit-transform: translateY(76px);
	-webkit-transform: translateY(76px);
	-webkit-transform: translateY(76px);
	-webkit-transform: translateY(76px);
	-webkit-transform: translateY(76px);
	-webkit-transform: translateY(76px);
	opacity: 0;
	opacity: 0;
	opacity: 0;
	opacity: 0;
	opacity: 0;
	opacity: 0;
	opacity: 0;
	opacity: 0;
	opacity: 0;
	opacity: 0;
	opacity: 0;
	opacity: 0;
	opacity: 0;
	opacity: 0;
	opacity: 0;
	opacity: 0;
	opacity: 0;
	opacity: 0;
}
0.4); {
	@color_6 {
		&: {
			rgba(255 {
				0% { transform: translateY(76px);
				-webkit-transform: translateY(76px);
				opacity: 0;
			}
		}
	}
	@background_color_41 {
		&: {
			rgba(0 {
				0% { transform: translateY(76px);
				-webkit-transform: translateY(76px);
				opacity: 0;
			}
		}
	}
}
0.8); {
	@color_7 {
		&: {
			#4D5763; {
				@color_8 {
					&: {
						rgba(255 {
							0% { transform: translateY(76px);
							-webkit-transform: translateY(76px);
							opacity: 0;
						}
					}
				}
			}
		}
	}
}
0.7); {
	@color_9 {
		&: {
			#ff6422; {
				@color_10 {
					&: {
						#5c5bd7; {
							@color_11 {
								&: {
									rgba(255 {
										0% { transform: translateY(76px);
										-webkit-transform: translateY(76px);
										opacity: 0;
									}
								}
							}
						}
					}
				}
			}
		}
	}
	@background_color_64 {
		&: {
			rgb(0 {
				0% { transform: translateY(76px);
				-webkit-transform: translateY(76px);
				opacity: 0;
			}
		}
	}
}
0); {
	@color_12 {
		&: {
			#FFF; {
				@color_13 {
					&: {
						#98abba; {
							@color_14 {
								&: {
									#27b062; {
										@color_15 {
											&: {
												#4A4F57; {
													@color_16 {
														&: {
															#b3b3b3; {
																@color_17 {
																	&: {
																		#4F8EF7; {
																			@color_18 {
																				&: {
																					#4d5763; {
																						@color_19 {
																							&: {
																								rgba(0 {
																									0% { transform: translateY(76px);
																									-webkit-transform: translateY(76px);
																									opacity: 0;
																								}
																							}
																						}
																					}
																				}
																			}
																		}
																	}
																}
															}
														}
													}
												}
											}
										}
									}
								}
							}
						}
					}
				}
			}
		}
	}
	@background_color_54 {
		&: {
			#516ae8; {
				@background_color_55 {
					&: {
						#667df0; {
							@background_color_56 {
								&: {
									#25282c; {
										@background_color_57 {
											&: {
												rgba(0 {
													0% { transform: translateY(76px);
													-webkit-transform: translateY(76px);
													opacity: 0;
												}
											}
										}
									}
								}
							}
						}
					}
				}
			}
		}
	}
	@background_color_65 {
		&: {
			#FFFFFF; {
				@background_color_66 {
					&: {
						#1B5E20; {
							@background_color_67 {
								&: {
									#f7aa5c; {
										@background_color_68 {
											&: {
												#070809; {
													@background_color_69 {
														&: {
															rgba(234 {
																0% { transform: translateY(76px);
																-webkit-transform: translateY(76px);
																opacity: 0;
															}
														}
													}
												}
											}
										}
									}
								}
							}
						}
					}
				}
			}
		}
	}
}
0 {
	0% { transform: translateY(76px);
	0% { transform: translateY(76px);
	0% { transform: translateY(76px);
	0% { transform: translateY(76px);
	0% { transform: translateY(76px);
	0% { transform: translateY(76px);
	0% { transform: translateY(76px);
	0% { transform: translateY(76px);
	0% { transform: translateY(76px);
	0% { transform: translateY(76px);
	0% { transform: translateY(76px);
	0% { transform: translateY(76px);
	0% { transform: translateY(76px);
	0% { transform: translateY(76px);
	0% { transform: translateY(76px);
	0% { transform: translateY(76px);
	0% { transform: translateY(76px);
	0% { transform: translateY(76px);
	0% { transform: translateY(76px);
	0% { transform: translateY(76px);
	0% { transform: translateY(76px);
	0% { transform: translateY(76px);
	0% { transform: translateY(76px);
	0% { transform: translateY(76px);
	0% { transform: translateY(76px);
	0% { transform: translateY(76px);
	0% { transform: translateY(76px);
	-webkit-transform: translateY(76px);
	-webkit-transform: translateY(76px);
	-webkit-transform: translateY(76px);
	-webkit-transform: translateY(76px);
	-webkit-transform: translateY(76px);
	-webkit-transform: translateY(76px);
	-webkit-transform: translateY(76px);
	-webkit-transform: translateY(76px);
	-webkit-transform: translateY(76px);
	-webkit-transform: translateY(76px);
	-webkit-transform: translateY(76px);
	-webkit-transform: translateY(76px);
	-webkit-transform: translateY(76px);
	-webkit-transform: translateY(76px);
	-webkit-transform: translateY(76px);
	-webkit-transform: translateY(76px);
	-webkit-transform: translateY(76px);
	-webkit-transform: translateY(76px);
	-webkit-transform: translateY(76px);
	-webkit-transform: translateY(76px);
	-webkit-transform: translateY(76px);
	-webkit-transform: translateY(76px);
	-webkit-transform: translateY(76px);
	-webkit-transform: translateY(76px);
	-webkit-transform: translateY(76px);
	-webkit-transform: translateY(76px);
	-webkit-transform: translateY(76px);
	opacity: 0;
	opacity: 0;
	opacity: 0;
	opacity: 0;
	opacity: 0;
	opacity: 0;
	opacity: 0;
	opacity: 0;
	opacity: 0;
	opacity: 0;
	opacity: 0;
	opacity: 0;
	opacity: 0;
	opacity: 0;
	opacity: 0;
	opacity: 0;
	opacity: 0;
	opacity: 0;
	opacity: 0;
	opacity: 0;
	opacity: 0;
	opacity: 0;
	opacity: 0;
	opacity: 0;
	opacity: 0;
	opacity: 0;
	opacity: 0;
	.morelink { &: before { content: "N/A";
	.morelink { &: before { content: "N/A";
	position: absolute;
	position: absolute;
	left: -168px;
	left: -168px;
	top: 0;
	top: 0;
	width: 152px;
	width: 152px;
	color: @color_6;
	color: @color_6;
	border-radius: 2px;
	border-radius: 2px;
	background-color: @background_color_12;
	background-color: @background_color_12;
	font-weight: 400;
	font-weight: 400;
	z-index: -1;
	z-index: -1;
	display: block;
	display: block;
	margin: 0;
	margin: 0;
	padding: 10px 0;
	padding: 10px 0;
	color: @color_8;
	color: @color_8;
	content: "This subreddit uses the /r/Naut theme.";
	content: "This subreddit uses the /r/Naut theme.";
	text-transform: none;
	text-transform: none;
	font-size: 16px;
	font-size: 16px;
	font-family: @font_family_2;
	font-family: @font_family_2;
	position: absolute;
	position: absolute;
	width: 320px;
	width: 320px;
	border: 1px solid rgba(0,0,0,0.06);
	border: 1px solid rgba(0,0,0,0.06);
	text-align: center;
	text-align: center;
	color: @color_3;
	color: @color_3;
	content: "This subreddit uses the /r/Naut theme, and header image courtesy of /u/DiRtY_ZeBrA";
	content: "This subreddit uses the /r/Naut theme, and header image courtesy of /u/DiRtY_ZeBrA";
	>.toc { >ul { border: none;
	>.toc { >ul { border: none;
	margin-top: 400px;
	margin-top: 400px;
	margin-top: calc(400px - 20px);
	margin-top: calc(400px - 20px);
	.linkinfo { position: absolute;
	.linkinfo { position: absolute;
	top: 494px;
	top: 494px;
	padding: 16px;
	padding: 16px;
	width: 320px;
	width: 320px;
	background-color: @background_color_2;
	background-color: @background_color_2;
	border-radius: 2px;
	border-radius: 2px;
	box-shadow: 0 1px 5px rgba(0,0,0,0.16);
	box-shadow: 0 1px 5px rgba(0,0,0,0.16);
	border: none;
	border: none;
	position: inherit;
	position: inherit;
	margin-bottom: 80px;
	margin-bottom: 80px;
	margin-top: -140px;
	margin-top: -140px;
	top: calc(494px - 20px);
	top: calc(494px - 20px);
	.date { color: @color_13;
	.date { color: @color_13;
	&: first-letter { text-transform: capitalize;
	&: first-letter { text-transform: capitalize;
	background-color: @background_color_52 !important;
	background-color: @background_color_52 !important;
	box-shadow: 0 1px 4px 0 rgba(0,0,0,0.4) !important;
	box-shadow: 0 1px 4px 0 rgba(0,0,0,0.4) !important;
}
0.64); {
	@color_20 {
		&: {
			#000; {
				@color_21 {
					&: {
						#333; {
							@color_22 {
								&: {
									#B3B3B3; {
										@color_23 {
											&: {
												rgba(0 {
													0% { transform: translateY(76px);
													-webkit-transform: translateY(76px);
													opacity: 0;
												}
											}
										}
									}
								}
							}
						}
					}
				}
			}
		}
	}
	@background_color_53 {
		&: {
			rgba(0 {
				0% { transform: translateY(76px);
				-webkit-transform: translateY(76px);
				opacity: 0;
			}
		}
	}
}
0.32); {
	@color_24 {
		&: {
			#24A0ED; {
				@color_25 {
					&: {
						transparent; {
							@color_26 {
								&: {
									#7D5D8A; {
										@color_27 {
											&: {
												rgba(255 {
													0% { transform: translateY(76px);
													-webkit-transform: translateY(76px);
													opacity: 0;
												}
											}
										}
									}
								}
							}
						}
					}
				}
			}
		}
	}
	@background_color_40 {
		&: {
			rgba(0 {
				0% { transform: translateY(76px);
				-webkit-transform: translateY(76px);
				opacity: 0;
			}
		}
	}
}
.8); {
	@color_28 {
		&: {
			rgba(255 {
				0% { transform: translateY(76px);
				-webkit-transform: translateY(76px);
				opacity: 0;
			}
		}
	}
}
1); {
	@color_29 {
		&: {
			rgba(255 {
				0% { transform: translateY(76px);
				-webkit-transform: translateY(76px);
				opacity: 0;
			}
		}
	}
	@background_color_58 {
		&: {
			#212223; {
				@background_color_59 {
					&: {
						#929292; {
							@background_color_60 {
								&: {
									#ef9c49; {
										@background_color_61 {
											&: {
												#f0a55b; {
													@background_color_62 {
														&: {
															#000; {
																@background_color_63 {
																	&: {
																		rgba(0 {
																			0% { transform: translateY(76px);
																			-webkit-transform: translateY(76px);
																			opacity: 0;
																		}
																	}
																}
															}
														}
													}
												}
											}
										}
									}
								}
							}
						}
					}
				}
			}
		}
	}
}
0.42); {
	@color_30 {
		&: {
			rgba(255 {
				0% { transform: translateY(76px);
				-webkit-transform: translateY(76px);
				opacity: 0;
			}
		}
	}
}
0.45); {
	@color_31 {
		&: {
			#E0E0E0; {
				@color_32 {
					&: {
						rgba(255 {
							0% { transform: translateY(76px);
							-webkit-transform: translateY(76px);
							opacity: 0;
						}
					}
				}
			}
		}
	}
}
0.6); {
	@color_33 {
		&: {
			#516AE8; {
				@color_34 {
					&: {
						#929292; {
							@color_35 {
								&: {
									#eaeaea; {
										@color_36 {
											&: {
												gray; {
													@color_37 {
														&: {
															rgb(115 {
																0% { transform: translateY(76px);
																-webkit-transform: translateY(76px);
																opacity: 0;
															}
														}
													}
												}
											}
										}
									}
								}
							}
						}
					}
				}
			}
		}
	}
}
132 {
	0% { transform: translateY(76px);
	-webkit-transform: translateY(76px);
	opacity: 0;
}
145); {
	@color_38 {
		&: {
			orange; {
				@color_39 {
					&: {
						#B6B6B6; {
							@color_40 {
								&: {
									darkorange; {
										@color_41 {
											&: {
												#789922; {
													@color_42 {
														&: {
															#676767; {
																@font_family_1 {
																	&: {
																		arial {
																			0% { transform: translateY(76px);
																			-webkit-transform: translateY(76px);
																			opacity: 0;
																		}
																	}
																}
															}
														}
													}
												}
											}
										}
									}
								}
							}
						}
					}
				}
			}
		}
	}
}
sans-serif; {
	@font_family_2 {
		&: {
			Lato {
				0% { transform: translateY(76px);
				-webkit-transform: translateY(76px);
				opacity: 0;
			}
		}
	}
	@font_family_3 {
		&: {
			Arial {
				0% { transform: translateY(76px);
				-webkit-transform: translateY(76px);
				opacity: 0;
			}
		}
	}
	@font_family_4 {
		&: {
			Calibri {
				0% { transform: translateY(76px);
				-webkit-transform: translateY(76px);
				opacity: 0;
			}
		}
	}
	@font_family_5 {
		&: {
			Lato {
				0% { transform: translateY(76px);
				-webkit-transform: translateY(76px);
				opacity: 0;
			}
		}
	}
	@font_family_6 {
		&: {
			verdana {
				0% { transform: translateY(76px);
				-webkit-transform: translateY(76px);
				opacity: 0;
			}
		}
	}
	@font_family_7 {
		&: {
			verdana {
				0% { transform: translateY(76px);
				-webkit-transform: translateY(76px);
				opacity: 0;
			}
		}
	}
	@font_family_8 {
		&: {
			monospace; {
				@font_family_9 {
					&: {
						Lato {
							0% { transform: translateY(76px);
							-webkit-transform: translateY(76px);
							opacity: 0;
						}
					}
				}
			}
		}
	}
	@background_color_1 {
		&: {
			#eee; {
				@background_color_2 {
					&: {
						#0079d3; {
							@background_color_3 {
								&: {
									#fff; {
										@background_color_4 {
											&: {
												#158be2; {
													@background_color_5 {
														&: {
															#0066b2; {
																@background_color_6 {
																	&: {
																		#30333A; {
																			@background_color_7 {
																				&: {
																					rgba(0 {
																						0% { transform: translateY(76px);
																						-webkit-transform: translateY(76px);
																						opacity: 0;
																					}
																				}
																			}
																		}
																	}
																}
															}
														}
													}
												}
											}
										}
									}
								}
							}
						}
					}
				}
			}
		}
	}
}
arial {
	0% { transform: translateY(76px);
	0% { transform: translateY(76px);
	0% { transform: translateY(76px);
	0% { transform: translateY(76px);
	-webkit-transform: translateY(76px);
	-webkit-transform: translateY(76px);
	-webkit-transform: translateY(76px);
	-webkit-transform: translateY(76px);
	opacity: 0;
	opacity: 0;
	opacity: 0;
	opacity: 0;
}
Candara {
	0% { transform: translateY(76px);
	-webkit-transform: translateY(76px);
	opacity: 0;
}
Segoe {
	0% { transform: translateY(76px);
	-webkit-transform: translateY(76px);
	opacity: 0;
}
"Segoe UI" {
	0% { transform: translateY(76px);
	-webkit-transform: translateY(76px);
	opacity: 0;
}
Optima {
	0% { transform: translateY(76px);
	-webkit-transform: translateY(76px);
	opacity: 0;
}
Arial {
	0% { transform: translateY(76px);
	0% { transform: translateY(76px);
	-webkit-transform: translateY(76px);
	-webkit-transform: translateY(76px);
	opacity: 0;
	opacity: 0;
}
verdana {
	0% { transform: translateY(76px);
	-webkit-transform: translateY(76px);
	opacity: 0;
}
helvetica {
	0% { transform: translateY(76px);
	0% { transform: translateY(76px);
	-webkit-transform: translateY(76px);
	-webkit-transform: translateY(76px);
	opacity: 0;
	opacity: 0;
}
0.08); {
	@background_color_8 {
		&: {
			transparent; {
				@background_color_9 {
					&: {
						#f1f1f1; {
							@background_color_10 {
								&: {
									#f50; {
										@background_color_11 {
											&: {
												#EA4848; {
													@background_color_12 {
														&: {
															#ec5b5b; {
																@background_color_13 {
																	&: {
																		#c73d3d; {
																			@background_color_14 {
																				&: {
																					rgba(0 {
																						0% { transform: translateY(76px);
																						-webkit-transform: translateY(76px);
																						opacity: 0;
																					}
																				}
																			}
																		}
																	}
																}
															}
														}
													}
												}
											}
										}
									}
								}
							}
						}
					}
				}
			}
		}
	}
}
0.24); {
	@background_color_15 {
		&: {
			rgba(0 {
				0% { transform: translateY(76px);
				-webkit-transform: translateY(76px);
				opacity: 0;
			}
		}
	}
}
0.05); {
	@background_color_16 {
		&: {
			rgba(79 {
				0% { transform: translateY(76px);
				-webkit-transform: translateY(76px);
				opacity: 0;
			}
		}
	}
}
77 {
	0% { transform: translateY(76px);
	0% { transform: translateY(76px);
	-webkit-transform: translateY(76px);
	-webkit-transform: translateY(76px);
	opacity: 0;
	opacity: 0;
}
192 {
	0% { transform: translateY(76px);
	0% { transform: translateY(76px);
	-webkit-transform: translateY(76px);
	-webkit-transform: translateY(76px);
	opacity: 0;
	opacity: 0;
}
0.0); {
	@background_color_17 {
		&: {
			rgba(79 {
				0% { transform: translateY(76px);
				-webkit-transform: translateY(76px);
				opacity: 0;
			}
		}
	}
}
0.9); {
	@background_color_18 {
		&: {
			red; {
				@background_color_19 {
					&: {
						#27b062; {
							@background_color_20 {
								&: {
									#ea4876; {
										@background_color_21 {
											&: {
												#738491; {
													@background_color_22 {
														&: {
															#FFE9E6; {
																@background_color_23 {
																	&: {
																		#fb797e; {
																			@background_color_24 {
																				&: {
																					#fc535a; {
																						@background_color_25 {
																							&: {
																								#ddd; {
																									@background_color_26 {
																										&: {
																											#ececec; {
																												@background_color_27 {
																													&: {
																														#1ecd97; {
																															@background_color_28 {
																																&: {
																																	#22e1a6; {
																																		@background_color_29 {
																																			&: {
																																				rgba(0 {
																																					0% { transform: translateY(76px);
																																					-webkit-transform: translateY(76px);
																																					opacity: 0;
																																				}
																																			}
																																		}
																																	}
																																}
																															}
																														}
																													}
																												}
																											}
																										}
																									}
																								}
																							}
																						}
																					}
																				}
																			}
																		}
																	}
																}
															}
														}
													}
												}
											}
										}
									}
								}
							}
						}
					}
				}
			}
		}
	}
}
0.04); {
	@background_color_30 {
		&: {
			#EFF7FF; {
				@background_color_31 {
					&: {
						#F5F8F9; {
							@background_color_32 {
								&: {
									#FFF; {
										@background_color_33 {
											&: {
												#4F8EF7; {
													@background_color_34 {
														&: {
															rgba(79 {
																0% { transform: translateY(76px);
																-webkit-transform: translateY(76px);
																opacity: 0;
															}
														}
													}
												}
											}
										}
									}
								}
							}
						}
					}
				}
			}
		}
	}
}
142 {
	0% { transform: translateY(76px);
	-webkit-transform: translateY(76px);
	opacity: 0;
}
247 {
	0% { transform: translateY(76px);
	-webkit-transform: translateY(76px);
	opacity: 0;
}
0.75); {
	@background_color_35 {
		&: {
			#27B062; {
				@background_color_36 {
					&: {
						#DBDBDB; {
							@background_color_37 {
								&: {
									#36bb6f; {
										@background_color_38 {
											&: {
												#189b51; {
													@background_color_39 {
														&: {
															rgba(0 {
																0% { transform: translateY(76px);
																-webkit-transform: translateY(76px);
																opacity: 0;
															}
														}
													}
												}
											}
										}
									}
								}
							}
						}
					}
				}
			}
		}
	}
}
0.00); {
	@background_color_42 {
		&: {
			rgba(158 {
				0% { transform: translateY(76px);
				-webkit-transform: translateY(76px);
				opacity: 0;
			}
		}
	}
}
158 {
	0% { transform: translateY(76px);
	0% { transform: translateY(76px);
	-webkit-transform: translateY(76px);
	-webkit-transform: translateY(76px);
	opacity: 0;
	opacity: 0;
}
.2); {
	@background_color_43 {
		&: {
			#edf1f3; {
				@background_color_44 {
					&: {
						rgba(0 {
							0% { transform: translateY(76px);
							-webkit-transform: translateY(76px);
							opacity: 0;
						}
					}
				}
			}
		}
	}
}
0.06); {
	@background_color_45 {
		&: {
			#f2f2f2; {
				@background_color_46 {
					&: {
						#f4f6f7; {
							@background_color_47 {
								&: {
									#FAFAFA; {
										@background_color_48 {
											&: {
												#f2f7fa; {
													@background_color_49 {
														&: {
															#0079D3; {
																@background_color_50 {
																	&: {
																		#c3cfd6; {
																			@background_color_51 {
																				&: {
																					#2E2F31; {
																						@background_color_52 {
																							&: {
																								rgba(43 {
																									0% { transform: translateY(76px);
																									-webkit-transform: translateY(76px);
																									opacity: 0;
																								}
																							}
																						}
																					}
																				}
																			}
																		}
																	}
																}
															}
														}
													}
												}
											}
										}
									}
								}
							}
						}
					}
				}
			}
		}
	}
}
51 {
	0% { transform: translateY(76px);
	-webkit-transform: translateY(76px);
	opacity: 0;
}
58 {
	0% { transform: translateY(76px);
	-webkit-transform: translateY(76px);
	opacity: 0;
}
234 {
	0% { transform: translateY(76px);
	0% { transform: translateY(76px);
	-webkit-transform: translateY(76px);
	-webkit-transform: translateY(76px);
	opacity: 0;
	opacity: 0;
}
0.5); {
	@border_color_1 {
		&: {
			#738491; {
				@border_color_2 {
					&: {
						#24a0ed; {
							@border_color_3 {
								&: {
									#0079d3; {
										@border_color_4 {
											&: {
												#ea4876; {
													@border_color_5 {
														&: {
															#fb797e; {
																@border_color_6 {
																	&: {
																		#fc535a; {
																			@border_color_7 {
																				&: {
																					#ddd; {
																						@border_color_8 {
																							&: {
																								#ececec; {
																									@border_color_9 {
																										&: {
																											#1ecd97; {
																												@border_color_10 {
																													&: {
																														#22e1a6; {
																															@border_color_11 {
																																&: {
																																	#27b062; {
																																		@border_color_12 {
																																			&: {
																																				#edf1f3; {
																																					@border_color_13 {
																																						&: {
																																							#4258ca; {
																																								@border_color_14 {
																																									&: {
																																										#gray; {
																																											@border_left_color_1 {
																																												&: {
																																													#CCC; {
																																														@-webkit-keyframes {
																																															"toast" {
																																																0% { transform: translateY(76px);
																																																-webkit-transform: translateY(76px);
																																																opacity: 0;
																																															}
																																														}
																																													}
																																												}
																																											}
																																										}
																																									}
																																								}
																																							}
																																						}
																																					}
																																				}
																																			}
																																		}
																																	}
																																}
																															}
																														}
																													}
																												}
																											}
																										}
																									}
																								}
																							}
																						}
																					}
																				}
																			}
																		}
																	}
																}
															}
														}
													}
												}
											}
										}
									}
								}
							}
						}
					}
				}
			}
		}
	}
}
20% {
	transform: translateY(76px);
	-webkit-transform: translateY(76px);
	opacity: 0;
}
25% {
	transform: translateY(-8px);
	-webkit-transform: translateY(-8px);
	opacity: 1;
}
27% {
	transform: translateY(00px);
	-webkit-transform: translateY(00px);
	opacity: 1;
}
92% {
	transform: translateY(00px);
	-webkit-transform: translateY(00px);
	opacity: 1;
}
97% {
	transform: translateY(16px);
	-webkit-transform: translateY(16px);
	opacity: 1;
}
100% {
	transform: translateY(76px);
	-webkit-transform: translateY(76px);
	opacity: 0;
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: @color_4 !important;
}
& {
	&:before {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: none;
		position: fixed;
		width: 100%;
		padding: 16px;
		color: @color_4;
		left: 0;
		bottom: 0;
		background-color: @background_color_45;
		content: "Hey! There's a FAQ if you just scroll down a little.";
		font-size: 18px;
		z-index: 100;
		padding: 0px;
		content: "";
		display: none;
		content: "";
	}
	&:after {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		position: relative;
		content: "▼";
		margin-left: 4px;
		font-size: 10px;
		display: block;
		color: @color_19;
		content: "Go to /r/.../about/flair";
		content: " ▼";
		content: "▼";
		content: " currently online";
		content: " civcraftians online";
		display: none;
		content: "";
		position: absolute;
		width: 100%;
		height: 800px;
		left: 0;
		bottom: -1200px;
		z-index: 100;
		background-color: @background_color_2;
		background-image: url(%%faq%%);
		background-repeat: no-repeat;
		background-position: 50% 50%;
		width: 0%;
		height: 0px;
		color: @color_31;
		font-size: large !important;
		content: " CONE OF SHAME: USE MODMAIL NEXT TIME";
		color: @color_31;
		font-size: large !important;
		content: " CONE OF SHAME: USE MODMAIL NEXT TIME";
		color: @color_31;
		font-size: large !important;
		content: " CONE OF SHAME: USE MODMAIL NEXT TIME";
	}
	&:focus {
		border-color: @border_color_1;
		color: @color_2;
		border-color: @border_color_1;
		color: @color_2;
		border-color: @border_color_1;
		color: @color_2;
		border-color: @border_color_1;
		color: @color_2;
		border-color: @border_color_1;
		color: @color_2;
		outline: none !important;
		border-radius: 2px 2px 0 0;
		&: hover { box-shadow: 0 1px 5px rgba(0,0,0,0.24) !important;
	}
	&:active {
		background-color: @background_color_5;
		background-color: @background_color_5;
		border-color: @border_color_1;
		color: @color_2;
		background-color: @background_color_9;
		box-shadow: 0 2px 1.5px 0 rgba(0,0,0,.12),0 0 4px 0 rgba(0,0,0,.12);
		background-color: @background_color_5;
		background-color: @background_color_5;
		background-color: @background_color_11;
		box-shadow: 0 2px 1.5px 0 rgba(0,0,0,.12),0 0 4px 0 rgba(0,0,0,.12);
		color: @color_4;
		background-color: @background_color_9;
		box-shadow: 0 2px 1.5px 0 rgba(0,0,0,.12),0 0 4px 0 rgba(0,0,0,.12);
		background-color: @background_color_5;
		background-color: @background_color_5;
		color: @color_4;
		background-color: @background_color_9;
		box-shadow: 0 2px 1.5px 0 rgba(0,0,0,.12),0 0 4px 0 rgba(0,0,0,.12);
		background-color: @background_color_11;
		box-shadow: 0 2px 1.5px 0 rgba(0,0,0,.12),0 0 4px 0 rgba(0,0,0,.12);
		box-shadow: 0 0 0 rgba(0,0,0,0.0);
		background-color: @background_color_36;
		padding-left: 24px;
		margin-left: -13px;
		text-align: center;
		background-color: @background_color_37;
		background-color: @background_color_9;
		box-shadow: 0 2px 1.5px 0 rgba(0,0,0,.12),0 0 4px 0 rgba(0,0,0,.12);
		background-color: @background_color_5;
		background-color: @background_color_5;
		&: :after { color: @color_4;
		text-shadow: none;
		transition: 0.7s all;
		color: @color_29 !important;
		text-shadow: none;
		transition: 0.7s all;
	}
	&::-moz-selection {
		background-color: @background_color_4;
		text-shadow: none;
		color: @color_4;
	}
	&::selection {
		background-color: @background_color_4;
		text-shadow: none;
		color: @color_4;
	}
	&:hover {
		&: before { background-color: @background_color_12;
		box-shadow: 0 3px 12px rgba(0,0,0,0.48);
		-webkit-animation-play-state: paused;
		-moz-animation-play-state: paused;
		-o-animation-play-state: paused;
		animation-play-state: paused;
		&: after { visibility: visible;
		background-color: @background_color_22;
		color: @color_16;
		margin-left: 48px;
		text-decoration: underline !important;
		h5&+h6&+h4&+p { display: block;
		&: after { background-color: @background_color_29;
		box-shadow: 0 2px 12px rgba(0,0,0,0.48);
		color: @color_4;
		background-color: @background_color_49;
	}
	&:not(.enabled) {
		.toggleon { background-color: @background_color_8;
		color: @color_22;
		border: 1px solid #4258ca;
		transition: all .15s ease;
		border-radius: 2px;
	}
	&:-moz-placeholder {
		color: @color_24;
	}
	&::-moz-placeholder {
		color: @color_24;
	}
	&:-ms-input-placeholder {
		color: @color_24;
	}
	&:visited {
		color: @color_33 !important;
	}
}
body {
	overflow-x: hidden;
	background-color: @background_color_1;
	min-width: 920px;
	background: #eee url(%%headerimg%%) no-repeat 50% 0%;
	.content { .text { background-color: @background_color_3;
	border: 1px solid #c3cfd6;
	color: @color_1;
	box-shadow: none;
	transition: border-color .15s ease,color .15s ease;
	padding: 6px 12px;
	&: hover { border-color: @border_color_1;
}
} {
	textarea {
		background-color: @background_color_2;
		border: 1px solid #c3cfd6;
		color: @color_1;
		box-shadow: none;
		transition: border-color .15s ease,color .15s ease;
		padding: 6px 12px;
		&: hover { border-color: @border_color_1;
	}
	input[type=text] {
		background-color: @background_color_2;
		border: 1px solid #c3cfd6;
		color: @color_1;
		box-shadow: none;
		transition: border-color .15s ease,color .15s ease;
		padding: 6px 12px;
		&: hover { border-color: @border_color_1;
	}
	input[type=password] {
		background-color: @background_color_2;
		border: 1px solid #c3cfd6;
		color: @color_1;
		box-shadow: none;
		transition: border-color .15s ease,color .15s ease;
		padding: 6px 12px;
		&: hover { border-color: @border_color_1;
	}
	input[type=url] {
		background-color: @background_color_2;
		border: 1px solid #c3cfd6;
		color: @color_1;
		box-shadow: none;
		transition: border-color .15s ease,color .15s ease;
		padding: 6px 12px;
		&: hover { border-color: @border_color_1;
	}
	.sitetable {
		.link { .title { a { &: hover { color: @color_1;
		color: @color_3;
		margin: 0;
		box-shadow: none;
	}
	} {
		} {
			} {
				.thing.spam {
					background-color: @background_color_3;
				}
				.unvotable-message {
					border: 0 solid;
					color: @color_1;
					&: first-letter { text-transform: capitalize;
				}
				.md {
					ul { background-color: @background_color_8 !important;
					color: @color_29 !important;
				}
				.link {
					.entry { .tagline { a { color: @color_35 !important;
				}
			}
			a {
				color: @color_3;
				transition: color .15s ease;
				color: @color_3;
			}
			#sr-header-area {
				background-color: @background_color_12;
				border: none;
				transition: all .15s ease;
				height: 24px;
				line-height: 23px;
				.width-clip { right: 300px;
			}
			#sr-more-link {
				background-color: @background_color_15;
				color: @color_10;
				transition: all .15s ease;
				&: hover { background-color: @background_color_8;
				border: none;
				transition: all .15s ease;
			}
			.link {
				margin: 0;
				padding: 16px 0;
				position: relative;
				border-bottom: 1px solid #d9d9d9;
				.midcol { width: 32px !important;
				margin: 0 16px 0 0;
				overflow: visible;
				height: 56px;
			}
			.title {
				margin: 0;
				font-size: 13.5pt;
				font-family: @font_family_5;
				transition: all .15s ease;
				overflow: visible;
			}
			div.RES-keyNav-activeElement {
				background-color: @background_color_15 !important;
				padding-left: 8px !important;
				border-left: 3px solid #C2C2C2;
			}
			>.usertext {
				background-color: @background_color_32 !important;
				margin: -58px 0 16px;
				padding: 64px 16px 16px !important;
				overflow: visible;
				background-color: @background_color_2;
				padding: 16px;
				border-radius: 2px;
				box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
				textarea { &: not(:focus) { background: url(%%commentboxbg%%) no-repeat 50% 50%;
			}
			.titlebox {
				span.subscribers { position: absolute;
				z-index: 100;
				color: @color_5;
				font-size: 12px;
				top: 336px;
				top: calc(336px - 20px);
				color: @color_4;
			}
			.sidebox.submit.submit-link {
				.morelink { a { &: after { font-size: 14px;
				content: "Submit Link";
				content: "Submit";
			}
			.disabled {
				.morelink { box-shadow: none !important;
				background-color: @background_color_12;
				width: 320px;
				a { color: @color_23;
				font-size: 14px;
			}
			.drop-choices {
				a.choice { padding: 12px 24px 12px 12px;
				transition: all .1s ease;
				border-bottom: 1px solid #edf1f3;
				&: hover { background-color: @background_color_2;
				color: @color_4;
				background-color: @background_color_5;
				background-color: @background_color_5;
			}
			.help-hoverable {
				color: @color_12;
				font-weight: 400;
				font-size: x-small;
				&: hover { color: @color_1;
			}
			.gold-accent.comment-visits-box {
				margin: 0 0 12px;
				border-radius: 2px;
				background-color: @background_color_41;
				border: 1px solid #d8e0e5;
				color: @color_2;
			}
			.comment.collapsed {
				a.expand { &: after { content: "ah ";
				position: absolute;
				display: block;
				width: calc(100% - 368px);
				background-color: @background_color_39;
				left: 16px;
				margin-top: -34px;
				height: 50px;
				border-radius: 2px;
				color: @color_25;
				transition: background-color .2s cubic-bezier(.4,0,.2,1);
			}
			.green {
				color: @color_17 !important;
				font-weight: 700;
			}
			.search-result {
				margin: 16px 0 20px;
				.search-result-header { .search-title { color: @color_1;
				color: @color_3;
			}
			.commentarea {
				>.sitetable { >.comment { background-color: @background_color_57 !important;
				box-shadow: 0 1px 4px 0 rgba(0,0,0,0.4) !important;
			}
			.search-result-body {
				color: @color_28 !important;
			}
		}
		& {
			&:not(.submit-page).search-page {
				#header { .pagename { a { margin-top: 280px;
			}
			&:hover {
				.sr-bar { a { color: @color_6;
			}
			&:before {
				content: "Subreddit Info";
				display: block;
				font-size: 18px;
				line-height: 24px;
				color: @color_2;
				font-family: @font_family_6;
				margin: 8px 0;
			}
		}
		#header-img {
			margin-top: 195px;
		}
		h4 {
			a { padding: 0 16px;
			background-color: @background_color_10;
			border: none;
			border-radius: 2px;
			color: @color_3;
			font-weight: 700;
			display: block;
			margin: 1.5em 0;
			font-size: 12px;
			line-height: 42px;
			text-align: center;
			box-shadow: 0 2px 1.5px 0 rgba(0,0,0,.12),0 0 4px 0 rgba(0,0,0,.12);
			transition: box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);
			color: @color_3;
			a { &: hover { box-shadow: 0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2);
		}
		background-color {
			&: {
				@background_color_3; {
					padding {
						&: {
							16px; {
								border-radius {
									&: {
										2px; {
											box-shadow {
												&: {
													0 {
														1px {
															4px {
																0 {
																	rgba(0 {
																		.morelink { &: before { content: "N/A";
																		position: absolute;
																		left: -168px;
																		top: 0;
																		width: 152px;
																		color: @color_6;
																		border-radius: 2px;
																		background-color: @background_color_12;
																		font-weight: 400;
																		z-index: -1;
																	}
																}
															}
														}
													}
												}
											}
										}
									}
								}
							}
						}
					}
				}
			}
		}
		.sidebox.submit-link {
			.morelink { &: after { content: "N/A";
			position: absolute;
			left: -168px;
			top: 0;
			width: 152px;
			color: @color_6;
			border-radius: 2px;
			background-color: @background_color_12;
			font-weight: 400;
			z-index: -1;
			left: 168px;
		}
		.md {
			.-blocks { font-family: @font_family_2;
			color: @color_2;
			line-height: 1.45;
			font-size: 13px;
			h5&+h6&+h4&+p { display: none;
		}
		.sidecontentbox {
			.content { border: none;
			padding: 8px 0;
		}
		.btn {
			&: hover { color: @color_2;
			background-color: @background_color_13;
			box-shadow: 0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2);
			background-color: @background_color_6;
			background-color: @background_color_6;
			width: 100%;
			height: auto;
			margin-top: 16px;
			cursor: pointer;
			text-transform: capitalize;
			font-family: @font_family_2;
			font-size: 17px;
			padding: 16px;
			text-align: left;
			margin-bottom: 48px;
			&: after { content: " your post to Reddit.";
			text-transform: none;
			color: @color_4 !important;
			background-color: @background_color_5 !important;
			&: hover { background-color: @background_color_61 !important;
		}
		li.selected {
			a { padding-bottom: 4px;
			color: @color_4;
			border-bottom: 2px solid;
			text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
		}
		.separator {
			background-color: @background_color_15;
			color: @color_10;
			transition: all .15s ease;
		}
		.drop-choices.srdrop {
			background-color: @background_color_2;
			border: none;
			box-shadow: 0 2px 3px rgba(0,0,0,0.15);
		}
		.beta-hint {
			a { margin-left: -16px;
			width: 16px;
			height: 16px;
			background-image: url(%%spritesheet%%);
			background-repeat: no-repeat;
			background-position: -48px -32px;
			background-size: inherit;
		}
		.message-count {
			background-color: @background_color_18;
			position: relative;
			top: -1px;
			color: @color_4 !important;
		}
		#header-img.default-header {
			z-index: 99;
			width: 0;
			padding-left: 42px;
			height: 42px;
			background-image: url(%%spritesheet%%);
			background-position: -80px -0;
			margin: 0 8px 0 0;
			vertical-align: top;
			font-size: 0;
			&: hover { background-position: -122px 0;
		}
		.comment {
			background-color: @background_color_2;
			margin-left: 0;
			padding: 12px 0;
			.midcol { width: 36px;
			margin-right: 2px;
			margin-top: 4px;
			overflow: visible;
		}
		.wiki-page {
			.tabmenu { li { >a[href$="/controversial/"] { display: none !important;
		}
		.wiki-page-content {
			.md.wiki { h4 { padding: 0 16px;
			background-color: @background_color_10;
			border: none;
			border-radius: 2px;
			color: @color_3;
			font-weight: 700;
			display: block;
			margin: 1.5em 0;
			font-size: 12px;
			line-height: 42px;
			text-align: center;
			box-shadow: 0 2px 1.5px 0 rgba(0,0,0,.12),0 0 4px 0 rgba(0,0,0,.12);
			transition: box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);
			color: @color_3;
			&: hover { box-shadow: 0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2);
		}
		margin {
			&: {
				16px {
					0; {
						background-color {
							&: {
								@background_color_3; {
									padding {
										&: {
											8px {
												0; {
													background-color {
														&: {
															@background_color_3; {
																padding {
																	&: {
																		16px; {
																			border-radius {
																				&: {
																					2px; {
																						box-shadow {
																							&: {
																								0 {
																									1px {
																										4px {
																											0 {
																												rgba(0 {
																													>.toc { >ul { border: none;
																												}
																											}
																										}
																									}
																								}
																							}
																						}
																					}
																				}
																			}
																		}
																	}
																}
															}
														}
													}
												}
											}
										}
									}
								}
							}
						}
					}
				}
			}
		}
		.wiki.md {
			color: @color_2;
			h2 { color: @color_4;
		}
		.buttons {
			li { a { &: hover { color: @color_1;
			text-decoration: none;
			color: @color_3;
		}
		li {
			.comments { &: hover { text-decoration: none;
			&: hover { background-color: @background_color_31;
			border: 0 solid;
		}
		.usertext {
			.md { margin-top: 12px;
			margin-bottom: -12px;
			padding-top: 12px;
			padding-left: 0;
			background-color: @background_color_15;
			border: 0 solid;
			border-top: 1px solid #edf1f3;
			border-radius: 0;
			color: @color_2;
		}
		.arrow.down {
			height: 20px;
			background-position: -64px -80px;
			transition: background-color .25s ease;
			&: after { display: block;
			visibility: hidden;
			position: absolute;
			z-index: 1000;
			margin-top: -6px;
			margin-left: 32px;
			padding: 12px;
			background-color: @background_color_21;
			border: none;
			border-radius: 2px;
			color: @color_15;
			content: "For content that does not contribute to any discussion.";
			text-align: center;
			letter-spacing: 1px;
			font-weight: 400;
			font-size: 13px;
			transition: all .25s ease;
			pointer-events: none;
			content: "Show mercy god";
		}
		.arrow.downmod {
			height: 20px;
			background-position: -0 -100px;
		}
		a.thumbnail[href*="reddit.com"] {
			background: url(%%spritesheet%%) -176px -160px;
			img { display: none;
		}
		.thing.visited {
			.title { color: @color_3;
			color: @color_1 !important;
			.title { color: @color_34 !important;
		}
		.approval-checkmark {
			cursor: default;
		}
		.RESUserTagImage {
			&: :after { display: none;
		}
		input[name="other_reason"] {
			padding: 8px;
		}
		.expando-button {
			&: hover { background-color: @background_color_19 !important;
			border-color: @border_color_11 !important;
		}
		.tagline {
			.stickied-tagline { color: @color_16;
			cursor: help;
		}
		.link.promotedlink.promoted {
			background-color: @background_color_30;
			padding: 16px 0;
			padding: 16px 0px !important;
			border-bottom: 1px solid #D9D9D9;
			border-top: 0px none;
			border-right: 0px none;
			border-left: 0px none;
			.thumbnail { height: auto;
			img { max-height: none;
			max-width: none;
			min-width: 0;
			min-height: 0;
			transform: translateY(0%);
		}
		.organic-listing {
			background-color: @background_color_2 !important;
			padding: 0;
			position: relative;
			margin-bottom: 0;
			border: none;
			border-radius: 2px 2px 0 0;
			.link { padding: 16px;
			background-color: @background_color_15;
			border: 1px solid #edf1f3;
			border-radius: 3px;
		}
		a.author {
			color: @color_1 !important;
			font-size: 11px;
		}
		.link {
			.tagline { a.voteweight { background-color: @background_color_8 !important;
		}
		.srSep {
			color: @color_20;
		}
		#userbarToggle {
			background-color: @background_color_15;
			color: @color_20;
			border-radius: 0;
			border: none;
			left: -32px;
			color: @color_20 !important;
		}
		#REScommentNavToggle {
			max-width: 98px;
			overflow: hidden;
			max-height: 15px;
			background-color: @background_color_32;
			transition: all .35s ease;
			&: hover { max-width: 100%;
		}
		#searchexpando {
			.searchexpando-submit { display: none;
		}
		.userTagLink.hasTag {
			font-size: 11px !important;
			border-radius: 0 !important;
			border: 0 solid !important;
			margin-top: 0 !important;
			margin-left: 4px !important;
		}
		.top-page {
			.menuarea { margin: 16px 0 24px;
			padding: 0;
			border: none;
			color: @color_1;
			overflow: visible;
		}
		.drop-choices.lightdrop {
			margin-top: 8px;
			border: none;
			z-index: 1001;
			box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
		}
		.toggle {
			a { color: @color_13;
			font-weight: 400;
			&: hover { color: @color_1;
		}
		.usertext-edit {
			width: 100%;
			max-width: 504px;
			textarea { position: relative;
			z-index: 999;
			width: 100%;
		}
		.reddit-infobar.with-icon {
			border: none;
			background: #fff;
			box-shadow: 0 2px 1.5px 0 rgba(0,0,0,.12),0 0 4px 0 rgba(0,0,0,.12);
			margin: 0 0 16px;
			.md { color: @color_20;
			font-size: 14px;
		}
		.number {
			cursor: text;
		}
		input[type=submit] {
			height: 32px;
			width: 32px;
			margin-left: -38px;
			background-image: url(%%spritesheet%%);
			background-position: -64px -96px;
			background-repeat: no-repeat;
			border: none !important;
			border-radius: 16px;
			background-color: @background_color_39;
			transition: background-color .2s cubic-bezier(.4,0,.2,1);
			&: hover { background-image: url(%%spritesheet%%);
			background-position: -64px -96px;
			background-repeat: no-repeat;
			background-color: @background_color_40;
		}
		.morelink {
			position: absolute;
			top: 442px;
			background-color: @background_color_4;
			background-image: none !important;
			width: 152px;
			height: 36px;
			border-radius: 2px;
			line-height: 36px;
			border: none;
			text-align: center;
			padding: 0;
			box-shadow: 0 2px 1.5px 0 rgba(0,0,0,.12),0 0 4px 0 rgba(0,0,0,.12);
			transition: box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);
			top: calc(442px - 20px);
			width: 320px;
			background-color: @background_color_5;
			&: hover { background-color: @background_color_4;
			box-shadow: 0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2);
			background-color: @background_color_6;
		}
		.login-form-side {
			border: none;
			border-bottom: 1px solid #edf1f3;
			padding-bottom: 8px;
			background-color: @background_color_2;
			padding: 16px;
			border-radius: 2px;
			box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
			position: relative;
			top: -60px;
			input[type=text] { width: 136px;
			margin: 0;
			margin-left: 0;
			margin-right: 16px;
		}
		.sidebox {
			.spacer { display: none;
		}
		h5&&+h6&&+h4 {
			&: after { content: "Autowikibot post. Hover to view";
		}
		.formtabs-content {
			border-top: 0;
			padding-top: 0;
		}
		.search-page {
			#header { .pagename { a { display: none;
		}
		.searchfacets {
			border: 1px solid #edf1f3;
			border-radius: 2px;
			padding: 16px;
			margin: 0;
			background-color: @background_color_2;
			border-radius: 0 0 2px 2px;
			max-width: none;
			margin-top: 80px;
			margin-bottom: -60px;
			border-radius: 2px !important;
			box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
		}
		.menuarea {
			padding: 16px;
			margin-top: 77px;
			background-color: @background_color_2;
			margin-left: -1px;
			margin-right: 1px;
			border-radius: 2px;
			box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
		}
		.raisedbox {
			h4 { display: none;
		}
		footer {
			.nav-buttons { margin: 0 0 16px;
		}
		.search-result-listing {
			.search-result-subreddit { display: inline-block;
			width: calc(33% - 8px);
			max-width: 360px;
			height: 184px;
			margin: 0 16px 0 0;
			padding: 16px;
			border-radius: 2px;
			vertical-align: top;
			border: 1px solid #edf1f3;
			overflow: hidden;
			&: last-of-type { margin-right: -20px;
		}
		.search-result-subreddit {
			.search-result-body { padding: 0;
		}
		#previoussearch {
			#moresearchinfo { margin: 0;
			max-width: none;
			border: none;
			background-color: @background_color_2;
			padding: 16px;
			border-radius: 2px;
			box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
		}
		.nextprev {
			color: @color_1;
		}
		.linefield {
			background-color: @background_color_2;
			color: @color_12;
			margin: 0 0 16px;
			width: 528px;
			padding: 8px 0;
			background-color: @background_color_2;
			padding: 16px;
			border-radius: 2px;
			box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
			.title { color: @color_1;
			text-transform: capitalize;
			padding: 0;
			color: @color_3;
			&: first-letter { text-transform: capitalize;
		}
		.linefield.mobile {
			background-color: @background_color_2;
			color: @color_12;
			margin: 0 0 16px;
			width: 528px;
			padding: 8px 0;
		}
		.tabpane-content {
			border: none;
			.flairrow { a.author { color: @color_13;
		}
		.stylesheet-customize-container {
			.pretty-form { padding: 8px 0;
			margin-bottom: 16px;
			background-color: @background_color_2;
			padding: 16px;
			border-radius: 2px;
			box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
			.sheets { margin-right: 0;
		}
		#RESAccountSwitcherIcon {
			position: relative;
			top: -4px;
		}
		a {
			color: @color_4;
			&: visited { color: @color_2;
		}
		#RESSearchMenuItem {
			border: 1px solid #4258ca;
			border-radius: 1px;
			background-color: @background_color_49;
			&: hover { background-color: @background_color_55;
		}
		.moduleToggle.enabled {
			.toggleoff { background-color: @background_color_8;
			color: @color_22;
			border: 1px solid #4258ca;
			transition: all .15s ease;
			border-radius: 2px;
		}
		body.listing-page {
			>.content { background-color: @background_color_3;
			padding: 16px;
			border-radius: 2px;
			box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
			margin-top: 40px;
			&: before { content: "We highly encourage new users to look at wiki.civcraft.co";
			font-size: medium;
			position: absolute;
			right: 352px;
			left: 16px;
			z-index: 10;
			height: auto;
			top: 272px;
			padding: 11px 11px 11px 16px;
			border-radius: 2px;
			background-color: @background_color_10;
			color: @color_7;
			font-weight: normal;
			border-bottom: 1px solid #d9d9d9;
			border-radius: 2px 2px 0 0;
			margin: 0;
			line-height: 1;
		}
		body.other-discussions-page {
			>.content { background-color: @background_color_3;
			padding: 16px;
			border-radius: 2px;
			box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
			>.content { background-color: @background_color_57 !important;
			box-shadow: 0 1px 4px 0 rgba(0,0,0,0.4) !important;
		}
		.side {
			background-color: @background_color_15 !important;
			.usertext-body { .md { ol { background-color: @background_color_8 !important;
			ol { background-color: @background_color_8 !important;
			li { background-color: @background_color_8 !important;
		}
		.tabmenu {
			li { a { background-color: @background_color_8 !important;
		}
		#header-bottom-right {
			background-color: @background_color_15 !important;
		}
		#sr-header-area {
			background-color: @background_color_12 !important;
		}
		#url-field {
			button { color: @color_2 !important;
			color: @color_4 !important;
			background-color: @background_color_5 !important;
			&: hover { background-color: @background_color_61 !important;
		}
		button {
			border: 0px none #000 !important;
		}
		.hover-bubble.multi-selector {
			strong { color: @color_34 !important;
		}
		.titlebox {
			color: @color_29 !important;
			&: before { color: @color_34 !important;
			color: @color_28 !important;
		}
		dt {
			color: @color_28 !important;
		}
		.submit_text.enabled.roundfield {
			.md { color: @color_2 !important;
		}
		.flair-CivcraftDev {
			width: 20px;
			height: 16px;
			display: inline-block;
			background-repeat: no-repeat;
			background-image: url(%%customflair%%);
			background-position: -20px -0px;
			vertical-align: middle;
			margin-right: 3px;
			text-indent: 17px;
			width: 20px;
			height: 16px;
			display: inline-block;
			background-repeat: no-repeat;
			background-image: url(%%customflair%%);
			background-position: -20px -0px;
			vertical-align: middle;
			margin-right: 3px;
			background-position: 0 -66px;
			width: auto;
			text-indent: 17px;
			height: 14px;
		}
	}
	.btn {
		margin: 4px 16px 4px 0;
		padding: 2px 18px;
		background-color: @background_color_4;
		border: none;
		border-radius: 2px;
		color: @color_4;
		text-transform: uppercase;
		font-weight: 700;
		cursor: default;
		height: 32px;
		font-size: 12px;
		box-shadow: 0 2px 1.5px 0 rgba(0,0,0,.12),0 0 4px 0 rgba(0,0,0,.12);
		transition: box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);
		background-color: @background_color_5;
		background-color: @background_color_5;
	}
	& {
		&:not(.loggedin) {
			#sr-header-area { .width-clip { right: 340px;
		}
		&:not(.submit-page) {
			#header-img { margin-top: 120px;
			margin-left: 5px;
		}
		&:first-of-type {
			a { margin-left: 0;
		}
		&:active {
			&: before { background-color: @background_color_13;
			box-shadow: 0 4px 14px rgba(0,0,0,0.76);
		}
		&:first-letter {
			text-transform: capitalize;
		}
		&:before {
			background-color: @background_color_33;
			border-right: 1px solid rgba(0,0,0,0.08);
		}
		&::-webkit-input-placeholder {
			color: @color_24;
			font-size: 0;
			&: :after { font-size: 14px;
			content: "Search reddit";
			position: relative;
			top: 1px;
		}
		&:-ms-input-placeholder {
			font-size: 0;
			&: :after { font-size: 14px;
			content: "Search reddit";
			position: relative;
			top: 1px;
		}
		&::after {
			content: attr(title);
			padding: 0px 0px;
			background-color: @background_color_15;
			color: @color_25;
			text-shadow: 0 0 15px #C7C7C7, 0 0 15px #A5A5A5, 0 0 15px #C9C9C9;
			margin: 0 2px;
			transition: .6s all;
			cursor: default;
		}
	}
	#header-bottom-right {
		max-width: 340px;
	}
	>.content {
		margin: 16px 352px 64px 16px;
		padding: 0;
		padding-top: 8px !important;
		.link { .rank { display: none;
		background-color: @background_color_2;
		padding: 16px;
		border-radius: 2px;
		box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
		margin-top: 102px;
	}
	.link.compressed {
		.midcol { height: auto;
		margin: 8px 4px 0 0;
		margin-bottom: 0;
		padding-top: 0;
		padding-bottom: 0;
		.score { margin: 0 3px 0 0;
	}
	width {
		&: {
			100%; {
				display {
					&: {
						block; {
							position {
								&: {
									absolute; {
										top {
											&: {
												-278px; {
													z-index {
														&: {
															-1; {
																} {
																	} {
																		#header-bottom-left {
																			width: calc(100% - 32px);
																		}
																	}
																}
															}
														}
													}
												}
											}
										}
									}
								}
							}
						}
					}
				}
			}
		}
	}
	.content {
		margin-top: 342px;
		.thing { .title { &: visited { color: @color_3;
		.resbigeditorpop { background-color: @background_color_53;
		line-height: inherit;
		font-size: 11px;
		font-family: @font_family_1;
		box-shadow: none;
		font-weight: 400;
		color: @color_7;
		border: none;
		padding: 0;
		height: inherit;
		margin-left: 4px;
		margin-top: 5px;
		.thing { .title { &: visited { color: @color_34 !important;
		color: @color_1 !important;
	}
	margin {
		&: {
			0 {
				0 {
					16px; {
						} {
							margin {
								&: {
									282px {
										16px {
											108px {
												0; {
													padding {
														&: {
															0; {
																background-color {
																	&: {
																		@background_color_8; {
																			width {
																				&: {
																					320px; {
																						margin-top {
																							&: {
																								calc(282px {
																									- {
																										20px); {
																											& {
																												&:before {
																													height: 192px;
																													background-image: url(%%sidebarimg%%);
																													background-color: @background_color_7;
																													content: "";
																													display: block;
																													position: absolute;
																													top: 100px;
																													width: 320px;
																													z-index: 1;
																													border-radius: 2px;
																													box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
																													display: none;
																												}
																											}
																										}
																									}
																								}
																							}
																						}
																					}
																				}
																			}
																		}
																	}
																}
															}
														}
													}
												}
											}
										}
									}
								}
							}
						}
					}
				}
			}
			-60px {
				0 {
					16px; {
						} {
							.titlelebox {
								.word { display: none;
							}
						}
					}
				}
			}
		}
	}
	.md {
		h1 { line-height: 18px;
		margin: .5em 0 0 !important;
		color: @color_29 !important;
		strong { color: @color_35 !important;
	}
	#moderation_tools {
		.title { h1 { text-transform: capitalize;
		color: @color_7;
	}
	button {
		&: hover { color: @color_2;
		background-color: @background_color_13;
		box-shadow: 0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2);
		display: block;
		float: right;
		margin: 0;
	}
	#header {
		margin: 0;
		height: 196px;
		border: none;
		background-color: @background_color_14;
		background-image: url(%%headerimg%%);
		background-repeat: no-repeat;
		background-position: 50% 50%;
		background-size: cover;
		z-index: 1;
		box-shadow: 0 2px 1.5px 0 rgba(0,0,0,.12),0 0 4px 0 rgba(0,0,0,.12);
		background-image: none;
		box-shadow: none;
		background-color: @background_color_15;
		height: 260px;
		background-color: @background_color_15 !important;
		.pagename { font-size: 0;
		a { display: inline-block;
		line-height: 42px;
		color: @color_4;
		font-size: 42px;
		font-weight: 700;
		font-family: @font_family_2;
		font-variant: normal;
		text-shadow: 0 1px 12px rgba(0,0,0,0.2);
	}
	.tabmenu {
		margin: 12px 0 0;
		display: block;
		height: 42px;
		line-height: 42px;
		border: none;
		margin: -40px 61px 0;
		&: before { content: "";
		display: block;
		position: absolute;
		left: -16px;
		right: -384px;
		background-color: @background_color_16;
		height: 42px;
		z-index: -1;
		display: none;
		border-bottom: 1px solid #edf1f3;
		margin-bottom: 12px;
		li { margin: 0 !important;
		a { background-color: @background_color_8;
		color: @color_2;
		border: none;
		font-size: 14px;
	}
	#sr-more-link {
		color: @color_11;
	}
	a.random.choice {
		padding-top: 2px;
		position: relative;
		display: inline-block;
		margin-top: -2px;
	}
	a.pref-lang {
		background-position: -32px -0;
		background-image: url(%%spritesheet%%);
		width: 16px;
		height: 14px;
		display: inline-block;
		text-indent: -9999px;
		margin: 0;
		position: relative;
		top: -1px;
		transition: all .25s ease;
	}
	.user {
		.userkarma { font-weight: 400;
		color: @color_10;
		border: none;
		font-size: 9px;
		transition: all .15s ease;
	}
	#header-img {
		z-index: 99;
		width: 0;
		padding-left: 42px;
		height: 42px;
		background-image: url(%%spritesheet%%);
		background-position: -80px -0;
		margin: 0 8px 0 0;
		vertical-align: top;
		font-size: 0;
		&: hover { background-position: -122px 0;
	}
	#header-bottom-left {
		position: absolute;
		top: 100px;
		left: 16px;
		right: 384px;
	}
	hr {
		border-style: solid;
		border-color: @border_color_2;
	}
	.wikititle {
		background-color: @background_color_2;
		padding: 9px 16px 10px;
		border-radius: 2px;
		box-shadow: 0 1px 5px rgba(0,0,0,0.16);
		font-size: 16px;
		font-family: @font_family_3;
		text-transform: capitalize;
		margin: 0;
	}
	.wikiaction-current {
		padding: 10px 16px 9px;
		border-bottom: 2px solid #24a0ed;
		color: @color_3;
		color: @color_3;
		&: hover { background-color: @background_color_15;
	}
	a.comments {
		color: @color_3;
		font-weight: 700 !important;
		transition: all .25s ease-in-out !important;
		color: @color_3;
	}
	.flat-list {
		padding: 0;
		margin-top: 3px;
		li { a { color: @color_13;
		font-weight: 400;
		font-size: 10px;
		&: hover { color: @color_1;
		text-decoration: none;
	}
	.rank-spacer {
		display: none;
	}
	.arrow.up {
		height: 20px;
		background-position: -0 -80px;
		transition: background-color .25s ease;
	}
	.stickied {
		.thumbnail { width: 80px;
		height: 56px;
		background: url(%%spritesheet%%) -96px -48px;
	}
	.thumbnail.default {
		width: 80px;
		height: 56px;
		background: url(%%spritesheet%%) -176px -48px;
	}
	.thing {
		.title.loggedin.click { color: @color_1;
		color: @color_3;
		&: visited { color: @color_1;
		.tagline { .author.submitter { padding: 1px 4px;
		border-radius: 1px;
		background-color: @background_color_31 !important;
		box-shadow: 0 0 0 rgba(0,0,0,0);
		transition: all .15s ease;
		&: hover { box-shadow: 0 2px 4px rgba(0,0,0,0.2);
		background-color: @background_color_31 !important;
		.title { overflow: visible;
	}
	.title.click {
		color: @color_3;
		color: @color_3;
		&: visited { color: @color_1;
	}
	.title.loggedin {
		color: @color_3;
		color: @color_3;
	}
	.spacer {
		margin: 0;
	}
	.infobar.welcome {
		line-height: inherit;
		height: 86px;
		margin-right: 35px;
		h1 { color: @color_18;
	}
	.expando-button.image {
		position: relative;
		top: -1px;
		margin: 2px 6px 2px 0 !important;
		width: 16px !important;
		height: 16px !important;
		border-radius: 2px;
		background-color: @background_color_15;
		background-image: url(%%spritesheet%%) !important;
		border: 1px solid #e9e9e9;
		cursor: pointer;
	}
	.expando-button.selftext.expanded {
		background-position: -32px -48px !important;
		&: hover { background-position: -48px -48px !important;
	}
	.expando-button.video.collapsed {
		background-position: -64px -48px !important;
		&: hover { background-position: -80px -48px !important;
	}
	.expando-button.video.expanded {
		background-position: -32px -48px !important;
		&: hover { background-position: -48px -48px !important;
	}
	.expando-button.image.collapsedExpando {
		background-position: -32px -64px !important;
		&: hover { background-position: -48px -64px !important;
	}
	.expando-button.image.expanded {
		background-position: -32px -48px !important;
		&: hover { background-position: -48px -48px !important;
	}
	.expando-button.image.gallery.collapsedExpando {
		background-position: -0 -64px !important;
		&: hover { background-position: -16px -64px !important;
	}
	.expando-button.image.gallery.expanded {
		background-position: -32px -48px !important;
		&: hover { background-position: -48px -48px !important;
	}
	.expando-button.video-muted.collapsed {
		background-position: -64px -64px !important;
		&: hover { background-position: -80px -64px !important;
	}
	.expando-button.video-muted.expanded {
		background-position: -32px -48px !important;
		&: hover { background-position: -48px -48px !important;
	}
	.entry {
		.tagline { margin-top: 3px;
		color: @color_12;
		font-size: 12px;
		font-family: @font_family_3;
		.tagline { color: @color_13;
		font-size: 12px;
		font-family: @font_family_5;
	}
	li.nsfw-stamp {
		padding: 0;
		border-radius: 0;
		border: none !important;
	}
	.nsfw-stamp {
		padding: 0;
		border-radius: 0;
		border: 0;
		acronym { position: relative;
		top: -1px;
		padding: 2px 3px;
		background-color: @background_color_23;
		border-color: @border_color_4;
		border-radius: 0;
		color: @color_4;
		cursor: help;
	}
	.action-form {
		position: fixed;
		top: 35%;
		left: 40%;
		margin: 0;
		padding: 24px;
		background-color: @background_color_2;
		z-index: 100;
		box-shadow: 0 0 16px rgba(0,0,0,0.12);
		border: none;
		border-radius: 2px;
		.reason-prompt { font-size: 16px;
		color: @color_7;
		padding-bottom: 8px;
		display: block;
		&: first-letter { text-transform: capitalize;
	}
	li {
		label { padding: 4px 4px 4px 0;
		cursor: pointer;
		display: block;
		color: @color_7;
		text-transform: capitalize;
		&: hover { background-color: @background_color_15;
	}
	.linkflairlabel {
		padding: 1px 6px;
		height: 18px;
		border-radius: 1px;
		border: 0 solid;
		color: @color_4;
		font-weight: 700;
		font-style: normal;
		font-variant: normal;
		font-size: 13px;
		font-family: @font_family_5;
		cursor: default;
		vertical-align: middle;
		position: relative;
		top: -2px;
		background-color: @background_color_24;
	}
	a.pretty-button.negative {
		background-image: none;
		border-radius: 2px;
		box-shadow: inset 0 0 0 rgba(0,0,0,0.25);
		color: @color_4;
		line-height: 15px;
		transition: all .1s ease;
		background-color: @background_color_25;
		border-color: @border_color_5;
		&: hover { background-color: @background_color_24;
		border-color: @border_color_6;
	}
	a.pretty-button.neutral {
		background-image: none;
		border-radius: 2px;
		box-shadow: inset 0 0 0 rgba(0,0,0,0.25);
		color: @color_4;
		line-height: 15px;
		transition: all .1s ease;
		background-color: @background_color_26;
		border-color: @border_color_7;
		color: @color_18;
		&: hover { background-color: @background_color_26;
		border-color: @border_color_8;
	}
	a.pretty-button.positive {
		background-image: none;
		border-radius: 2px;
		box-shadow: inset 0 0 0 rgba(0,0,0,0.25);
		color: @color_4;
		line-height: 15px;
		transition: all .1s ease;
		background-color: @background_color_27;
		border-color: @border_color_9;
		&: hover { background-color: @background_color_28;
		border-color: @border_color_10;
	}
	a.pretty-button.positive.pressed {
		background-image: none;
		box-shadow: inset 0 3px 1px rgba(0,0,0,0.15);
	}
	.stickied.comment {
		>.entry { a { color: @color_14 !important;
	}
	.tagline {
		.stickied-tagline { color: @color_14 !important;
		a { color: @color_4;
	}
	.flairselector {
		position: fixed;
		top: 20% !important;
		left: 50% !important;
		margin-left: -125px;
		padding: 16px !important;
		width: 250px !important;
		border: none;
		border-radius: 2px;
		box-shadow: 0 0 16px rgba(0,0,0,0.12);
		width: inherit !important;
		left: 50% !important;
		margin-left: 0px !important;
		margin-right: -50%;
		transform: translate(-50%, 0%);
		h2 { margin-bottom: 4px;
		background-color: @background_color_15;
		color: @color_3;
		text-align: left;
		text-transform: capitalize;
		font-weight: 400;
		font-size: 18px;
		color: @color_3;
	}
	form {
		padding-top: 12px;
		border-top: 1px solid #F7F7F7;
		.flairselection { text-align: left;
		&: before { display: block;
		content: "Selected Flair:";
		color: @color_1;
		&: last-of-type { a.choice { border-bottom: none;
	}
	.flairremove {
		padding: 4px 0;
		margin-bottom: 8px;
		visibility: hidden;
		display: block !important;
		a { visibility: visible;
		opacity: 100 !important;
		color: @color_3 !important;
		margin-left: -4px;
		text-transform: capitalize;
		&: first-letter { text-transform: capitalize;
	}
	.customizer {
		display: block;
		margin: 8px 0;
		width: 100%;
		input[type='text'] { width: 100%;
	}
	.error {
		text-align: left;
		&: first-letter { text-transform: capitalize;
	}
	img {
		position: relative;
		left: 50%;
		margin-left: -9px;
		opacity: .5;
	}
	.flairselector.drop-choices.active {
		border: none;
	}
	.res {
		.res-keynav-activeelement { outline: 0 dashed #EEE !important;
		transition: all .15s ease;
		.nerpagemarker { background-color: @background_color_8;
	}
	>.usertext {
		margin-top: -76px;
		padding-top: 80px !important;
		background-color: @background_color_52 !important;
		box-shadow: 0 1px 4px 0 rgba(0,0,0,0.4) !important;
	}
	.comment {
		.entry { margin-bottom: 16px;
		.midcol { margin-top: 2px;
		width: 32px;
		margin-right: 6px;
		overflow: visible;
		.child { border-left: 1px solid #edf1f3;
		margin-top: 0;
	}
	.author.moderator {
		background-color: @background_color_20 !important;
		padding: 1px 4px;
		border-radius: 1px;
	}
	#RESSubredditGroupDropdown {
		.resshortcutscurrentsub { a { color: @color_2 !important;
		border-bottom: 2px solid #fff;
	}
	.titlebox {
		.tagline { margin-top: 6px;
	}
	.RESshortcutside {
		background-image: none !important;
		border: none;
		color: @color_7;
		text-transform: uppercase;
		text-decoration: none;
		border-radius: 0;
		padding: 4px 6px 4px 0;
		margin: 2px 6px 2px -4px;
		text-align: left;
		width: auto;
		&: hover { background-color: @background_color_8;
		color: @color_3;
	}
	.RESDashboardToggle {
		background-image: none !important;
		border: none;
		color: @color_7;
		text-transform: uppercase;
		text-decoration: none;
		border-radius: 0;
		padding: 4px 6px 4px 0;
		margin: 2px 6px 2px -4px;
		text-align: left;
		width: auto;
		&: hover { background-color: @background_color_8;
		color: @color_3;
	}
	#progressIndicator {
		width: inherit;
		border-radius: 0;
		border: none;
		padding: 16px;
		margin: 16px 0;
		color: @color_19;
		background-color: @background_color_2;
		height: inherit;
		h2 { color: @color_7;
	}
	.NERPageMarker {
		border-radius: 0;
		border: none;
		background-color: @background_color_2;
		padding: 16px 0;
		margin: 0;
		border-bottom: 1px solid #d9d9d9;
	}
	#search {
		#searchexpando { box-shadow: 0 2px 6px rgba(0,0,0,0.2);
		height: auto;
		label { padding-top: 13px;
		padding-bottom: 13px;
		position: absolute;
		top: 384px;
		z-index: 1;
		width: 320px;
		top: calc(384px - 20px);
		input[type=text] { padding: 0 42px 0 16px;
		border: 0 solid;
		border-radius: 2px;
		width: 320px;
		height: 42px;
		line-height: 41px;
		background-color: @background_color_2;
		box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
		transition: box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);
		&: hover { box-shadow: 0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2);
	}
	h1.hover.redditname {
		overflow: visible !important;
	}
	div.RES-keyNav-activeElement {
		.md { background-color: @background_color_8 !important;
	}
	.livePreview {
		.md { padding: 8px 12px;
	}
	.RESCloseButton {
		line-height: 19px;
		height: 22px;
		width: 22px;
		transition: all .15s ease;
		&: hover { border: 1px solid #D7D9DC;
	}
	#userTaggerToolTip {
		input[type=text] { line-height: 22px;
		padding-left: 4px;
		border: 1px solid #E5E5E5 !important;
	}
	.toggleButton {
		line-height: .8;
		.toggleon { border-radius: 0;
		border: 1px solid #4F8EF7;
		background-color: @background_color_31;
		color: @color_4;
		text-transform: capitalize;
		text-transform: lowercase;
	}
	.dropdown.lightdrop {
		.selected { color: @color_4;
		text-decoration: none;
		cursor: pointer;
		padding: 8px 12px;
		border: 1px solid #edf1f3;
		border-radius: 2px;
		background-image: none;
		&: hover { background-color: @background_color_15;
		.selected { cursor: pointer;
		text-decoration: none;
		background-image: none;
		padding-right: 0;
		font-weight: 400;
		color: @color_12;
		border: none;
		padding-left: 0;
		&: hover { color: @color_17;
	}
	.guider_button {
		font-size: 11px;
		border: none;
		background-image: none;
		background-color: @background_color_31;
		transition: all .15s ease;
		&: hover { background-color: @background_color_34;
	}
	.x_button {
		transition: all .25s ease;
		box-shadow: 0 1px 4px rgba(0,0,0,0.00);
		&: hover { box-shadow: 0 1px 4px rgba(0,0,0,0.15);
	}
	.infobar {
		.md { color: @color_2;
		display: none !important;
	}
	.commentarea {
		.infobar { line-height: 18px;
		margin: 8px 0 16px;
		a { color: @color_19;
		font-weight: 700;
	}
	.panestack-title {
		margin: 10px 0 0;
		border-bottom: 0;
		padding-left: 16px;
		.title { color: @color_7;
	}
	.menuarea {
		margin: 0;
		padding-left: 16px;
		span.dropdown-title.lightdrop { color: @color_13;
		&: first-letter { text-transform: capitalize;
	}
	>.sitetable {
		>.comment { background-color: @background_color_3;
		padding: 16px;
		border-radius: 2px;
		box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
	}
	.reddit-infobar.with-icon.locked-infobar {
		background-color: @background_color_33;
		.md { color: @color_2;
	}
	#eu-cookie-policy {
		.reddit-infobar { padding-right: 118px;
	}
	#noresults {
		margin: 0;
		width: 100%;
		height: 416px;
		background: transparent url(%%noresults%%) no-repeat 50% 50%;
		text-indent: -9999px;
		font-size: 0;
		display: block;
	}
	.active.add {
		background-color: @background_color_20;
		color: @color_4;
		background-color: @background_color_5;
		color: @color_4;
		&: hover { background-color: @background_color_37;
		background-color: @background_color_35;
		color: @color_4;
	}
	.active.remove {
		background-color: @background_color_16;
		color: @color_4;
		margin-left: -14px;
		box-shadow: none;
		&: hover { background-color: @background_color_39;
	}
	form.toggle.leavecontributor-button {
		display: none;
	}
	.bottom {
		display: none;
	}
	div.titlebox {
		span.word { display: none;
	}
	.hover-bubble.multi-selector {
		right: 346px !important;
		margin-top: -56px;
		border: none;
	}
	input[type="text"] {
		&: -moz-placeholder { font-size: 0;
		&: :after { font-size: 14px;
		content: "Search reddit";
		position: relative;
		top: 1px;
	}
	#searchexpando {
		background-color: @background_color_41;
		border: none;
		border-radius: 0 0 2px 2px;
		margin: 0;
		padding: 4px;
		height: 54px;
		line-height: 50px;
		box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
		label { padding: 21px 8px 17px;
		cursor: pointer;
		transition: all .1s ease;
		&: active { background-color: @background_color_44;
	}
	p {
		display: none !important;
	}
	.sidebox.submit.submit-text {
		.morelink { margin-left: 168px;
		display: none;
		a { &: after { font-size: 14px;
		content: "Submit Text";
	}
	.leavemoderator {
		display: none;
	}
	pre {
		padding: 8px;
	}
	.icon-menu {
		a { background-color: @background_color_8;
	}
	#ad-frame {
		width: 320px;
		height: 290px;
		padding: 10px 0 0 10px !important;
		background-color: @background_color_2;
		padding: 16px;
		border-radius: 2px;
		box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
		background-color: @background_color_52 !important;
		box-shadow: 0 1px 4px 0 rgba(0,0,0,0.4) !important;
	}
	.gadget {
		.midcol { width: 38px;
	}
	body.comments-page {
		>.content { margin-top: 8px;
	}
	.comments-page {
		.link { .usertext { .md { margin-bottom: 0;
		.link { background-color: @background_color_57 !important;
		box-shadow: 0 1px 4px 0 rgba(0,0,0,0.4) !important;
	}
	background-color {
		&: {
			@background_color_3; {
				padding {
					&: {
						16px; {
							border-radius {
								&: {
									2px; {
										box-shadow {
											&: {
												0 {
													1px {
														4px {
															0 {
																rgba(0 {
																	margin-top: 400px;
																	margin-top: calc(400px - 20px);
																	.linkinfo { position: absolute;
																	top: 494px;
																	padding: 16px;
																	width: 320px;
																	background-color: @background_color_2;
																	border-radius: 2px;
																	box-shadow: 0 1px 5px rgba(0,0,0,0.16);
																	border: none;
																	position: inherit;
																	margin-bottom: 80px;
																	margin-top: -140px;
																	top: calc(494px - 20px);
																	.date { color: @color_13;
																	&: first-letter { text-transform: capitalize;
																}
															}
														}
													}
												}
											}
										}
									}
								}
							}
						}
					}
				}
			}
		}
	}
	.score {
		color: @color_2;
		font-size: inherit;
		font-weight: 700;
		color: @color_1;
		&: before { content: "• ";
		margin: 0 2px;
		vertical-align: middle;
		line-height: 14px;
		content: " ";
		line-height: 14px;
		margin: 0 2px;
		vertical-align: middle;
	}
	.usertext {
		button { margin: 4px 16px 8px 0;
		.md { color: @color_4;
	}
	.expand {
		background-color: @background_color_15;
		transition: all .15s ease;
		color: @color_12;
		&: hover { color: @color_13;
		text-decoration: none;
		background-color: @background_color_41;
	}
	.author {
		color: @color_2;
		margin-right: 0;
		font-weight: 700;
		&: hover { color: @color_1;
		text-decoration: none;
		color: @color_3;
	}
	a[onclick*="reply"] {
		color: @color_3;
		font-weight: 700;
		font-size: 11px;
	}
	.comment.spam {
		>.child { padding-left: 0;
		margin-left: 16px;
	}
	.deepthread {
		a { color: @color_1;
	}
	.morecomments {
		a { color: @color_3;
	}
	.res.comments-page {
		.side { margin-top: 414px;
		margin-top: 340px;
	}
	.read-next {
		width: 320px;
		height: 128px;
		border: 1px solid #edf1f3;
		border-radius: 2px 2px 0 0;
		.read-next-header { border-bottom: 1px solid #edf1f3;
		color: @color_1;
		padding: 8px 16px;
		background-color: @background_color_42;
	}
	.submit-page {
		#header { height: 144px;
	}
	.side {
		display: none;
	}
	ul.tabmenu.formtab {
		position: relative;
		padding: 0;
		border: none;
		background-color: @background_color_43;
		border-radius: 2px;
		box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
		background-color: @background_color_5;
		background-color: @background_color_5;
	}
	.selected {
		a { font-size: 16px;
		background-color: @background_color_15;
		color: @color_4;
		border-bottom: 4px solid;
	}
	#url-field {
		button { background-color: @background_color_50;
	}
	#suggested-reddits {
		display: none;
	}
	.submit_text {
		ol { margin-left: -1em;
	}
	.content.submit {
		.info-notice { background-color: @background_color_43;
		padding: 16px;
		border: none;
		margin-bottom: 0;
		background-color: @background_color_44;
		font-size: 13pt;
		&: :first-letter { text-transform: capitalize;
	}
	height {
		&: {
			156px; {
				height {
					&: {
						230px; {
							} {
								#header-bottom-left {
									top: 56px;
								}
							}
						}
					}
				}
			}
		}
	}
	#previoussearch {
		label { position: absolute;
		margin: 0;
		width: 100%;
		padding: 12px;
		background: #f9f9f9;
		z-index: -1;
		border-radius: 0 0 2px 2px;
		box-shadow: 0 2px 1.5px 0 rgba(0,0,0,.12),0 0 4px 0 rgba(0,0,0,.12);
		cursor: pointer;
		margin-top: -2px;
		width: 247%;
		margin-left: 30px;
		p { a#search_showmore { margin-top: -85px !important;
		margin-left: -30px !important;
		label { color: @color_35 !important;
		background-color: @background_color_53 !important;
	}
	.search-result-group {
		max-width: none;
		min-width: 0;
		padding: 0;
		background-color: @background_color_2;
		padding: 16px;
		.search-result-group-header { height: 36px;
		line-height: 38px;
		margin: 0;
		border: none;
	}
	.remove {
		background-color: @background_color_15;
		border: 1px solid #98abba;
		color: @color_1;
		&: active { background-color: @background_color_8;
		border: 1px solid #98abba;
		color: @color_1;
	}
	.search-result-meta {
		color: @color_1;
	}
	.search-comments {
		color: @color_3;
		color: @color_3;
	}
	.search-result.has-thumbnail {
		>.thumbnail { margin-left: 0;
		margin-right: 16px;
	}
	label {
		width: 234.5% !important;
	}
	.search-result-subreddit {
		.search-result-meta { span.search-time { display: none;
	}
	.list {
		margin: 0;
	}
	.linefield-content {
		padding: 0;
	}
	.pretty-form {
		padding-top: 0;
		color: @color_28 !important;
	}
	.create-promotion {
		h1 { color: @color_27;
	}
	li.selected {
		a { color: @color_1;
		background-color: @background_color_15;
		border: none;
	}
	h2 {
		display: none;
		background-color: @background_color_15 !important;
	}
	.sheets {
		.btn.right { background-color: @background_color_8;
		border: none;
		box-shadow: none;
		padding: 0;
	}
	#images {
		padding: 8px 0;
		background-color: @background_color_2;
		position: relative;
		overflow: auto;
		height: inherit;
		background-color: @background_color_2;
		padding: 16px;
		border-radius: 2px;
		box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
		#image-upload { margin: 0 0 4em;
		background-color: @background_color_52 !important;
		box-shadow: 0 1px 4px 0 rgba(0,0,0,0.4) !important;
	}
	.flair {
		border: none;
		border-radius: 0;
		font-size: 12px;
		font-family: @font_family_3;
		font-weight: 400;
		background-color: @background_color_15;
		color: @color_12;
		padding-left: 0;
		margin-right: inherit;
		border: none;
		border-radius: 0;
		font-size: 13px;
		font-family: @font_family_3;
		font-weight: 400;
		background-color: @background_color_46;
		color: @color_26;
		padding-left: 0;
		margin-right: inherit;
		margin-left: 5px;
		&: before { margin-right: 3px;
		height: auto;
		content: "- ";
		margin-left: 4px;
	}
	.footer-parent {
		height: 800px;
		margin-top: 192px;
		padding: 528px 0 64px;
		background-image: url(%%footer%%);
		background-repeat: no-repeat;
		background-position: 50% 0;
		background-size: cover;
		height: auto;
		margin-top: 192px;
		padding: 64px 0;
		background-image: fixed;
		background-size: 0px;
	}
	.flat-vert.title {
		color: @color_9;
		color: @color_27;
		color: @color_9;
	}
	.pinHeader-subanduser {
		#sr-header-area { background-image: url(%%headerimg%%);
		background-position: 50% 0;
	}
	.pinHeader-header {
		&: before { display: none !important;
	}
	.pinHeader-header.res.comments-page {
		.side { margin-top: 290px;
	}
	.res.search-page {
		#header { .tabmenu { display: none !important;
	}
	.gearIcon {
		background: url(%%spritesheet%%) -64px 0 !important;
		position: relative;
		top: 2px;
		transition: all .25s ease;
	}
	.moduleToggle {
		&: not(.enabled) { .toggleOn { background-color: @background_color_8;
		color: @color_22;
		border: 1px solid #4258ca;
		transition: all .15s ease;
		border-radius: 2px;
	}
	.toggleButton.enabled {
		.toggleoff { background-color: @background_color_8;
		color: @color_22;
		border: 1px solid #4258ca;
		transition: all .15s ease;
		border-radius: 2px;
	}
	.markdownEditor {
		.edit-btn { &: not(.btn-macro) { border: 0 solid !important;
		border-radius: 1px;
		box-shadow: 0 1px 2px rgba(0,0,0,0.12);
	}
	.account-activity-box {
		background-color: @background_color_2;
		padding: 16px;
		border-radius: 2px;
		box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
		background-color: @background_color_52 !important;
		box-shadow: 0 1px 4px 0 rgba(0,0,0,0.4) !important;
	}
	.over18.link {
		.thumbnail { background: url(%%spritesheet-dark%%) -175px -104px !important;
	}
	a.thumbnail[href*="reddit.com"] {
		background: url(%%spritesheet-dark%%) -175px -160px;
	}
	body {
		background-color: @background_color_50 !important;
		.content { background-color: @background_color_8 !important;
		textarea { &: focus { color: @color_35 !important;
	}
	.sidecontentbox {
		.content { background-color: @background_color_8 !important;
		.flair { height: auto;
		min-height: 15px;
	}
	#userbarToggle {
		background-color: @background_color_15 !important;
	}
	.sponsorshipbox {
		background-color: @background_color_52 !important;
		box-shadow: 0 1px 4px 0 rgba(0,0,0,0.4) !important;
	}
	.linefield {
		background-color: @background_color_52 !important;
		box-shadow: 0 1px 4px 0 rgba(0,0,0,0.4) !important;
	}
	#newlink.submit.content {
		.tabmenu.formtab { .selected { a { color: @color_2 !important;
	}
	.login-form-side {
		background-color: @background_color_52 !important;
		box-shadow: 0 1px 4px 0 rgba(0,0,0,0.4) !important;
	}
	.hover-bubble {
		background-color: @background_color_53 !important;
		color: @color_28 !important;
		border: 1px solid #fff !important;
	}
	.sidebox.create {
		.morelink { a { color: @color_2 !important;
	}
	.tb-bracket-button {
		background-color: @background_color_15;
		color: @color_30;
		font-size: 9px !important;
		border-width: 1px 1px 1px 2px;
		border-color: @border_color_13;
		padding: 1px 4px !important;
		border-radius: 0px 2px 2px 0px;
	}
	.RESUserTagImage {
		background-image: url(%%spritesheet-dark%%);
		background-position: -32px -101px;
	}
	.morelink {
		background-color: @background_color_5;
		&: hover { background-color: @background_color_61;
	}
	.c-btn-primary {
		background-color: @background_color_5;
		border-bottom: 2px solid transparent;
		&: hover { background-color: @background_color_61;
		border-bottom: 2px solid transparent;
	}
	.c-btn {
		border-radius: 2px;
	}
	a[href*="operator"].title {
		&: before { background-image: url(%%CONE-OF-SHAME%%);
		height: 16px;
		width: 16px;
		position: relative;
		content: "";
		display: inline-block;
		margin-right: 5px;
		margin-top: 2px;
	}
	a[href*="banned"].title {
		&: before { background-image: url(%%CONE-OF-SHAME%%);
		height: 16px;
		width: 16px;
		position: relative;
		content: "";
		display: inline-block;
		margin-right: 5px;
		margin-top: 2px;
	}
	a.author[href$="ttk2"].title {
		&: after { display: none;
	}
	a[href="/s"] {
		color: @color_32;
		text-shadow: none;
		cursor: text;
		-moz-border-radius: 3px;
		border-radius: 3px;
		padding: 0 2px;
		&: hover { color: @color_4;
		text-shadow: none;
		transition: 0.7s all;
		&: :after { color: @color_4;
		text-shadow: none;
		transition: 0.7s all;
	}
	a[href*="pearled"].title {
		&: before { background-image: url(%%pearl%%);
		height: 16px;
		width: 16px;
		position: relative;
		content: "";
		display: inline-block;
		margin-right: 5px;
		margin-top: 2px;
	}
	div.leavemoderator {
		&: first-letter { text-transform: capitalize;
	}
	a[href*="civtest"].title {
		&: link { color: @color_38;
	}
	a[href$="#greentext"] {
		border: 0;
		margin: 0;
		color: @color_34;
		display: block;
	}
}
button {
	margin: 4px 16px 4px 0;
	padding: 2px 18px;
	background-color: @background_color_4;
	border: none;
	border-radius: 2px;
	color: @color_4;
	text-transform: uppercase;
	font-weight: 700;
	cursor: default;
	height: 32px;
	font-size: 12px;
	box-shadow: 0 2px 1.5px 0 rgba(0,0,0,.12),0 0 4px 0 rgba(0,0,0,.12);
	transition: box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);
	background-color: @background_color_5;
	background-color: @background_color_5;
	&: hover { background-color: @background_color_61;
	background-color: @background_color_6;
}
#header-bottom-left {
	height: 10px;
	top: 86px;
	left: 50%;
	margin-left: -262px;
	margin-top: 0;
	margin-top: 0;
}
#header {
	.pagename { a { padding: 0;
	position: absolute;
	text-indent: -9999px;
	margin: 0;
	top: -278px;
	background: url(%%wordmark-logo%%);
	background-position: 0 0;
	background-repeat: no-repeat;
	position: relative;
	display: block;
	top: 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: 225px;
	left: 0;
	width: 407px;
	height: 140px;
	&: hover { background-color: @background_color_8;
	top: 0;
	background-image: url(%%headerimg%%);
	height: 84px;
	box-shadow: 0 1px 5px rgba(0,0,0,0.24);
	.tabmenu { &: before { background-color: @background_color_14 !important;
}
.submit-page {
	#header { .pagename { top: -36px;
	.roundfield { background-color: @background_color_57 !important;
	box-shadow: 0 1px 4px 0 rgba(0,0,0,0.4) !important;
	.title { color: @color_35 !important;
}
.side {
	.spacer { input { background-color: @background_color_3;
	border: 1px solid #c3cfd6;
	color: @color_1;
	box-shadow: none;
	transition: border-color .15s ease,color .15s ease;
	padding: 6px 12px;
	&: hover { border-color: @border_color_1;
	margin-top: 264px;
	margin-top: calc(228px - 12px);
	.titlebox { h1.redditname { top: calc(264px - 12px);
	margin-top: 164px;
	.linkinfo { background-color: @background_color_57 !important;
	box-shadow: 0 1px 4px 0 rgba(0,0,0,0.4) !important;
	.score { color: @color_35 !important;
}
.titlebox {
	h1.redditname { &: before { content: " ";
	position: absolute;
	display: block;
	width: 320px;
	z-index: -1;
	height: 76px;
	margin-top: -16px;
	margin-left: -16px;
	background-color: @background_color_2;
	border-radius: 0 0 2px 2px;
	box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
	border-radius: 2px;
	background-color: @background_color_8;
	.fancy-toggle-button { top: calc(270px - 12px);
}
margin-bottom {
	&: {
		6px; {
			position {
				&: {
					absolute; {
						top {
							&: {
								308px; {
									z-index {
										&: {
											100; {
												font-family {
													&: {
														@font_family_5; {
															top {
																&: {
																	calc(308px {
																		- {
																			20px); {
																				a {
																					color: @color_5;
																					color: @color_4;
																				}
																			}
																		}
																	}
																}
															}
														}
													}
												}
											}
										}
									}
								}
							}
						}
					}
				}
			}
		}
	}
}
h2 {
	margin: 16px 0 2px;
	margin: .5em 0 .25em;
	border: none;
	color: @color_2;
}
h3 {
	a { padding: 0 16px;
	width: 100%;
	border-radius: 2px;
	background-color: @background_color_4;
	font-family: @font_family_1;
	color: @color_4;
	display: block;
	margin: 1.5em 0;
	font-size: 12px;
	line-height: 42px;
	text-align: center;
	box-shadow: 0 2px 1.5px 0 rgba(0,0,0,.12),0 0 4px 0 rgba(0,0,0,.12);
	transition: box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);
	background-color: @background_color_5;
	background-color: @background_color_5;
	&: hover { background-color: @background_color_4;
	box-shadow: 0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2);
	background-color: @background_color_6;
	background-color: @background_color_6;
	color: @color_2;
	margin: 16px 0 0;
}
0.14); {
	} {
		.sidebox.submit-text {
			.morelink { &: before { content: "N/A";
			position: absolute;
			left: -168px;
			top: 0;
			width: 152px;
			color: @color_6;
			border-radius: 2px;
			background-color: @background_color_12;
			font-weight: 400;
			z-index: -1;
		}
		& {
			&:after {
				display: block;
				margin: 0;
				padding: 10px 0;
				color: @color_8;
				content: "This subreddit uses the /r/Naut theme.";
				text-transform: none;
				font-size: 16px;
				font-family: @font_family_2;
				position: absolute;
				width: 320px;
				border: 1px solid rgba(0,0,0,0.06);
				text-align: center;
				color: @color_3;
				content: "This subreddit uses the /r/Naut theme, and header image courtesy of /u/DiRtY_ZeBrA";
			}
		}
		.side {
			margin-top: 400px;
			margin-top: calc(400px - 20px);
			.linkinfo { position: absolute;
			top: 494px;
			padding: 16px;
			width: 320px;
			background-color: @background_color_2;
			border-radius: 2px;
			box-shadow: 0 1px 5px rgba(0,0,0,0.16);
			border: none;
			position: inherit;
			margin-bottom: 80px;
			margin-top: -140px;
			top: calc(494px - 20px);
			.date { color: @color_13;
			&: first-letter { text-transform: capitalize;
		}
	}
	.wiki {
		>.toc { >ul { border: none;
	}
}
.-lists {
	font-family: @font_family_2;
	color: @color_2;
	line-height: 1.45;
	font-size: 13px;
	color: @color_29 !important;
}
pre {
	font-family: @font_family_2;
	color: @color_2;
	line-height: 1.45;
	font-size: 13px;
	color: @color_29 !important;
}
blockquote {
	font-family: @font_family_2;
	color: @color_2;
	line-height: 1.45;
	font-size: 13px;
	border-left: 2px solid #edf1f3;
	color: @color_1;
	color: @color_29 !important;
}
table {
	font-family: @font_family_2;
	color: @color_2;
	line-height: 1.45;
	font-size: 13px;
	color: @color_29 !important;
}
p {
	font-family: @font_family_2;
	color: @color_2;
	line-height: 1.45;
	font-size: 13px;
	&: after { content: " Sort comments by new to find out more.";
	a#search_showmore { position: absolute;
	left: 324px;
	top: 8px;
	width: 22px;
	height: 24px;
	background-image: url(%%spritesheet%%);
	background-repeat: no-repeat;
	background-position: -49px -168px;
	overflow: hidden;
	font-size: 0;
	top: 118px;
	left: 825px;
	color: @color_29 !important;
	color: @color_28 !important;
}
ul {
	font-family: @font_family_2;
	color: @color_2;
	line-height: 1.45;
	font-size: 13px;
	margin-left: -1em;
}
ol {
	font-family: @font_family_2;
	color: @color_2;
	line-height: 1.45;
	font-size: 13px;
	color: @color_29 !important;
}
.collapse-button {
	color: @color_7;
	vertical-align: middle;
	border-radius: 1px;
	border: 1px solid #d8d8d8;
}
background-color {
	&: {
		@background_color_3; {
			padding {
				&: {
					16px; {
						border-radius {
							&: {
								2px; {
									box-shadow {
										&: {
											0 {
												1px {
													4px {
														0 {
															rgba(0 {
																display: block;
																margin: 0;
																padding: 10px 0;
																color: @color_8;
																content: "This subreddit uses the /r/Naut theme.";
																text-transform: none;
																font-size: 16px;
																font-family: @font_family_2;
																position: absolute;
																width: 320px;
																border: 1px solid rgba(0,0,0,0.06);
																text-align: center;
																color: @color_3;
																content: "This subreddit uses the /r/Naut theme, and header image courtesy of /u/DiRtY_ZeBrA";
															}
														}
													}
												}
											}
										}
									}
								}
							}
						}
					}
				}
			}
		}
		@background_color_62 {
			!important; {
				border {
					&: {
						1px {
							solid {
								#c3cfd6 {
									!important; {
										color {
											&: {
												@color_35 {
													!important; {
														} {
															input[type="text"] {
																&: hover { color: @color_2 !important;
															}
															.text {
																background-color: @background_color_51 !important;
																border: 1px solid #c3cfd6 !important;
																color: @color_28 !important;
															}
														}
													}
												}
											}
										}
									}
								}
							}
						}
					}
				}
			}
		}
		@background_color_57 {
			!important; {
				box-shadow {
					&: {
						0 {
							1px {
								4px {
									0 {
										rgba(0 {
											background-color: @background_color_52 !important;
											box-shadow: 0 1px 4px 0 rgba(0,0,0,0.4) !important;
										}
									}
								}
							}
						}
					}
				}
			}
		}
		@background_color_60 {
			!important; {
				background-color {
					&: {
						@background_color_61 {
							!important; {
								background-color {
									&: {
										@background_color_68 {
											!important; {
												} {
													} {
														.leavemoderator {
															color: @color_30 !important;
															background: none !important;
														}
													}
												}
											}
										}
									}
								}
							}
						}
					}
				}
			}
		}
	}
}
.flair {
	&: before { margin-left: 0;
	font-size: 12px;
	background-color: @background_color_15 !important;
}
li {
	a { margin: 0 16px;
	padding: 0;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 14px;
	font-family: @font_family_2;
	color: @color_9;
	display: inline-block;
	line-height: 32px;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	&: hover { color: @color_2;
	padding: 4px 4px 4px 0;
	display: block;
	a.tb-general-button { background-color: @background_color_8;
	color: @color_30;
	font-size: 9px !important;
	border-width: 1px 1px 1px 2px;
	border-color: @border_color_13;
	padding: 1px 4px !important;
	border-radius: 0px 2px 2px 0px;
}
.sr-list {
	margin-right: 48px;
}
.sr-bar {
	a { background-color: @background_color_8;
	color: @color_10;
	transition: all .15s ease;
	&: hover { background-color: @background_color_8;
	border: none;
	transition: all .15s ease;
}
.dropdown.srdrop {
	.selected { background-color: @background_color_8;
	color: @color_10;
	transition: all .15s ease;
	margin: 0 12px 0 8px;
	padding: 0;
	background-image: none;
	&: hover { background-color: @background_color_8;
	border: none;
	transition: all .15s ease;
	text-decoration: underline;
	.selected { color: @color_6;
}
.seperator {
	color: @color_11;
}
.drop-choices {
	a.choice { border-bottom: 1px solid #edeeee;
	color: @color_7;
	padding: 2px;
	&: hover { background-color: @background_color_9;
}
#header-bottom-right {
	position: absolute;
	top: 0;
	right: 0;
	width: auto;
	max-width: 300px;
	height: 24px;
	background-color: @background_color_15;
	font-size: 11px;
	padding: 5px 8px 4px 2px;
	a { color: @color_8;
	&: hover { text-decoration: underline;
	top: 1px;
	border-radius: 0;
	height: 18px;
	padding: 0 8px 0 0;
	.user { .userkarma { display: none;
}
#userbarToggle {
	&+* { margin-left: 0 !important;
}
color {
	&: {
		@color_5; {
			} {
				.separator {
					color: @color_10;
				}
			}
		}
		@color_29; {
			} {
				.debuginfo {
					display: none;
				}
			}
		}
		@color_1 {
			!important; {
				} {
					} {
						dd {
							color: @color_29 !important;
						}
					}
				}
			}
		}
		@color_34 {
			!important; {
				text-shadow {
					&: {
						none; {
							transition {
								&: {
									0.7s {
										all; {
											} {
												} {
													} {
														.searchpane-toggle-hide {
															display: none;
														}
													}
												}
											}
										}
									}
								}
							}
						}
					}
				}
			}
		}
	}
}
#mail {
	width: 16px;
	height: 14px;
	background-image: url(%%spritesheet%%) !important;
	background-repeat: no-repeat !important;
	background-color: @background_color_15;
	transition: all .25s ease;
	top: -2px;
	overflow: visible;
}
#modmail {
	width: 16px;
	height: 14px;
	background-image: url(%%spritesheet%%) !important;
	background-repeat: no-repeat !important;
	background-color: @background_color_15;
	transition: all .25s ease;
	top: -3px;
}
#mail.nohavemail {
	background-position: -0 -0;
}
#mail.havemail {
	background-position: -0 -32px;
	opacity: 1;
	&: before { position: fixed;
	padding: 16px 24px;
	bottom: 24px;
	z-index: 100;
	background-color: @background_color_17;
	border-radius: 2px;
	box-shadow: 0 1px 5px rgba(0,0,0,0.24);
	color: @color_4;
	width: 300px;
	height: 48px;
	left: 32px;
	content: "You have new messages!";
	text-indent: 0;
	font-size: 14px;
	font-family: @font_family_3;
	line-height: 1;
	-webkit-transform: translateY(112px);
	transform: translateY(112px);
	transition: background-color .25s ease,box-shadow .25s ease;
	background-image: url(%%spritesheet%%);
	background-position: 269px -120px;
	background-repeat: no-repeat;
	animation-name: toast;
	animation-duration: 8s;
	animation-iteration-count: 1;
	animation-timing-function: ease;
	-webkit-animation-name: toast;
	-webkit-animation-duration: 8s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease;
}
#modmail.nohavemail {
	background-position: -16px -0;
}
#modmail.havemail {
	background-position: -16px -32px;
	opacity: 1;
}
.loggedin {
	.logout { a { background-position: -32px -0;
	background-image: url(%%spritesheet%%);
	width: 16px;
	height: 14px;
	display: inline-block;
	text-indent: -9999px;
	margin: 0;
	position: relative;
	top: -1px;
	transition: all .25s ease;
	background-position: -48px -0;
}
.listing-page {
	.tabmenu { li { >a[href$="/controversial/"] { display: none !important;
}
>a[href$="/promoted/"] {
	display: none !important;
	display: none !important;
}
.parent {
	margin-bottom: 4px;
}
.title {
	font-size: 14px;
	margin-left: 8px;
	color: @color_3;
	color: @color_3;
	margin: 0;
}
em {
	color: @color_12;
}
.pageactions {
	background-color: @background_color_2;
	margin-left: 16px;
	border-radius: 2px;
	padding: 0 16px;
	border: none;
	box-shadow: 0 1px 5px rgba(0,0,0,0.16);
	.wikiaction { margin: 0;
	background-color: @background_color_15;
	border-radius: 0;
	padding: 10px 16px 11px;
	color: @color_12;
	&: hover { background-color: @background_color_15;
}
.score {
	line-height: 16px;
	font-size: 12px;
	text-align: center;
	margin: 1px -100%;
	display: none !important;
}
.score.likes {
	color: @color_13;
	display: none !important;
}
.score.dislikes {
	color: @color_14;
	display: none !important;
}
.entry {
	padding: 0;
	margin: 0;
	max-width: 960px;
	.tagline { a { color: @color_4;
	&: hover { color: @color_1;
	text-decoration: none;
	color: @color_3;
	li { .comments { color: @color_14 !important;
	color: @color_17 !important;
	padding: 9px 32px 9px 0;
	transition: all .1s ease;
	.flat-list { margin-bottom: 0;
	padding-bottom: 0;
}
time {
	cursor: help;
}
a.author {
	margin-right: inherit;
	display: none;
}
.userattrs {
	visibility: hidden;
	a { visibility: visible;
	cursor: help;
	display: inline-block;
	background-color: @background_color_19;
	color: @color_4 !important;
	line-height: 14px;
	padding: 0 3px;
	border-radius: 2px;
	font-size: 11px;
}
a.moderator {
	background-color: @background_color_20;
}
a.flairselectbtn {
	color: @color_3;
	color: @color_3;
	color: @color_3;
	color: @color_3;
}
.redditSingleClick {
	padding: 0 1px;
	color: @color_12;
	font-weight: 400;
	font-size: 13px;
	font-family: @font_family_4;
	transition: all .15s ease;
}
.domain {
	visibility: hidden;
	a { visibility: visible;
	position: relative;
	top: -1px;
	color: @color_12;
	transition: all .15s ease;
	&: hover { color: @color_1;
	text-decoration: none;
}
.arrow {
	margin: 0;
	background-image: url(%%spritesheet%%) !important;
	background-color: @background_color_15;
	width: 33px;
	border-radius: 2px;
	transition: background-color .25s ease;
	&: hover { background-color: @background_color_15;
}
.arrow.upmod {
	height: 20px;
	background-position: -32px -80px;
	position: relative;
	&: focus { &:after { position: absolute;
	left: 2px;
	bottom: -3px;
	width: 28px;
	height: 28px;
	opacity: 1;
	z-index: 100;
	content: " ";
	background-color: @background_color_18;
	border-radius: 28px;
	animation: upvote .35s ease-out forwards;
	-webkit-animation: upvote .35s ease-out forwards;
	background-position: -32px -80px !important;
}
.thumbnail {
	width: 80px;
	height: 56px;
	margin: 0 16px 0 0;
	img { min-height: 56px;
	min-width: 80px;
	max-width: none;
	position: relative;
	transform: translateY(-50%);
	top: 50%;
}
.arrow.down {
	display: none !important;
	background-position: -64px -80px !important;
}
.arrow.up {
	display: none !important;
	background-position: 0px -80px !important;
}
.thumbnail.self {
	width: 80px;
	height: 56px;
	background: url(%%spritesheet%%) -96px -104px;
	background: url(%%spritesheet%%) -96px -48px !important;
	background: url(%%spritesheet-dark%%) -95px -104px;
}
.over18.link {
	.thumbnail { width: 80px;
	height: 56px;
	background: url(%%spritesheet%%) -176px -104px !important;
	img { display: none;
}
.infobar {
	margin: 0 0 16px;
	padding: 8px 16px;
	line-height: 26px;
	border: none;
	background-color: @background_color_4;
	color: @color_4;
	border-radius: 2px;
	background-color: @background_color_5;
	background-color: @background_color_5;
	&: first-letter { text-transform: capitalize;
}
.expando-button {
	position: relative;
	top: -1px;
	margin: 2px 6px 2px 0 !important;
	width: 16px !important;
	height: 16px !important;
	border-radius: 2px;
	background-color: @background_color_15;
	background-image: url(%%spritesheet%%) !important;
	border: 1px solid #e9e9e9;
	cursor: pointer;
	&: hover { background-color: @background_color_2;
	border-color: @border_color_3;
}
.expando-button.video-muted {
	position: relative;
	top: -1px;
	margin: 2px 6px 2px 0 !important;
	width: 16px !important;
	height: 16px !important;
	border-radius: 2px;
	background-color: @background_color_15;
	background-image: url(%%spritesheet%%) !important;
	border: 1px solid #e9e9e9;
	cursor: pointer;
}
.expando-button.selftext.collapsed {
	background-position: -0 -48px !important;
	&: hover { background-position: -16px -48px !important;
}
.buttons {
	li { line-height: normal;
	a { padding: 0 1px;
	color: @color_12;
	font-weight: 400;
	font-size: 13px;
	font-family: @font_family_5;
	transition: all .15s ease;
}
li.reported-stamp {
	background-color: @background_color_15;
	border: 1px solid #EDEEEE !important;
	border-radius: 2px;
	color: @color_2;
	line-height: 17px;
}
vertical-align {
	&: {
		top; {
			height {
				&: {
					10px; {
						width {
							&: {
								16px; {
									background-image {
										&: {
											url(%%spritesheet%%); {
												background-position {
													&: {
														-32px {
															-101px; {
																opacity {
																	&: {
																		.25; {
																			margin-left {
																				&: {
																					2px; {
																						transition {
																							&: {
																								opacity {
																									.15s {
																										ease; {
																											margin-top {
																												&: {
																													2px; {
																														& {
																															&:hover {
																																opacity: 1;
																															}
																														}
																													}
																												}
																											}
																										}
																									}
																								}
																							}
																						}
																					}
																				}
																			}
																		}
																	}
																}
															}
														}
													}
												}
											}
										}
									}
								}
							}
						}
					}
				}
			}
		}
	}
}
.linkflair-mod {
	.linkflairlabel { background-color: @background_color_19;
	color: @color_4;
	.thumbnail.self { background: url(%%spritesheet-dark%%) -95px -48px !important;
}
a {
	color: @color_17 !important;
	color: @color_17 !important;
	color: @color_17 !important;
	color: @color_1 !important;
	font-size: 11px;
	color: @color_4;
	font-weight: 400;
	font-size: 0;
	letter-spacing: 0;
	color: @color_3;
	color: @color_3;
	&: visited { color: @color_26;
	color: @color_12;
	&: hover { color: @color_1;
	color: @color_3;
	color: @color_3;
	>mark { color: @color_1;
	color: @color_3;
	&: hover { color: @color_2;
	background-color: @background_color_49;
	strong { color: @color_1 !important;
}
.thumbnail.default {
	background: url(%%spritesheet%%) -96px -48px !important;
	background: url(%%spritesheet-dark%%) -175px -48px;
}
a.pretty-button.neutral.pressed {
	background-image: none;
	box-shadow: inset 0 3px 1px rgba(0,0,0,0.15);
}
a.pretty-button.negative.pressed {
	background-image: none;
	box-shadow: inset 0 3px 1px rgba(0,0,0,0.15);
}
ul.report-reasons {
	border-radius: 2px;
	background-color: @background_color_15;
	border: 1px solid #edf1f3;
	padding: 8px;
	font-size: 12px;
	margin-top: 4px;
}
.link.last-clicked {
	left: -16px;
	margin-right: -32px;
	padding-left: 16px;
	background-color: @background_color_28;
	border: none;
	background-color: @background_color_29 !important;
	border-bottom: 1px solid #d9d9d9 !important;
}
.thing.link.stickied {
	a.title { color: @color_14 !important;
	a.title { color: @color_14 !important;
}
.moderator {
	color: @color_17 !important;
	font-weight: 700;
}
.submitter {
	font-weight: 700;
	color: @color_3;
	color: @color_3;
}
.link.compressed {
	padding: 16px;
	background-color: @background_color_15;
	border: 1px solid #edf1f3;
	border-radius: 3px;
}
.link.promotedlink {
	padding: 16px;
	background-color: @background_color_15;
	border: 1px solid #edf1f3;
	border-radius: 3px;
}
.help {
	margin-bottom: 20px;
	margin-right: 16px;
	color: @color_12;
}
.sponsored-tagline {
	margin-bottom: 20px;
	margin-right: 16px;
	color: @color_12;
}
.flairoptionpane {
	ul { li { padding: 0 !important;
	margin: 4px 0;
	max-height: 250px;
	text-align: left;
	max-height: 1000px !important;
	ul { li { .linkflair { text-align: left;
	padding: 0;
	&: hover { background-color: @background_color_31;
	border: 0 solid;
	ul { li { .linkflair { &: hover { background-color: @background_color_59 !important;
}
li.flairsample-right {
	padding: 5px 0 !important;
	border: none;
}
.linkflair {
	a.title { font-size: 18px !important;
	opacity: 100 !important;
	color: @color_3 !important;
	cursor: default;
}
li.selected {
	border: none;
	background-color: @background_color_15;
}
span.linkflairlabel {
	margin: 8px 0;
	line-height: 1.35;
	margin-right: 6px;
}
a.title {
	font-size: 18px !important;
	opacity: 100 !important;
	color: @color_3 !important;
}
.commentarea {
	.thing { padding: 14px 16px 8px 8px !important;
	border: none !important;
	border-radius: 2px !important;
}
.thing.collapsed {
	padding-bottom: 16px !important;
}
.panestack-title {
	margin-top: 0;
	padding-top: 12px;
}
.author {
	border-radius: 2px !important;
}
#RESShortcutsViewport {
	margin-right: 381px;
}
#RESShortcutsEditContainer {
	margin-right: 312px;
	background-color: @background_color_15 !important;
	color: @color_20 !important;
	top: 1px !important;
}
#RESShortcuts {
	color: @color_21;
}
font-size {
	&: {
		0; {
			a {
				font-size: 11px;
			}
		}
	}
}
a.beta-link {
	top: 4px;
}
#sr-header-area {
	a.resshortcutscurrentsub { color: @color_2 !important;
	border-bottom: 2px solid #fff;
}
.sitetable {
	.sitetable { margin-right: 0;
}
.comment.collapsed {
	a.expand { &: after { display: none;
}
div.commentarea {
	div.res-keynav-activeelement.entry { div.noncollapsed { background-color: @background_color_8 !important;
	padding-left: 8px !important;
	border-left: 3px solid #C2C2C2;
	background-color: @background_color_15 !important;
}
#userTaggerPreview {
	font-size: 11px !important;
	border-radius: 0 !important;
	border: 0 solid !important;
	margin-top: 0 !important;
	margin-left: 4px !important;
}
.RESDialogSmall {
	border: none;
	box-shadow: 0 2px 3px rgba(0,0,0,0.12);
	margin-top: 8px;
	>h3 { color: @color_17;
	background-color: @background_color_10;
	border-bottom: 1px solid #EDEDED;
	height: 36px;
	padding: 8px;
	margin: 0;
}
select {
	line-height: 22px;
	padding-left: 4px;
	border: 1px solid #E5E5E5 !important;
}
input[type=submit] {
	bottom: 10px !important;
	margin-top: 109px;
}
.toggleOff {
	border-radius: 0;
	border: 1px solid #D7D9DC;
	background-color: @background_color_15;
	text-transform: capitalize;
	text-transform: lowercase;
	background-color: @background_color_2;
	color: @color_23;
	font-weight: bolder;
	border: 1px solid #fff;
	transition: all .15s ease;
	border-radius: 2px;
	background-color: @background_color_2;
	color: @color_23;
	font-weight: bolder;
	border: 1px solid #fff;
	transition: all .15s ease;
	border-radius: 2px;
}
.guider {
	border: none;
	box-shadow: 0 2px 3px #DDD;
}
.guider_content {
	h1 { color: @color_17;
}
.thing {
	margin: 0 0 8px;
	padding: 8px 16px 8px 0;
}
.child {
	.thing { box-shadow: none;
	padding: 4px;
	margin: 12px 0 0;
}
.c-btn-primary {
	margin: -2px 16px 0 0;
}
.nav-buttons {
	padding: 16px 16px 16px 0;
	color: @color_1;
	.nextprev { color: @color_3;
	font-size: 14px;
	a { border: 0;
	padding: 8px 16px;
	background-color: @background_color_15;
	border: 1px solid #edf1f3;
	transition: background-color .15s ease;
	&: hover { text-decoration: none;
	background-color: @background_color_34;
}
.users-online {
	display: inline;
	cursor: text;
	&: before { display: none;
}
.number {
	font-style: italic;
	&: before { content: "";
	width: 16px;
	height: 9px;
	display: inline-block;
	margin-right: 8px;
	background-image: url(%%spritesheet%%);
	background-position: -64px -36px;
}
.fancy-toggle-button {
	margin: 0;
	position: absolute;
	margin-left: 208px;
	top: 314px;
	z-index: 100;
	top: calc(314px - 20px);
	.active { display: block;
	border: none;
	height: 32px;
	border-radius: 2px;
	line-height: 30px;
	background-image: none !important;
	padding: 0 12px;
	text-transform: capitalize;
	box-shadow: 0 2px 1.5px 0 rgba(0,0,0,.12),0 0 4px 0 rgba(0,0,0,.12);
	transition: box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),padding .2s ease,margin .2s ease;
	&: hover { box-shadow: 0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2);
}
.tagline {
	font-size: 12px;
	margin: 0;
	&: after { content: "";
	height: 2px;
	background-color: @background_color_38;
	display: block;
	margin-top: 16px;
}
form.flairtoggle {
	line-height: 2;
}
form.toggle.sr_style_toggle {
	padding-bottom: 0;
	display: block;
	background-color: @background_color_15;
	label { position: relative;
	top: -3px;
}
span.number {
	&: after { content: " readers";
	content: " drama lovers";
}
.hover-bubble.anchor-right {
	&: before { right: -19px;
	border-left-color: @border_left_color_1;
}
.nub {
	display: none;
}
input[type=password] {
	width: 136px;
	margin: 0;
}
button.btn {
	margin-right: -3px;
}
.md {
	hr { border: solid 1px #e5e5e5;
}
h1 {
	margin: .5em 0 .25em;
	border: none;
	color: @color_2;
}
#ad_main {
	width: 320px;
	height: 290px;
	padding: 10px 0 0 10px !important;
	background-color: @background_color_2;
	padding: 16px;
	border-radius: 2px;
	box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
	background-color: @background_color_52 !important;
	box-shadow: 0 1px 4px 0 rgba(0,0,0,0.4) !important;
}
.sponsorshipbox {
	max-width: 320px;
	padding: 0 !important;
	background-color: @background_color_2;
	padding: 16px;
	border-radius: 2px;
	box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
	background-color: @background_color_2;
	padding: 16px;
	border-radius: 2px;
	box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
	max-width: 320px;
	padding: 0 !important;
	position: relative;
	bottom: 60px;
}
#ad_sponsorship {
	margin: 10px 0 8px 10px;
	height: 120px;
}
.sidebox.create {
	.morelink { position: relative;
	top: 0;
	width: 100%;
	background-color: @background_color_2;
	a { font-size: 14px;
	color: @color_3;
	color: @color_3;
}
.bottom-area {
	width: 504px;
	a.reddiquette { color: @color_1;
	color: @color_3;
}
.gilded-icon {
	&: before { background: url(%%gilded%%);
	height: 16px;
	width: 16px;
}
.showreplies {
	border-left: 1px solid #edf1f3;
	margin-top: 0;
}
.midcol {
	width: 24px;
	margin-right: 0;
	.arrow { margin-left: 0;
	margin-bottom: 4px;
}
h5&&+h6&&+h4&&+p&&+hr {
	display: none;
	display: block;
}
h5&&+h6&&+h4&&+p&&+hr&&+blockquote {
	display: none;
	display: block;
}
h5&&+h6&&+h4&&+p&&+hr&&+blockquote&&+hr {
	display: none;
	display: block;
}
h5&&+h6&&+h4&&+p&&+hr&&+blockquote&&+hr&&+p {
	display: none;
	display: block;
}
h5&&+h6&&+h4&&+p&&+hr&&+blockquote&&+hr&&+p&&+p {
	display: none;
	display: block;
}
h5&&+h6&&+h4 {
	&: after { content: "";
}
.usertext.grayed {
	.usertext-body { margin: 4px 0;
	background-color: @background_color_15;
	text-transform: italic;
	padding: 0;
}
.read-next-nav {
	top: 8px;
}
.read-next-button {
	background-color: @background_color_4;
	color: @color_4;
	font-family: @font_family_7;
	line-height: 16px;
	font-size: 10px;
	height: 16px;
	width: 16px;
}
.read-next-link {
	height: inherit;
}
.read-next-header-title {
	top: 0;
	line-height: inherit;
}
.read-next-list {
	padding: 8px 16px;
}
.read-next-meta {
	color: @color_1;
	line-height: 2;
}
.content {
	margin: 32px auto 0;
	h1 { display: none;
	margin-top: 12px !important;
}
#newlink.submit.content {
	width: 524px;
	margin: 0 auto;
	form { .spacer&+.spacer { margin: 0;
}
.tabmenu.formtab {
	a { padding: 16px;
	width: 262px;
	display: inline-block;
	text-align: center;
	color: @color_9;
	text-transform: uppercase;
	font-weight: 700;
	transition: all .15s ease;
	font-size: 16px;
	border: none;
	border-bottom: 4px solid transparent;
	&: hover { color: @color_2;
}
.roundfield {
	padding: 16px;
	width: 524px;
	background-color: @background_color_2;
	border: none;
	background-color: @background_color_2;
	padding: 16px;
	border-radius: 2px;
	box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
	.title { color: @color_4;
	text-transform: capitalize;
	text-transform: none;
}
.footer-parent {
	display: none;
	background-image: url(%%footer-dark%%);
}
.submit_text.enabled.roundfield {
	background-color: @background_color_43;
	background-color: @background_color_5;
	background-color: @background_color_5;
	.md { color: @color_2;
}
.searchpane {
	margin: 0;
	padding: 0;
	position: relative;
}
#search {
	position: absolute;
	top: -128px;
	left: 36px;
	padding: 0;
	input[type=text] { min-width: 320px;
	width: 320px;
	margin-top: 109px;
	margin-left: 30px;
	width: 790px;
	input[type=text] { margin-top: 21px !important;
	#searchexpando { label { color: @color_35 !important;
	padding: 10px 8px 10px 8px;
	background-color: @background_color_53 !important;
}
.morelink {
	top: 384px;
	top: calc(344px - 12px);
}
.link {
	background-color: @background_color_2;
	padding: 16px;
	border-radius: 2px;
	box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
}
span.subscribers {
	top: calc(294px - 12px);
}
border {
	&: {
		none {
			!important; {
				} {
					.combined-search-page {
						.search-submit-button { position: relative;
						left: -42px;
						width: 32px;
						height: 32px;
						margin: 0;
						padding: 0;
						background-color: @background_color_15;
						background-image: url(%%spritesheet%%);
						background-position: -64px -96px;
						box-shadow: none;
						border: none;
						border-radius: 50%;
						transition: background-color .2s cubic-bezier(.4,0,.2,1);
						margin-top: 20px !important;
						&: hover { background-color: @background_color_42;
					}
				}
			}
		}
	}
}
.search-icon {
	display: none;
}
.search-header-label {
	text-transform: capitalize;
	color: @color_1;
	font-family: @font_family_8;
	font-size: 18px;
	padding-bottom: 2px;
}
.search-menu {
	margin-right: 16px;
	.dropdown.lightdrop { .selected { color: @color_3;
	text-decoration: none;
	cursor: pointer;
	display: inline-block;
}
.search-result-meta {
	padding: 4px 0;
}
.search-subscribe-button {
	border-radius: 2px;
	.add { background-color: @background_color_2;
	border: none;
	border-radius: 2px;
	&: active { background-color: @background_color_2;
	border: none;
	border-radius: 2px;
}
.next-suggestions {
	color: @color_1;
}
.searchfacets {
	.title { margin: 0;
	background-color: @background_color_53 !important;
}
h4.title {
	color: @color_1;
	margin: 0 0 8px;
	&: first-letter { text-transform: capitalize;
}
.facet.count {
	color: @color_12;
	font-weight: 400;
	&: hover { text-decoration: none;
}
label {
	&: first-letter { text-transform: capitalize;
}
.pretty-form {
	padding-top: 24px;
}
.fancy-settings {
	h1 { color: @color_27;
	strong { color: @color_28;
}
.footer {
	border: 0 solid;
	border-radius: 2px;
	background-color: @background_color_47;
	padding: 16px;
	max-width: 640px;
	background-color: @background_color_15;
	.col { padding: 0 24px;
	border: none;
}
.bottommenu {
	a { color: @color_8;
	color: @color_27;
	color: @color_9;
}
#hsts_pixel {
	display: none;
}
#RESShortcutsSort {
	background-color: @background_color_15 !important;
	color: @color_20 !important;
	top: 1px !important;
}
#RESShortcutsRight {
	background-color: @background_color_15 !important;
	color: @color_20 !important;
	top: 1px !important;
}
#RESShortcutsLeft {
	background-color: @background_color_15 !important;
	color: @color_20 !important;
	top: 1px !important;
}
#RESShortcutsAdd {
	background-color: @background_color_15 !important;
	color: @color_20 !important;
	top: 1px !important;
}
#RESShortcutsTrash {
	background-color: @background_color_15 !important;
	color: @color_20 !important;
	top: 1px !important;
}
.pinHeader-sub {
	#sr-header-area { background-image: url(%%headerimg%%);
	background-position: 50% 0;
}
html.res-commentBoxes {
	.comment { margin-left: 0 !important;
	margin-right: 0 !important;
}
#RESMainGearOverlay {
	background-color: @background_color_48;
	top: 0 !important;
	height: 26px !important;
	border-radius: 0 !important;
}
.RESDropdownList {
	border-color: @border_color_12;
	box-shadow: 0 1px 5px rgba(0,0,0,0.24);
	margin-top: 4px;
	margin-right: 8px;
	li { background-color: @background_color_54;
	color: @color_4;
	border-color: @border_color_12;
	transition: all .15s ease;
	&: first-letter { text-transform: capitalize;
	li { color: @color_35 !important;
	a { color: @color_35 !important;
}
.toggleOn {
	background-color: @background_color_2;
	color: @color_23;
	font-weight: bolder;
	border: 1px solid #fff;
	transition: all .15s ease;
	border-radius: 2px;
	background-color: @background_color_2;
	color: @color_23;
	font-weight: bolder;
	border: 1px solid #fff;
	transition: all .15s ease;
	border-radius: 2px;
}
.res-nightmode {
	.arrow { background-image: url(%%spritesheet-dark%%) !important;
}
.arrow.downmod {
	background-position: -0 -100px !important;
}
.stickied {
	.thumbnail { background: url(%%spritesheet-dark%%) -95px -48px;
}
input[type="password"] {
	background-color: @background_color_51 !important;
	border: 1px solid #c3cfd6 !important;
	color: @color_28 !important;
}
input[type="url"] {
	background-color: @background_color_51 !important;
	border: 1px solid #c3cfd6 !important;
	color: @color_28 !important;
}
.-blocks {
	color: @color_29 !important;
}
0.4) {
	!important; {
		} {
			.titlebox {
				background-color: @background_color_52 !important;
				box-shadow: 0 1px 4px 0 rgba(0,0,0,0.4) !important;
			}
		}
	}
}
.spacer {
	input { background-color: @background_color_62 !important;
	color: @color_28 !important;
}
.linkflairlabel {
	background-color: @background_color_15 !important;
	color: @color_28 !important;
}
.icon-menu {
	a { background-color: @background_color_8 !important;
}
#progressIndicator {
	background-color: @background_color_15 !important;
}
body.listing-page {
	>.content { background-color: @background_color_57 !important;
	box-shadow: 0 1px 4px 0 rgba(0,0,0,0.4) !important;
	&: before { background-color: @background_color_64;
	color: @color_16;
}
.combined-search-page {
	>.content { background-color: @background_color_57 !important;
	box-shadow: 0 1px 4px 0 rgba(0,0,0,0.4) !important;
}
.stylesheet-customize-container {
	.pretty-form { background-color: @background_color_57 !important;
	box-shadow: 0 1px 4px 0 rgba(0,0,0,0.4) !important;
}
#previoussearch {
	#moresearchinfo { background-color: @background_color_57 !important;
	box-shadow: 0 1px 4px 0 rgba(0,0,0,0.4) !important;
	background-color: @background_color_53 !important;
}
.wiki-page {
	.wiki-page-content { background-color: @background_color_57 !important;
	box-shadow: 0 1px 4px 0 rgba(0,0,0,0.4) !important;
}
.flairselector {
	background-color: @background_color_53 !important;
	li { &: hover { background-color: @background_color_59 !important;
}
.linkinfo {
	.shortlink { input { background-color: @background_color_58 !important;
}
form.toggle {
	color: @color_30 !important;
	background: none !important;
}
.search-page {
	#search { input { color: @color_35 !important;
}
height {
	&: {
		40px; {
			line-height {
				&: {
					30px; {
						border {
							&: {
								0px {
									1px {
										1px {
											1px {
												solid {
													#000; {
														background-color {
															&: {
																@background_color_58 {
																	!important; {
																		} {
																			input[type="text"] {
																				padding: 0 55px 0 16px;
																				border-radius: 2px;
																				width: 100%;
																				height: 40px;
																				line-height: 30px;
																				background-color: @background_color_54;
																			}
																		}
																	}
																}
															}
														}
													}
												}
											}
										}
									}
								}
							}
						}
					}
				}
			}
		}
	}
}
body.mod-toolbox {
	.tb-general-button { background-color: @background_color_8;
	color: @color_30;
	font-size: 9px !important;
	border-width: 1px 1px 1px 2px;
	border-color: @border_color_13;
	padding: 1px 4px !important;
	border-radius: 0px 2px 2px 0px;
}
div.RES-keyNav-activeElement {
	background-color: @background_color_15 !important;
}
a[href="/s"] {
	&: hover { &::after { color: @color_34 !important;
	text-shadow: none;
	transition: 0.7s all;
}
.subreddit-rules-page {
	background: #fff;
	border-radius: 2px;
	box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
}
div.roundfield.info-notice {
	&: :after { white-space: pre-wrap;
	content: " In order for your post to not be removed and follow our rules it must: be reasonably related to Civcraft, contain no links to civchan, not be spam, contain no harrassment (this is bannable), and not be posted by a throwaway account or subreddit alt. You can mark your post [Serious] with a flair if you want the thread to stay on topic.";
	font-size: 13pt;
}
.mobile-web-redirect-bar {
	display: none;
}
.mobile-web-redirect {
	display: none;
}
a[href*="Banned"].title {
	&: before { background-image: url(%%CONE-OF-SHAME%%);
	height: 16px;
	width: 16px;
	position: relative;
	content: "";
	display: inline-block;
	margin-right: 5px;
	margin-top: 2px;
}
.flair-default {
	width: 20px;
	height: 16px;
	display: inline-block;
	background-repeat: no-repeat;
	background-image: url(%%customflair%%);
	background-position: -20px -0px;
	vertical-align: middle;
	margin-right: 3px;
	text-indent: 17px;
}
.flair-CONEOFSHAME {
	width: 20px;
	height: 16px;
	display: inline-block;
	background-repeat: no-repeat;
	background-image: url(%%customflair%%);
	background-position: -20px -0px;
	vertical-align: middle;
	margin-right: 3px;
	text-indent: 17px;
	width: 20px;
	height: 16px;
	display: inline-block;
	background-repeat: no-repeat;
	background-image: url(%%customflair%%);
	background-position: -20px -0px;
	vertical-align: middle;
	margin-right: 3px;
	background-position: 0 0;
	width: auto;
	text-indent: 17px;
	height: 16px;
}
.flair-MODERATOR-or-ADMIN {
	width: 20px;
	height: 16px;
	display: inline-block;
	background-repeat: no-repeat;
	background-image: url(%%customflair%%);
	background-position: -20px -0px;
	vertical-align: middle;
	margin-right: 3px;
	text-indent: 17px;
	width: 20px;
	height: 16px;
	display: inline-block;
	background-repeat: no-repeat;
	background-image: url(%%customflair%%);
	background-position: -20px -0px;
	vertical-align: middle;
	margin-right: 3px;
	background-position: 0 -129px;
	width: auto;
	text-indent: 17px;
	height: 16px;
}
.flair-PEARL {
	width: 20px;
	height: 16px;
	display: inline-block;
	background-repeat: no-repeat;
	background-image: url(%%customflair%%);
	background-position: -20px -0px;
	vertical-align: middle;
	margin-right: 3px;
	text-indent: 17px;
	width: 20px;
	height: 16px;
	display: inline-block;
	background-repeat: no-repeat;
	background-image: url(%%iconsprite%%);
	background-position: -0px -0px;
	vertical-align: middle;
	margin-right: 3px;
	width: auto;
	text-indent: 17px;
	height: 16px;
}
.flair-TEST {
	width: 20px;
	height: 16px;
	display: inline-block;
	background-repeat: no-repeat;
	background-image: url(%%customflair%%);
	background-position: -20px -0px;
	vertical-align: middle;
	margin-right: 3px;
	text-indent: 17px;
	width: 20px;
	height: 16px;
	display: inline-block;
	background-repeat: no-repeat;
	background-image: url(%%customflair%%);
	vertical-align: middle;
	margin-right: 3px;
	background-position: 0 -326px;
	width: auto;
	text-indent: 17px;
	height: 16px;
}
.flair-NICE-PEARL {
	width: 16px;
	height: 16px;
	display: inline-block;
	background-repeat: no-repeat;
	background-image: url(%%pearl%%);
	background-position: -0px -0px;
	vertical-align: middle;
	margin-right: 3px;
	width: auto;
	text-indent: 17px;
}
a[href*="pearl"].title {
	&: before { background-image: url(%%pearl%%);
	height: 16px;
	width: 16px;
	position: relative;
	content: "";
	display: inline-block;
	margin-right: 5px;
	margin-top: 2px;
}
a[href$="#g"] {
	border: 0;
	margin: 0;
	color: @color_34;
	display: block;
}