/* Sitewide member banner (countdown or congratulations) */
#member-banner {
	display: none;
	width: 100%;
	max-width: 350px;
	margin: 8px auto 10px;
}

#member-banner .member-banner.banner {
	box-sizing: border-box;
	margin: 6px 0 0 0;
	padding: 8px 12px;
	border-radius: 6px;
	font-size: 14px;
	line-height: 1.4;
	text-align: center;
	background: #fff6e5;
	color: #8a5a00;
	border: 1px solid #ffd28a;
}

#member-banner.is-congrats .member-banner.banner {
	background: #0a7f42;
	color: #ffffff;
	border-color: #0a7f42;
	font-weight: 600;
}

#member-banner.is-expired .member-banner.banner {
	background: #ffeaea;
	color: #7a0b0b;
	border-color: #ffb4b4;
}

#member-banner .member-banner.banner.countdown {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 3px;
	flex-direction: column;
	background: #f3f3f3;
	color: #323232;
	border: 1px solid #ffffff;
}

#member-banner .member-banner .tick-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0px;
	white-space: nowrap;
}

#member-banner .member-banner .tick-credits {
	display: none !important;
}

#member-banner .member-banner .tick-wrap .colon {
	font-size: 22px;
	line-height: 1;
	margin: 0 2px;
}

#member-banner .member-banner .tick-wrap .tick {
	flex: 0 0 auto;
}

#member-banner .member-banner .label {
	font-weight: 600;
	font-family: 'thin';
	color: #666;
}

#member-banner .member-banner .smallprint {
	font-family: 'thin';
	color: #666;
	font-size: 11px;
	line-height: 1.25;
	text-align: center;
}

/* Reduce Tick default size a bit for header placement */
#member-banner .tick {
	transform: scale(1.5);
	transform-origin: center;
	padding-top: 5px;
	padding-bottom: 5px;
}