.wp-block-bitbucket-quote .bitbucket-quote-callout--blockquote,
.bitbucket-quote-callout .bitbucket-quote-callout--blockquote {
	padding: 36px 0;
	max-width: 620px;
	margin: 0 auto;
	text-align: left;
}

.wp-block-bitbucket-quote .bitbucket-quote-callout--blockquote::before,
.bitbucket-quote-callout .bitbucket-quote-callout--blockquote::before {
	content: "";
	display: block;
	background-image: url(../assets/images/blockquote.svg);
	background-position: center;
	background-size: contain;
	width: 42px;
	height: 32px;
	margin-bottom: 20px;
}

@media (min-width: 992px) {
	.wp-block-bitbucket-quote .bitbucket-quote-callout--blockquote.sidebar,
	.bitbucket-quote-callout .bitbucket-quote-callout--blockquote.sidebar {
		position: absolute;
		left: calc(100% + 20px);
		width: 320px;
		margin-top: -5px;
		border-top: 2px solid #b3bac5;
		border-bottom: 2px solid #b3bac5;
	}

	.wp-block-bitbucket-quote .bitbucket-quote-callout--blockquote.sidebar::before,
	.bitbucket-quote-callout .bitbucket-quote-callout--blockquote.sidebar::before {
		margin: 0 auto 20px;
	}
}

.wp-block-bitbucket-quote .bitbucket-quote-callout--blockquote.alert,
.wp-block-bitbucket-quote .bitbucket-quote-callout--blockquote.red,
.wp-block-bitbucket-quote .bitbucket-quote-callout--blockquote.dialog.alert,
.wp-block-bitbucket-quote .bitbucket-quote-callout--blockquote.dialog.red,
.bitbucket-quote-callout .bitbucket-quote-callout--blockquote.alert,
.bitbucket-quote-callout .bitbucket-quote-callout--blockquote.red,
.bitbucket-quote-callout .bitbucket-quote-callout--blockquote.dialog.alert,
.bitbucket-quote-callout .bitbucket-quote-callout--blockquote.dialog.red {
	border-left: solid 5px #de350b;
	color: #de350b;
	font-size: 18px;
	line-height: 1.5;
	margin: 30px 0;
	padding: 0 30px;
}

.wp-block-bitbucket-quote .bitbucket-quote-callout--blockquote.alert::before,
.wp-block-bitbucket-quote .bitbucket-quote-callout--blockquote.red::before,
.wp-block-bitbucket-quote .bitbucket-quote-callout--blockquote.dialog.alert::before,
.wp-block-bitbucket-quote .bitbucket-quote-callout--blockquote.dialog.red::before,
.bitbucket-quote-callout .bitbucket-quote-callout--blockquote.alert::before,
.bitbucket-quote-callout .bitbucket-quote-callout--blockquote.red::before,
.bitbucket-quote-callout .bitbucket-quote-callout--blockquote.dialog.alert::before,
.bitbucket-quote-callout .bitbucket-quote-callout--blockquote.dialog.red::before {
	display: none;
}

.wp-block-bitbucket-quote .bitbucket-quote-callout--blockquote.blue,
.wp-block-bitbucket-quote .bitbucket-quote-callout--blockquote.info,
.wp-block-bitbucket-quote .bitbucket-quote-callout--blockquote.dialog.blue,
.wp-block-bitbucket-quote .bitbucket-quote-callout--blockquote.dialog.info,
.bitbucket-quote-callout .bitbucket-quote-callout--blockquote.blue,
.bitbucket-quote-callout .bitbucket-quote-callout--blockquote.info,
.bitbucket-quote-callout .bitbucket-quote-callout--blockquote.dialog.blue,
.bitbucket-quote-callout .bitbucket-quote-callout--blockquote.dialog.info {
	border-left: solid 5px #0052cc;
	color: #0052cc;
	font-size: 18px;
	line-height: 1.5;
	margin: 30px 0;
	padding: 0 30px;
}

.wp-block-bitbucket-quote .bitbucket-quote-callout--blockquote.blue::before,
.wp-block-bitbucket-quote .bitbucket-quote-callout--blockquote.info::before,
.wp-block-bitbucket-quote .bitbucket-quote-callout--blockquote.dialog.blue::before,
.wp-block-bitbucket-quote .bitbucket-quote-callout--blockquote.dialog.info::before,
.bitbucket-quote-callout .bitbucket-quote-callout--blockquote.blue::before,
.bitbucket-quote-callout .bitbucket-quote-callout--blockquote.info::before,
.bitbucket-quote-callout .bitbucket-quote-callout--blockquote.dialog.blue::before,
.bitbucket-quote-callout .bitbucket-quote-callout--blockquote.dialog.info::before {
	display: none;
}

.wp-block-bitbucket-quote .bitbucket-quote-callout--blockquote.default,
.wp-block-bitbucket-quote .bitbucket-quote-callout--blockquote.neutral,
.wp-block-bitbucket-quote .bitbucket-quote-callout--blockquote.dialog.default,
.wp-block-bitbucket-quote .bitbucket-quote-callout--blockquote.dialog.neutral,
.bitbucket-quote-callout .bitbucket-quote-callout--blockquote.default,
.bitbucket-quote-callout .bitbucket-quote-callout--blockquote.neutral,
.bitbucket-quote-callout .bitbucket-quote-callout--blockquote.dialog.default,
.bitbucket-quote-callout .bitbucket-quote-callout--blockquote.dialog.neutral {
	border-left: solid 5px #172b4d;
	color: #172b4d;
	font-size: 18px;
	line-height: 1.5;
	margin: 30px 0;
	padding: 0 30px;
}

