.product-inventory .low-stock, .product-inventory .in-stock, .product-inventory .out-stock { display: inline-flex; align-items: flex-start; } .product-inventory .low-stock::before, .product-inventory .in-stock::before, .product-inventory .out-stock::before { --icon-size: 10px; display: block; flex-shrink: 0; width: var(--icon-size); height: var(--icon-size); margin: calc((1em * var(--sort-body-line-height) - var(--icon-size)) / 2) 0; margin-inline-end: 8px; content: ""; background-color: currentcolor; border-radius: 50%; } .product-inventory .low-stock::before { background-color: #fe9e0f; } .product-inventory .in-stock::before { background-color: #35c08e; } .product-inventory .out-stock { color: #f86140; }