.input-spinner
	@extends .control
	input
		padding 0 46px
		position relative
		text-align center
.spinner-button
	display inline-block
	width 9px
	height 10px
	cursor pointer
	width 33px
	height 33px
	background #f5f5f5
	absolute top right
	border 1px solid mediumgray
	z-index 1
	border-radius 0 2px 2px 0
	text-align center
	line-height 34px
	&:before
		content ""
		display inline-block
		background darkgray
		height 2px
		width 12px
		vertical-align middle
	&:hover:before, &:hover:after
		background darkpurple
.spinner-down
	left 0
	right auto
	border-radius 2px 0 0 2px
.spinner-up
	&:after
		@extends .spinner-button:before
		height 12px
		width 2px
		margin 0 7px 0 -7px