$clear-black: rgba(0, 0, 0, .15);
$clear-white: rgba(255, 255, 255, .45);
$clear-blue: rgba(51, 125, 169, .5);

.bc-input {
	@include bc-box-sizing;
	width: 100%;
	height: 40px;
	padding: 0 10px;
	border: 1px solid $bc-color-5;
	border-radius: 3px;
	background: $bc-color-7;
	color: $bc-color-2;
	font: 13px/1 $ft-norm;
	line-height: initial !important;
	box-shadow: 0 3px 5px -3px $clear-black inset, 0 1px 0 $clear-white;

	&:focus {
		border: 1px solid $bc-color-14;
		outline: 0;
		box-shadow: 0 0 10px $clear-blue;
	}

	&:hover {
		border: 1px solid $bc-color-14;
	}
}