.spinner-form-wrap {
	display: inline-block;
}

.ui-spinner {
	position: relative;
	display: block;
	height: auto !important;
}

.ui-spinner-input {
	width: 5.625rem;
	height: 2.6875rem;
	-moz-appearance: textfield;
	padding-left: 0.75rem;
	padding-right: 1.875rem;
	font-size: 1.25rem;
	text-align: center;
	color: #1f3b49;
	background-color: #f6f7f9;
	border: 1px solid #f6f7f9;
	border-radius: 8px;
}

.ui-spinner-input::-webkit-inner-spin-button {
	display: none;
}

.ui-spinner-button {
	position: absolute;
	z-index: 3;
	right: 1.25rem;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	opacity: .2;
	transition: all 0.2s ease-in-out;
}

.ui-spinner-button:before {
	content: '';
	border-style: solid;
	border-width: 7px 4px;
}

.ui-spinner-button:hover {
	opacity: 1;
}

.ui-spinner-button.ui-spinner-up {
	bottom: calc( 50% + 5px);
}

.ui-spinner-button.ui-spinner-up:before {
	border-color: transparent transparent #264555 transparent;
}

.ui-spinner-button.ui-spinner-down {
	top: calc( 50% + 5px);
}

.ui-spinner-button.ui-spinner-down:before {
	border-color: #264555 transparent transparent transparent;
}

.ui-spinner-button.ui-spinner-up.ui-button-icon:hover {
	border-bottom-color: #1c54e2;
}

.ui-spinner-button.ui-spinner-down.ui-button-icon:hover {
	border-top-color: #1c54e2;
}

* + .ui-spinner {
	margin-top: 0.1875rem;
}

@media (min-width: 992px) {
	.ui-spinner-input {
		height: 3.25rem;
	}
}

@media (min-width: 1600px) {
	.ui-spinner-input {
		height: 4.375rem;
	}
}