section#statistics-total-entry-wrapper {
	margin-bottom: calc(var(--margin) * 2);
}

p#statistics-header {
	font-size: var(--font-header);
	font-weight: bold;
	margin-bottom: calc(var(--margin) * 2);
}

p#statistics-entrys {
	font-size: var(--font-subHeader);
}

p.statistic-distribution-explainer {
	margin-bottom: var(--margin);
}

p.statistic-distribution-explainer>span {
	margin-bottom: var(--margin);
	color: var(--red);
}

div.statistics-distribution {
	display: flex;
	border-top: 2px dotted var(--transparentWhite);
	height: 450px;
	max-height: 80vh;
	margin-bottom: 25ch;
}

div.statistics-distribution>div:first-child,
div.categorys-visible-height {
	display: none;
}

div.statistics-bar {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	position: relative;
	height: 450px;
	max-height: 80vh;
	margin-bottom: 25ch;
}

p.statistics-bar-percentage {
	margin-bottom: calc(var(--margin) / 2);
}

div.statistics-bar-height {
	background: rgb(65, 15, 230);
	background: linear-gradient(0deg, rgba(65, 15, 230, 1) 0%, rgba(65, 15, 230, 0.5) 100%);
	border-top: 2px solid var(--white);
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	height: 0%;
	transition: all 1s;
}

div.statistics-bar-visible-height {
	border-top: 2px solid var(--red);
	height: 0%;
	background: rgb(245, 0, 86);
	background: linear-gradient(0deg, rgba(245, 0, 86, 0) 0%, rgba(245, 0, 86, 0.1) 100%);
	transition: all 1s;
}

p.statistics-bar-type {
	transform: rotate(90deg) translateX(calc(50% + 1.5 * var(--margin)));
	text-transform: uppercase;
	font-weight: bold;
	position: absolute;
	white-space: nowrap;
}