.cap-lc {
	--cap-lc-gap: 12px;
	--cap-lc-cols: var(--cap-lc-c5);
	position: relative;
	margin: 0 0 20px;
}
@media (min-width: 480px)  { .cap-lc { --cap-lc-cols: var(--cap-lc-c4); } }
@media (min-width: 736px)  { .cap-lc { --cap-lc-cols: var(--cap-lc-c3); } }
@media (min-width: 980px)  { .cap-lc { --cap-lc-cols: var(--cap-lc-c2); } }
@media (min-width: 1200px) { .cap-lc { --cap-lc-cols: var(--cap-lc-c1); } }

.cap-lc__viewport {
	overflow: hidden;
	touch-action: pan-y;
}
.cap-lc__track {
	display: flex;
	gap: var(--cap-lc-gap);
	margin: 0;
	padding: 0;
	list-style: none;
	will-change: transform;
}
.cap-lc__item {
	flex: 0 0 calc((100% - (var(--cap-lc-cols) - 1) * var(--cap-lc-gap)) / var(--cap-lc-cols));
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 0;
	border: 1px solid #dddddd;
	background: transparent;
	transition: border-color .3s;
}
.cap-lc__item::before { content: none; }
.cap-lc__item:hover { border-color: #16a08b; }
.cap-lc__item a { display: block; line-height: 0; }
.cap-lc__item img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	-webkit-user-drag: none;
	user-select: none;
}

.cap-lc__nav {
	position: absolute;
	top: 50%;
	z-index: 2;
	width: 32px;
	height: 32px;
	margin-top: -16px;
	padding: 0;
	border: 1px solid #aaaaaa;
	border-radius: 0;
	background: transparent;
	color: #aaaaaa;
	font: 26px/28px sans-serif;
	cursor: pointer;
	opacity: 0;
	transition: opacity .3s, color .3s, background-color .3s, border-color .3s;
}
.cap-lc__nav--prev { left: 8px; }
.cap-lc__nav--next { right: 8px; }
.cap-lc:hover .cap-lc__nav,
.cap-lc__nav:focus-visible { opacity: 1; }
.cap-lc__nav:hover,
.cap-lc__nav:focus-visible {
	border-color: #16a08b;
	background: #16a08b;
	color: #ffffff;
}
.cap-lc.is-static .cap-lc__nav { display: none; }
@media (max-width: 479px) { .cap-lc__nav { display: none; } }

.cap-lc-tooltip {
	position: fixed;
	z-index: 99999;
	max-width: 220px;
	padding: 6px 10px;
	border-radius: 3px;
	background: #000000;
	color: #ffffff;
	font-size: 13px;
	line-height: 1.4;
	text-align: center;
	pointer-events: none;
	opacity: 0;
	transform: translate(-50%, -100%) scale(.8);
	transition: opacity .2s, transform .2s;
}
.cap-lc-tooltip.is-visible {
	opacity: 1;
	transform: translate(-50%, -100%) scale(1);
}
.cap-lc-tooltip::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border: 5px solid transparent;
	border-top-color: #000000;
}