.spc-control{
	position:relative;
	display:inline-block;
	line-height:0;
	font-size:0;
	user-select:none;
}
.spc-control div{
	display:table-cell;
	cursor:pointer;
}
.spc-inpbox{
	position:relative;
	text-align:right;
	border-width:1px 0;
}
.spc-inpbox.spc-nopadding{
	padding:0;
}
.spc-select{
	padding-left:0;
	padding-right:0;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	width:100%;
	background:#fff;
	border:none;
	text-align:right;
}
.spc-select:focus{
	outline:1px dotted #000;
	outline-offset:-2px;
}
.spc-dec,
.spc-inc{
	display:table-cell;
	padding-top:3px;
	width:3.8ch;
	font-family:"Arial";
	font-size:16px;
	line-height:1;
	color:#888;
	background:#eee;
	border:1px solid #ccc;
	text-align:center;
	vertical-align:middle;
	touch-action:none;
}
.spc-dec:active,
.spc-inc:active{
	color:#000;
}
.spc-dec:focus,
.spc-inc:focus{
	outline:1px dotted #000;
	outline-offset:-3px;
}
.spc-dec:before,
.spc-inc:before{
	font-size:150%;
}
.spc-dec:before{
	content:"−";
}
.spc-inc:before{
	content:"+";
}