.syn-location-qty {
    --syn-location-qty-border: 1px solid #aaa;
    --syn-location-qty-padding: .3em .5em;

    margin-top: 3rem;
    border: var(--syn-location-qty-border);
    max-width: 500px;
}

.syn-location-qty.hidden {
    display: none;
}

.syn-location-qty .syn-location-qty-title {
    border-bottom: var(--syn-location-qty-border);
    padding: var(--syn-location-qty-padding);
    text-align: center;
}

.syn-location-qty .syn-location-qty-row {
    display: flex;
}

.syn-location-qty .syn-location-qty-row:not(:last-child) {
    border-bottom: var(--syn-location-qty-border);
}

.syn-location-qty .syn-location-qty-row .syn-location-qty-name,
.syn-location-qty .syn-location-qty-row .syn-location-qty-value {
    padding: var(--syn-location-qty-padding);
    width: 50%;
}

.syn-location-qty .syn-location-qty-row .syn-location-qty-name {
    border-right: var(--syn-location-qty-border);
}

.syn-location-qty .syn-location-qty-row .syn-location-qty-value.in-stock {
    color: #0e7b17;
}

.syn-location-qty .syn-location-qty-row .syn-location-qty-value.out-of-stock {
    color: #912323;
}