/* aplform */
.aplform{
	position:relative;
	margin:0;
	padding:10px 0;
	text-align:center;
}
.aplform-label{
	padding:3px 0;
	color:var(--themecolor);
	font-size:80%;
	text-align:left;
}
.aplform-form-group{
	margin:0 auto;
	width:100%;
	max-width:600px;
}
.aplform-input-group{
	width:100%;
	height:100px;
	display:flex;
	flex-direction:column;
	align-items:center;
}
.aplform-input{
	positin:relative;
	flex-grow:1;
	width:100%;
	padding:0 15px;
	padding-top:3px;
	font-size:120%;
	border:none;
	border-radius:5px;
	box-shadow:inset 1px 1px 5px #000;
	outline-color:var(--themecolor);
}
.aplform-input::placeholder{
	color:#888;
	opacity:1;
}
.aplform-submit{
	flex-grow:1;
	position:relative;
	display:inline-block;
	padding:0 20px;
	border-radius:0 0 5px 5px;
	overflow:hidden;
	cursor:pointer;
	user-select:none;
	display:flex;
	justify-content:center;
	align-items:center;
	outline-color:var(--themecolor);
}
.aplform-submit-back{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background-color:var(--themecolor);
	opacity:0.6;
}
.aplform-submit-label{
	position:relative;
	white-space:nowrap;
	font-weight:bold;
}
.aplform-submit:hover .aplform-submit-back{
	opacity:0.7;
}
.aplform-submit:active{
	top:1px;
}
@media (min-width:624px){
	.aplform-form{
		padding:10px;
	}
	.aplform-input-group{
		height:50px;
		flex-direction:row;
		justify-content:center;
		align-items:stretch;
	}
	.aplform-input{
		flex-grow:1;
		border-radius:5px 0 0 5px;
	}
	.aplform-submit{
		flex-grow:1;
		border-radius:0 5px 5px 0;
	}
}
.aplform.aplform-shake .aplform-input,
.aplform.aplform-shake .aplform-submit{
	animation-name:kf-aplform-shake;
	animation-iteration-count:5;
	animation-duration:0.2s;
}
@keyframes kf-aplform-shake{
	0%{
		transform:rotate(0);
		animation-timing-function:ease-out;
	}
	25%{
		transform:rotate(-3deg);
		animation-timing-function:ease-in-out;
	}
	75%{
		transform:rotate(3deg);
		animation-timing-function:ease-in;
	}
	100%{
		transform:rotate(0);
	}
}