.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(0.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(0.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}