honeypot/assets/css/pages/login.css

main {
	display: grid;
	align-items: baseline;
	grid-template-columns: 1fr 300px;

	> div {
		height: 100%;
	}

	aside {
		height: 100%;
		padding: 20px;

		> * {
			margin-bottom: 10px;
		}
	}

	.container {
		display: grid;
		grid-template-columns: 100px 1fr;

		[vv-loading="true"] & {
			opacity: .7;
			pointer-events: none;
		}

		> div {
			gap: 20px;
			display: flex;
			align-items: baseline;
			flex-direction: column;

			p {
				font-weight: 800;
			}
		}

		form {
			gap: 10px;
			display: flex;
			align-items: baseline;
			flex-direction: column;

			div {
				gap: 10px;
				display: flex;
			}

			.captcha {
				color: black;
				font-size: 50px;
				margin-top: 20px;
				user-select: none;
			}
		}
	}
}

dialog {
	form {
		gap: 10px;
		display: flex;
		flex-direction: column;
	}
}