.bc-reel__item,
.bc-reel__item>* {
	flex-shrink: 0;
	width: fit-content
}

.bc-reel {
	direction: ltr !important;
	--rotate: 0deg;
	transform: rotate(var(--rotate));
	--color: #fff;
	--width: 25%
}

.bc-reel[data-blur-edges="1"]::before {
	background-image: linear-gradient(to right, var(--color), #fff0);
	content: "";
	position: absolute;
	z-index: 99;
	top: 0;
	left: 0;
	width: var(--width);
	height: 100%
}

.bc-reel[data-blur-edges="1"]::after {
	background-image: linear-gradient(270deg, var(--color), #fff0);
	content: "";
	position: absolute;
	z-index: 99;
	top: 0;
	right: 0;
	width: var(--width);
	height: 100%
}

.bc-reel__wrapper {
	display: flex
}

.bc-reel__item {
	display: flex;
	align-items: center;
	justify-content: center
}

.bc-reel__nestable {
	visibility: hidden;
	min-width: 1px
}

.bc-reel__example-heading {
	background: #080808;
	padding: 10px 20px;
	color: #fff
}

.bc-reel__to-hide {
	opacity: 0
}