.bi-featured-caption {
	position: absolute;
	right: 8px;
	bottom: 8px;
	z-index: 5;
	display: block;
	max-width: min(420px, calc(100% - 16px));
	max-height: 70%;
	margin: 0 !important;
	padding: 5px 8px;
	overflow: auto;
	color: #fff !important;
	background: rgba(12, 20, 16, .74);
	border: 1px solid rgba(255, 255, 255, .14);
	border-radius: 5px;
	font-family: inherit;
	font-size: 9.5px !important;
	font-weight: 500;
	line-height: 1.32 !important;
	text-align: right;
	box-shadow: 0 2px 9px rgba(0, 0, 0, .16);
	backdrop-filter: blur(3px);
	-webkit-backdrop-filter: blur(3px);
}

.bi-featured-caption.is-truncated {
	cursor: help;
}

.bi-featured-caption__short,
.bi-featured-caption__full {
	display: block;
}

.bi-featured-caption__full {
	display: none;
}

.bi-featured-caption.is-truncated:hover .bi-featured-caption__short,
.bi-featured-caption.is-truncated:focus .bi-featured-caption__short,
.bi-featured-caption.is-truncated:focus-visible .bi-featured-caption__short,
.bi-featured-caption.is-truncated.is-expanded .bi-featured-caption__short {
	display: none;
}

.bi-featured-caption.is-truncated:hover .bi-featured-caption__full,
.bi-featured-caption.is-truncated:focus .bi-featured-caption__full,
.bi-featured-caption.is-truncated:focus-visible .bi-featured-caption__full,
.bi-featured-caption.is-truncated.is-expanded .bi-featured-caption__full {
	display: block;
}

.bi-featured-caption:focus-visible {
	outline: 2px solid #fff;
	outline-offset: 2px;
}

@media (hover: none) {
	.bi-featured-caption.is-truncated {
		cursor: pointer;
	}
}

@media (max-width: 767px) {
	.bi-featured-caption {
		right: 6px;
		bottom: 6px;
		max-width: calc(100% - 12px);
		padding: 4px 7px;
		font-size: 9px !important;
	}
}
