/* All featured user sizes are in 'em' (except the base font-size)
 * so that we can scale the entire thing simply by setting the
 * base font-size.
 */
.featured-user-tile1 {
	position: relative;
	text-align: center;
	font-size: 10px;
	font-family: ProximaNovaCondSemiBold;
	color: white;
}
.featured-user-tile1 .content {
	padding: 5px 5px 5px 5px;
	visibility: hidden;
	box-sizing: border-box;
}
/*
.featured-user-tile1 .icon {
	position: absolute;
	left: 0;
	top: 0;
	width: 4.5em;
	height: 4.5em;
}
*/
.featured-user-tile1 .username-scaler {
	font-size: 3.7em;
	font-family: ProximaNovaRegular;
	overflow: hidden;
	white-space: nowrap;
}
.featured-user-tile1 .username:empty:after {
	content: "\00a0";
}
.featured-user-tile1 .location-scaler {
	margin: -0.5em 0 0 0;
	font-size: 1.5em;
	font-family: ProximaNovaRegular;
	overflow: hidden;
	white-space: nowrap;
}
.featured-user-tile1 .location:empty:after {
	content: "\00a0";
}
.featured-user-tile1 .picture-wrapper {
	margin-top: 0.5em;
}
.featured-user-tile1 .picture {
	overflow: hidden;
	border-radius: 50%;
	width: 14.4em;
	height: 14.4em;
	margin: 0 auto;
	/* There will be two background images (the user profile picture and a
	 * fallback to the default profile picture), so specify parameters for
	 * both */
	background-position: center, center;
	background-size: cover, cover;
}
.featured-user-tile1 .activity-scaler {
	font-size: 3em;
	font-family: ProximaNovaBoldIt;
	overflow: hidden;
	white-space: nowrap;
}
.featured-user-tile1 .decibels:not(:empty):after {
	content: ' | '
}
.featured-user-tile1 .activity {
	text-transform: uppercase;
}
.featured-user-tile1 .activity:empty:after {
	content: "\00a0";
}
.featured-user-tile1 .line {
	height: 1px;
}
.featured-user-tile1 .footer {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0.4em;
	align-items: baseline;
}
.featured-user-tile1 .supporting-scaler {
	font-size: 2em;
	font-family: ProximaNovaBold;
	overflow: hidden;
	white-space: nowrap;
	text-align: left;
}
.featured-user-tile1 .supporting:empty:after {
	content: "\00a0";
}
.featured-user-tile1 .date-time-scaler {
	font-size: 1.5em;
	font-family: ProximaNovaRegular;
	overflow: hidden;
	white-space: nowrap;
	text-align: right;
}
.featured-user-tile1 .date-time:empty:after {
	content: "\00a0";
}
