.f-product-inventory[data-status=normal], .f-product-inventory[data-status=instock] {
    --opacity: 1;
    --color: var(--color-success)
}

.f-product-inventory[data-status=low] {
    --opacity: 1;
    --color: var(--color-warning)
}

.f-product-inventory[data-status=backordered] {
    --opacity: 0.6;
    --color: var(--color-foreground)
}

.f-product-inventory[data-status=outofstock] {
    --opacity: 1;
    --color: var(--color-error)
}

.f-product-inventory__inner {
    color: rgb(var(--color), var(--opacity))
}

.f-product-inventory__text {
    font-family: var(--font-stack-header);
    font-weight: var(--font-weight-header);
    font-style: var(--font-style-header);
    position: relative;
    padding-left: 20px
}

.f-product-inventory__pin {
    width: 6px;
    height: 6px;
    position: absolute;
    left: 3px;
    top: 50%;
    transform: translateY(-50%)
}

.f-product-inventory__pin:before, .f-product-inventory__pin:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%;
    background-color: rgb(var(--color), var(--opacity))
}

.f-product-inventory__pin:after {
    animation: 1.5s dotScale ease-in-out infinite
}

.f-product-inventory__message p {
    display: inline-block
}

.f-product-inventory .f-progress-bar {
    --color-progress-bar: rgb(var(--color), var(--opacity));
    --scale-x: var(--percent, 100%);
    margin-top: 6px
}

.main-product__block-inventory_status .f-product-inventory__text {
    padding-left: 26px
}

.main-product__block-inventory_status .f-product-inventory__pin {
    width: 10px;
    height: 10px;
    left: 4px
}