:root {
	--QtySelect-icon-color: currentColor;
	--QtySelect-icon-color-hover: currentColor;
	--QtySelect-icon-size: 1.1em;
	--QtySelect-minus-icon-disabled-color: currentColor;
	--QtySelect-qty-border-color: currentColor;
	--QtySelect-qty-border-width: 1px;
	--QtySelect-qty-margin: 0;
	--QtySelect-qty-padding: 0;
}

.QtySelect-qty {
	margin: var(--QtySelect-qty-margin);
	border-style: solid;
	border-width: var(--QtySelect-qty-border-width);
	border-color: var(--QtySelect-qty-border-color);
	padding: var(--QtySelect-qty-padding);
	cursor: default;
}

.QtySelect-minus,
.QtySelect-plus {
	color: var(--QtySelect-icon-color);
}

.QtySelect-minus:not(.QtySelect-minus--disabled),
.QtySelect-plus:not(.QtySelect-plus--disabled) {
	cursor: pointer;
	transition: var(--base-transition);

	&:hover {
		color: var(--QtySelect-icon-color-hover);
		transition: var(--base-transition);
	}
}

.QtySelect-minus--disabled,
.QtySelect-plus--disabled {
	color: var(--QtySelect-minus-icon-disabled-color);
}

.QtySelect-minus .Icon,
.QtySelect-plus .Icon {
	font-size: var(--QtySelect-icon-size);
}