.b24-reels {
	--b24-reels-height: 100vh;
	background: #080808;
	box-sizing: border-box;
	color: #fff;
	height: var(--b24-reels-height);
	margin: 24px auto;
	max-width: 520px;
	overflow-y: auto;
	isolation: isolate;
	scroll-snap-type: y mandatory;
	scrollbar-width: none;
	width: 100%;
}

.b24-reels::-webkit-scrollbar { display: none; }
.b24-reels *, .b24-reels *::before, .b24-reels *::after { box-sizing: border-box; }
.b24-reels__track { min-height: 100%; }

.b24-reel {
	align-items: flex-end;
	background: #111;
	display: flex;
	height: var(--b24-reels-height);
	justify-content: flex-start;
	overflow: hidden;
	position: relative;
	scroll-snap-align: start;
	scroll-snap-stop: always;
	width: 100%;
}

.b24-reel__media, .b24-reel__media video, .b24-reel__media iframe {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.b24-reel__media video, .b24-reel__media iframe { border: 0; object-fit: cover; }
.b24-reel__media iframe { background: #000; }
.b24-reel__shade { background: linear-gradient(0deg, rgba(0, 0, 0, .75), rgba(0, 0, 0, .05) 55%, rgba(0, 0, 0, .25)); inset: 0; pointer-events: none; position: absolute; }
.b24-reel__content { padding: 28px 24px; position: relative; text-shadow: 0 1px 4px rgba(0, 0, 0, .7); width: 100%; z-index: 1; }
.b24-reel__title { color: inherit; font-family: inherit; font-size: 1.25rem; line-height: 1.25; margin: 0 0 8px; padding: 0; }
.b24-reel__description { font-family: inherit; font-size: .95rem; line-height: 1.5; margin: 0 0 12px; padding: 0; }
.b24-reels .b24-reel__article { color: #fff; display: inline-block; font-family: inherit; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.b24-reel__unavailable { align-items: center; display: flex; height: 100%; justify-content: center; padding: 24px; text-align: center; }
.b24-reels__sentinel { height: 1px; }

@media (max-width: 600px) {
	.b24-reels { --b24-reels-height: 100dvh; margin: 0; max-width: none; }
	.b24-reel__content { padding: 24px 18px; }
}

@media (prefers-reduced-motion: reduce) {
	.b24-reels { scroll-behavior: auto; }
}