InputsUI {
	.mode {
		position: absolute;
		top: 2rem;
		width: 100%;
		align-items: center;
		justify-content: center;
		color: white;
		font-size: 48px;
		font-family: "Poppins";
		flex-direction: column;
		gap: 4px;
		
		.title {
			font-size: 28px;
		}
		
		.heading {
			font-weight: 300;
			color: lightgray;
		}
		
		.hint {
			font-size: 20px;
			color: lightgray;
			text-shadow: 0 0 4px rgba(0, 0, 0, 1);
		}
	}
	
	.center {
		position: absolute;
		display: flex;
		justify-content: center;
		bottom: 40%;
		gap: 5px;
		width: 100%;
	}

	.permanent-hints {
		position: absolute;
		left: 10px;
		bottom: 15px;
		flex-direction: column;
		gap: 5px;
		padding: 12px;
	}

	.footer {
		font-family: 'Baloo 2';
		position: absolute;
		bottom: 0;
		left: 2rem;
		color: white;
	}

	.title {
		align-items: center;
		font-size: 20px;
		font-family: 'Baloo 2';
		font-weight: bold;
		color: #fff;
		border-radius: 4px;
		background-color: rgba(0, 0, 0, 0.5);
		padding: 5px 12px;
		gap: 8px;
	}
}