select,
input {
	font-family: var(--main-font);
	padding: 0.15rem 0.4rem;
	box-sizing: border-box;
	border: 1px solid var(--input-border-color);
	background-color: var(--input-bg-color);
	color: var(--input-fg-color);
	border-radius: var(--border-radius);
	box-sizing: border-box;
	padding: 0.25rem 0.5rem;

	&:focus {
		border-color: var(--input-focus-border-color);
		outline: none;
	}

	&.small {
		padding: 0.1rem 0.25rem;
	}
}

.checkbox-label {
	display: inline-flex;
	align-items: center;
}

.checkbox-label input[type="checkbox"] {
	margin-top: 6px;
}