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

.wd-quantity-overlap div.quantity {
    position: absolute;
    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: transparent;
    color: #ffffff;
    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-left: 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 {
    left: 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 {
    left: calc(50% + var(--quantity-space) / 2)
}

.wd-quantity-overlap div.quantity:not(.hidden)+.single_add_to_cart_button {
    padding-left: 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
}