/* START: KOL Percentage Bar Light Mode */
html.light-mode .kol-percentage-bars-wrapper {
	width: 100%;
}

html.light-mode .kol-percentage-bar-item {
	margin-bottom: 25px;
}

html.light-mode .kol-percentage-bar-container {
	background-color: #e5e7eb;
	border-radius: 4px;
	overflow: hidden;
	position: relative;
}

html.light-mode .kol-percentage-bar-fill {
	height: 100%;
	width: 0%;
	position: relative;
	transition: width 2s ease-out;
}

html.light-mode .kol-percentage-bar-percentage {
	font-size: 12px;
	font-weight: 600;
	color: #1f2937;
	text-align: right;
	margin-top: 5px;
}
/* END: KOL Percentage Bar Light Mode */

/* START: KOL Percentage Bar Dark Mode */
html.dark-mode .kol-percentage-bars-wrapper {
	width: 100%;
}

html.dark-mode .kol-percentage-bar-item {
	margin-bottom: 25px;
}

html.dark-mode .kol-percentage-bar-container {
	background-color: #2a2a2a;
	border-radius: 4px;
	overflow: hidden;
	position: relative;
}

html.dark-mode .kol-percentage-bar-fill {
	height: 100%;
	width: 0%;
	position: relative;
	transition: width 2s ease-out;
}

html.dark-mode .kol-percentage-bar-percentage {
	font-size: 12px;
	font-weight: 600;
	color: #e0e0e0;
	text-align: right;
	margin-top: 5px;
}
/* END: KOL Percentage Bar Dark Mode */