.wd-quantity-overlap {
	--quantity-space: 80px;
}

.wd-quantity-overlap div.quantity {
	position: absolute;
	bottom: 0;
	inset-inline-start: 0;
	z-index: 2;
	height: 100%;
	filter: brightness(.95);
	transform: translate3d(0, 0, 0);
}

.wd-quantity-overlap div.quantity input[type] {
	height: 100%;
	border: none;
	background-color: var(--btn-accented-bgcolor);
	box-shadow: var(--btn-accented-box-shadow);
	color: var(--btn-accented-color);
	transition: all .25s ease;
}

.wd-quantity-overlap div.quantity input[type]:hover {
	filter: brightness(.95);
}

.wd-quantity-overlap div.quantity input[type="button"] {
	min-width: 25px;
	border-radius: 0;
}

.wd-quantity-overlap div.quantity:not(.hidden)+.button, .wd-quantity-overlap div.quantity:not(.hidden)+link+.button, .wd-quantity-overlap div.quantity:not(.hidden)+link+link+.button {
	padding-inline-start: var(--quantity-space);
}

.wd-quantity-overlap div.quantity:not(.hidden)+.button:before, .wd-quantity-overlap div.quantity:not(.hidden)+link+.button:before, .wd-quantity-overlap div.quantity:not(.hidden)+link+link+.button:before {
	inset-inline-start: var(--quantity-space);
}

.wd-quantity-overlap div.quantity:not(.hidden)+.button:after, .wd-quantity-overlap div.quantity:not(.hidden)+link+.button:after, .wd-quantity-overlap div.quantity:not(.hidden)+link+link+.button:after {
	inset-inline-start: calc(50% - 9px + var(--quantity-space) / 2);
}

.wd-quantity-overlap div.quantity:not(.hidden)+.single_add_to_cart_button {
	padding-inline-start: calc(20px + var(--quantity-space));
}

.wd-quantity-overlap :is(div, .cart):hover>div.quantity input[type], .wd-quantity-overlap :is(div, .cart):hover>div.quantity+.button {
	background-color: var(--btn-accented-bgcolor-hover);
	box-shadow: var(--btn-accented-box-shadow-hover);
	color: var(--btn-accented-color-hover);
}

.wd-quantity-overlap :is(div, .cart):active>div.quantity {
	bottom: var(--btn-accented-bottom-active);
}

.wd-quantity-overlap :is(div, .cart):active>div.quantity input[type], .wd-quantity-overlap :is(div, .cart):active>div.quantity+.button {
	box-shadow: var(--btn-accented-box-shadow-active);
}

.wd-quantity-overlap div.quantity:active {
	bottom: 0 !important;
}

.wd-quantity-overlap div.quantity:active input[type], .wd-quantity-overlap div.quantity:active+.button {
	box-shadow: var(--btn-accented-box-shadow) !important;
}