body {
	padding: 0;
	margin: 0;
}
body[data-role="internalEmbed"] {
	background: #fff;
	/* iOS responsive fix */
	width: 1px;
	min-width: 100%;
}
body #ipsEmbedLoading {
	display: none;
}
body.unloaded #ipsEmbedLoading {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 1px solid rgba(0,0,0,0.05);
	background: #fff;
}

@keyframes dummy_anim {
	0% { background-color: #f8f8f8; }
	50% { background-color: #f2f2f2; }
	99% { background-color: #f8f8f8; }
}
#ipsEmbedLoading:before,
#ipsEmbedLoading:after,
#ipsEmbedLoading span:before,
#ipsEmbedLoading span:after {
	display: block;
	content: '';
	position: absolute;
	animation: dummy_anim 1s infinite;
}

body[data-role="internalEmbed"] #ipsEmbedLoading:before {
	width: 40px;
	height: 40px;
	border-radius: 40px;
	top: 15px;
	left: 15px;
}
body[data-role="internalEmbed"] #ipsEmbedLoading:after {
	width: 300px;
	height: 17px;
	top: 15px;
	left: 70px;
}
body[data-role="internalEmbed"] #ipsEmbedLoading span:before {
	width: 200px;
	height: 12px;
	top: 40px;
	left: 70px;
}
body[data-role="internalEmbed"] #ipsEmbedLoading span:after {
	opacity: 0.5;
	left: 15px;
	right: 15px;
	top: 70px;
	bottom: 15px;
}

body[data-role="externalEmbed"] #ipsEmbedLoading:before {
	width: 50px;
	height: 50px;
	top: 15px;
	left: 15px;
}
body[data-role="externalEmbed"] #ipsEmbedLoading:after {
	width: 300px;
	height: 17px;
	top: 15px;
	left: 80px;
}
body[data-role="externalEmbed"] #ipsEmbedLoading span:before {
	width: 200px;
	height: 12px;
	top: 40px;
	left: 80px;
}
body[data-role="externalEmbed"] #ipsEmbedLoading span:after {
	width: 90%;
	opacity: 0.5;
	left: 15px;
	top: 80px;
	bottom: 15px;
}

.ipsJS_has#ipsEmbed {
	opacity: 0.0001;
}

/* We need to override the inline CSS Twitter applies to prevent the tweet from overflowing the container.
 	Embeds are already within another container, so we don't need it to be set as block here */
@media screen and (max-width: 767px) {
	.twitter-tweet {
		display: initial !important;
	}
}