.mwai-statistics {
	--mwai-spacing: 15px;
	--mwai-fontSize: 15px;
	--mwai-borderRadius: 10px;
	--mwai-fontColor: #FFFFFF;
	--mwai-backgroundPrimaryColor: #454654;
	--mwai-backgroundSecondaryColor: #343541;
	--mwai-aiAvatarBackgroundColor: #10a37f;
	--mwai-userAvatarBackgroundColor: #135ea4;
	--mwai-headerButtonsColor: #FFFFFF;
}

.mwai-statistics-usage {
	display: flex;

	.mwai-statistics-bar-container {
		flex: auto;
		background: var(--mwai-backgroundSecondaryColor);
		border-radius: var(--mwai-borderRadius);
		padding: 3px;
		text-align: center;
		height: 30px;

		.mwai-statistics-bar {
			background: #2c9b80;
			border-radius: var(--mwai-borderRadius);
			height: 100%;

			.mwai-statistics-bar-text {
				color: var(--mwai-fontColor);
				font-size: var(--mwai-fontSize);
			}
		}
	}

	.mwai-statistics-bar-text {
		display: flex;
		align-items: center;
		justify-content: center;
		padding-left: 10px;
		color: var(--mwai-fontColor);
		font-size: var(--mwai-fontSize);
	}
}