.quantity-popover {
    margin-inline-start: 8px
}

.quantity-popover__button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px
}

.quantity-popover__wrapper {
    position: absolute;
    top: calc(100% + 10px);
    left: 50%;
    transform: translateX(-50%);
    width: max-content;
    min-width: 200px;
    max-width: 350px;
    border: 1px solid rgb(var(--color-border));
    z-index: 98;
    background-color: rgb(var(--color-background))
}

.quantity-popover__wrapper[hidden] {
    z-index: -1;
    pointer-events: none
}

.quantity-popover__close {
    position: absolute;
    right: 8px;
    top: 8px
}

.quantity-popover .quantity__rules {
    padding: 8px 20px 8px 12px;
    display: block
}

.quantity-popover .quantity__rules .divider:first-child {
    display: block
}

.quantity-popover .quantity__rules .divider:first-child:before {
    display: none
}

.quantity-popover .volume-pricing {
    background: none;
    padding: 0
}

.quantity-popover .volume-pricing__list {
    margin-top: 0
}

.quantity-popover .volume-pricing__item:nth-child(2n+1) {
    background-color: rgba(var(--color-foreground), 0.05)
}