.wp-block-bitbucket-quote .bitbucket-quote-callout--blockquote.default::before,
.wp-block-bitbucket-quote .bitbucket-quote-callout--blockquote.neutral::before,
.wp-block-bitbucket-quote .bitbucket-quote-callout--blockquote.dialog.default::before,
.wp-block-bitbucket-quote .bitbucket-quote-callout--blockquote.dialog.neutral::before,
.bitbucket-quote-callout .bitbucket-quote-callout--blockquote.default::before,
.bitbucket-quote-callout .bitbucket-quote-callout--blockquote.neutral::before,
.bitbucket-quote-callout .bitbucket-quote-callout--blockquote.dialog.default::before,
.bitbucket-quote-callout .bitbucket-quote-callout--blockquote.dialog.neutral::before {
	display: none;
}

.wp-block-bitbucket-quote .bitbucket-quote-callout--blockquote.green,
.wp-block-bitbucket-quote .bitbucket-quote-callout--blockquote.success,
.wp-block-bitbucket-quote .bitbucket-quote-callout--blockquote.dialog.green,
.wp-block-bitbucket-quote .bitbucket-quote-callout--blockquote.dialog.success,
.bitbucket-quote-callout .bitbucket-quote-callout--blockquote.green,
.bitbucket-quote-callout .bitbucket-quote-callout--blockquote.success,
.bitbucket-quote-callout .bitbucket-quote-callout--blockquote.dialog.green,
.bitbucket-quote-callout .bitbucket-quote-callout--blockquote.dialog.success {
	border-left: solid 5px #36b37e;
	color: #36b37e;
	font-size: 18px;
	line-height: 1.5;
	margin: 30px 0;
	padding: 0 30px;
}

.wp-block-bitbucket-quote .bitbucket-quote-callout--blockquote.green::before,
.wp-block-bitbucket-quote .bitbucket-quote-callout--blockquote.success::before,
.wp-block-bitbucket-quote .bitbucket-quote-callout--blockquote.dialog.green::before,
.wp-block-bitbucket-quote .bitbucket-quote-callout--blockquote.dialog.success::before,
.bitbucket-quote-callout .bitbucket-quote-callout--blockquote.green::before,
.bitbucket-quote-callout .bitbucket-quote-callout--blockquote.success::before,
.bitbucket-quote-callout .bitbucket-quote-callout--blockquote.dialog.green::before,
.bitbucket-quote-callout .bitbucket-quote-callout--blockquote.dialog.success::before {
	display: none;
}

.wp-block-bitbucket-quote .bitbucket-quote-callout--blockquote.warning,
.wp-block-bitbucket-quote .bitbucket-quote-callout--blockquote.yellow,
.wp-block-bitbucket-quote .bitbucket-quote-callout--blockquote.dialog.warning,
.wp-block-bitbucket-quote .bitbucket-quote-callout--blockquote.dialog.yellow,
.bitbucket-quote-callout .bitbucket-quote-callout--blockquote.warning,
.bitbucket-quote-callout .bitbucket-quote-callout--blockquote.yellow,
.bitbucket-quote-callout .bitbucket-quote-callout--blockquote.dialog.warning,
.bitbucket-quote-callout .bitbucket-quote-callout--blockquote.dialog.yellow {
	border-left: solid 5px #ffab00;
	color: #ffab00;
	font-size: 18px;
	line-height: 1.5;
	margin: 30px 0;
	padding: 0 30px;
}

.wp-block-bitbucket-quote .bitbucket-quote-callout--blockquote.warning::before,
.wp-block-bitbucket-quote .bitbucket-quote-callout--blockquote.yellow::before,
.wp-block-bitbucket-quote .bitbucket-quote-callout--blockquote.dialog.warning::before,
.wp-block-bitbucket-quote .bitbucket-quote-callout--blockquote.dialog.yellow::before,
.bitbucket-quote-callout .bitbucket-quote-callout--blockquote.warning::before,
.bitbucket-quote-callout .bitbucket-quote-callout--blockquote.yellow::before,
.bitbucket-quote-callout .bitbucket-quote-callout--blockquote.dialog.warning::before,
.bitbucket-quote-callout .bitbucket-quote-callout--blockquote.dialog.yellow::before {
	display: none;
}

.wp-block-bitbucket-quote .bitbucket-quote-callout--text,
.bitbucket-quote-callout .bitbucket-quote-callout--text {
	color: #172b4d;
	margin-bottom: 10px;
}

.wp-block-bitbucket-quote .bitbucket-quote-callout--tweet-link .bitbucket-quote-callout--blockquote,
.bitbucket-quote-callout .bitbucket-quote-callout--tweet-link .bitbucket-quote-callout--blockquote {
	color: #091e42;
}

.wp-block-bitbucket-quote .bitbucket-quote-callout--tweet-link p::after,
.bitbucket-quote-callout .bitbucket-quote-callout--tweet-link p::after {
	content: "";
	display: inline-block;
	background-image: url(../assets/images/twitter-image.svg);
	background-position: center;
	background-size: contain;
	width: 19px;
	height: 17px;
	margin-left: 5px;
}