/* Fehler bei der Verkleinerung. Der Inhalt wird unverkleinert zurückgegeben.
(76,22): run-time error CSS1039: Token not allowed after unary operator: '-uk-blue'
(77,20): run-time error CSS1039: Token not allowed after unary operator: '-uk-blue'
(145,21): run-time error CSS1039: Token not allowed after unary operator: '-uk-blue'
 */
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color: #999 !important;
	font-weight: 400;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #999 !important;
	opacity: 1;
	font-weight: 400;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #999 !important;
	opacity: 1;
	font-weight: 400;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #999 !important;
	font-weight: 400;
}

::-ms-input-placeholder { /* Microsoft Edge */
	color: #999 !important;
	font-weight: 400;
}

::placeholder { /* Most modern browsers support this now. */
	color: #999 !important;
	font-weight: 400;
}

/* checkboxes */

input[type="checkbox"] {
	position: relative;
	width: 20px;
	min-width: 20px;
	height: 20px;
	color: #363839;
	background-color: #fff;
	border: 2px solid #bdc1c6;
	margin: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: 0;
	cursor: pointer;
	-webkit-transition: background 175ms cubic-bezier(0.1, 0.1, 0.25, 1);
	transition: background 175ms cubic-bezier(0.1, 0.1, 0.25, 1);
}

input[type="checkbox"]:focus {
	outline: 0;
}

input[type="checkbox"]::before {
	position: absolute;
	content: '';
	display: block;
	top: 1px;
	left: 5px;
	width: 7px;
	height: 12px;
	border-style: solid;
	border-color: #fff;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	opacity: 0;
	outline: 0;
}

	input[type="checkbox"]:checked {
		color: #fff;
		border-color: var(--uk-blue);
		background: var(--uk-blue);
		outline: 0;
	}

	input[type="checkbox"]:checked::before {
		opacity: 1;
	}

	input[type="checkbox"]:checked ~ label::before {
		-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	}

/* radios */
.radio-uk {
	margin: 16px 0;
	display: inline-block;
	cursor: pointer;
}

	.radio-uk input {
		display: none;
	}

		.radio-uk input + span {
			line-height: 20px;
			height: 20px;
			padding-left: 20px;
			display: inline-block;
			position: relative;
		}

			.radio-uk input + span:not(:empty) {
				padding-left: 28px;
			}

			.radio-uk input + span:before, .radio-uk input + span:after {
				content: '';
				width: 20px;
				height: 20px;
				display: inline-block;
				border-radius: 50%;
				left: 0;
				top: 0;
				position: absolute;
			}

			.radio-uk input + span:before {
				background: #bdc1c6;
				-webkit-transition: background 0.2s ease, -webkit-transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2);
				transition: background 0.2s ease, -webkit-transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2);
				transition: background 0.2s ease, transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2);
				transition: background 0.2s ease, transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2), -webkit-transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2);
			}

			.radio-uk input + span:after {
				background: #fff;
				-webkit-transform: scale(0.78);
				transform: scale(0.78);
				-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.4);
				transition: -webkit-transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.4);
				transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.4);
				transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.4), -webkit-transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.4);
			}

		.radio-uk input:checked + span:before {
			-webkit-transform: scale(1.04);
			transform: scale(1.04);
			background: var(--uk-blue);
		}

		.radio-uk input:checked + span:after {
			-webkit-transform: scale(0.3);
			transform: scale(0.3);
			-webkit-transition: -webkit-transform .3s ease;
			transition: -webkit-transform .3s ease;
			transition: transform .3s ease;
			transition: transform .3s ease, -webkit-transform .3s ease;
		}

	.radio-uk:hover input + span:before {
		-webkit-transform: scale(0.92);
		transform: scale(0.92);
	}

	.radio-uk:hover input + span:after {
		-webkit-transform: scale(0.74);
		transform: scale(0.74);
	}

	.radio-uk:hover input:checked + span:after {
		-webkit-transform: scale(0.3);
		transform: scale(0.3);
	}

.input-sub-text {
	font-size: 14px;
	margin-top: 0.25em;
}