input[type=number] {
	appearance: textfield;
	width: 40px;
	margin: 2px 0px 2px 0px;
}
input[type=checkbox] {
	margin: 0px;
}

html, body {
	width: 100%;
	height: 100%;
}

#wrapper {
	display: flex;
	flex-direction: row;
	width: 100%;
	font-family: monospace;

	#generate-form {
		width: 200px;
		font-size: 16px;

		#alert {
			color: green;
		}
	}

	#passwords {
		font-size: 20px;

		div.password-wrapper {
			display: flex;
			flex-direction: row;
			width: 100%;
		}

		div.idx {
			color: grey;
			margin-right: 10px;
			text-align: right;
			width: 48px;
		}

		div.password {
			user-select: all;
			cursor: pointer;

			&:hover {
				background-color: lightgrey;
			}
		}

		.danger {
			color: red;
			margin-left: 38px;
		}
	}
}