/* KASIS player — layout of the player and its playlist strip. */
.kv { margin: 0; color: inherit; }
.prose .kv, .article__body .kv { margin: 2em 0; }
.kv__stage { border-radius: 3px; overflow: hidden; background: #000; }
.kv .video-js { width: 100%; }
.kv .video-js .vjs-big-play-button { border-radius: 50%; width: 2em; height: 2em; line-height: 2em; margin-left: -1em; margin-top: -1em; }

.kv__caption {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: 4px 16px;
	padding: 10px 0 12px;
	font-size: .9375rem;
}
.kv__now { font-weight: 600; }
.kv__note { font-size: .8125rem; opacity: .7; }

.kv__list {
	list-style: none;
	margin: 0;
	padding: 0 0 4px;
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: minmax(150px, 1fr);
	gap: 10px;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
}
.kv__list li { scroll-snap-align: start; }
.kv__item {
	display: flex;
	flex-direction: column;
	gap: 6px;
	width: 100%;
	padding: 0;
	border: 0;
	background: none;
	color: inherit;
	font: inherit;
	text-align: left;
	cursor: pointer;
}
.kv__thumb {
	position: relative;
	display: block;
	aspect-ratio: 16 / 9;
	border-radius: 3px;
	overflow: hidden;
	background: rgba(127, 127, 127, .25);
	outline: 2px solid transparent;
	outline-offset: -2px;
}
.kv__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.kv__title { font-size: .8125rem; line-height: 1.3; opacity: .85; }
.kv__item:hover .kv__title { opacity: 1; text-decoration: underline; }
.kv__item[aria-current="true"] .kv__thumb { outline-color: currentColor; }
.kv__item[aria-current="true"] .kv__title { opacity: 1; font-weight: 600; }
.kv__item[aria-current="true"] .kv__thumb::after {
	content: "▶";
	position: absolute;
	left: 6px;
	bottom: 4px;
	font-size: 11px;
	color: #fff;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .7);
}