PagerScreen {
	width: 100%;
	height: 100%;
	font-family: Pixel Operator 8;
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: column;
	border-radius: 20px;
	padding: 25px;
	font-size: 30px;
	gap: 10px;

	.title {
		font-weight: bold;
	}

	.value {
		width: 100%;
		height: 50px;
		gap: 4px;

		.bar {
			background-color: rgba(0,0,0,0.95);
			width: 9%;
			height: 90%;
			align-items: center;
			justify-content: center;

			&.faded {
				background-color: rgba(0,0,0,0.25);
			}

			.number {
				font-size: 20px;
				font-weight: bold;
				color: #acaa97;
			}

			.recommended {
				position: absolute;
				top: 118px;
				color: rgba(0,0,0,0.95);
				font-size: 10px;
			}
		}
	}

	.buttons {
		position: absolute;
		width: 100%;
		height: 50px;
		bottom: -48px;
		font-size: 20px;

		.up {
			margin-left: 250px;
		}

		.down {
			margin-left: 260px;
		}
	}
}