.navbar {
	$navSize: 60px;
	position: fixed;
	bottom: 0;
	left: 0;
	display: grid;
	justify-items: center;
	align-items: center;
	width: 100svw;
	height: $navSize;
	background-color: #d94253;

	& > .navButton {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 5px;
		width: $navSize;
		height: $navSize;
		border-radius: 50%;
		background-color: #d94253;
		color: #ffffff;

		& > svg {
			width: $navSize / 2.5;
		}

		&.selected {
			margin-top: $navSize / -2;
			scale: 1.2;
		}

		& > .navButtonLabel {
			font-size: 0.7rem;
			color: #ffffff;
		}
	}
}