/* KOL_APES Site Media engagement */

.kol-apes-media-counters,
.kol-apes-vid-counters {
	align-items: center !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	color: #ffffff !important;
	display: inline-flex !important;
	flex-wrap: nowrap !important;
	gap: 6px !important;
	justify-content: flex-start !important;
	max-width: 100% !important;
	padding: 0 !important;
	pointer-events: none !important;
	text-shadow: 0 1px 4px rgba(0, 0, 0, 0.7) !important;
	width: auto !important;
}

.kol-apes-media-counters .kol-pec-icon,
.kol-apes-vid-counters .kol-pec-icon {
	align-items: center !important;
	color: #ffffff !important;
	display: inline-flex !important;
	flex: 0 0 auto !important;
	font-size: 13px !important;
	font-weight: 800 !important;
	gap: 5px !important;
	line-height: 1 !important;
	min-width: 0 !important;
}

.kol-apes-media-counters .kol-pec-icon-symbol,
.kol-apes-vid-counters .kol-pec-icon-symbol {
	align-items: center !important;
	background: transparent !important;
	border: 0 !important;
	display: inline-flex !important;
	height: 18px !important;
	justify-content: center !important;
	width: 18px !important;
}

.kol-apes-media-counters .kol-pec-icon-symbol i,
.kol-apes-vid-counters .kol-pec-icon-symbol i {
	font-size: 14px !important;
	line-height: 1 !important;
}

.kol-apes-media-counters .kol-pec-count,
.kol-apes-vid-counters .kol-pec-count {
	color: #ffffff !important;
	font-size: 13px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
}

body.kol-apes-media-sidebar-open .kol-apes-sidebar,
body.kol-apes-vid-sidebar-open .kol-apes-sidebar {
	z-index: 100001 !important;
}

body.kol-apes-media-sidebar-open .kol-media-lightbox,
body.kol-apes-vid-sidebar-open .kol-media-lightbox {
	z-index: 99990 !important;
}

@media (min-width: 900px) {
	body.kol-apes-media-sidebar-open .kol-media-lightbox,
	body.kol-apes-vid-sidebar-open .kol-media-lightbox {
		justify-content: flex-start;
		padding-right: calc(var(--kol-apes-media-sidebar-width, 400px) + 24px);
	}

	body.kol-apes-media-sidebar-open .kol-media-lightbox-shell,
	body.kol-apes-vid-sidebar-open .kol-media-lightbox-shell {
		max-width: min(960px, calc(100vw - var(--kol-apes-media-sidebar-width, 400px) - 64px));
	}
}

@media (max-width: 480px) {
	.kol-apes-media-counters,
	.kol-apes-vid-counters {
		gap: 5px !important;
	}

	.kol-apes-media-counters .kol-pec-icon,
	.kol-apes-vid-counters .kol-pec-icon {
		font-size: 12px !important;
	}
}