.progress-wrap{width:min(620px,90%);height:16px;margin:0 auto 14px;background:#d8e0d8;border-radius:99px;overflow:hidden}.progress-wrap>div{width:0;height:100%;background:var(--green);border-radius:99px;transition:width .35s ease}#progresspct{display:block;font-size:18px;color:var(--green)}
.stock{display:inline-flex;align-items:center;gap:6px;margin-top:7px;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800}.stock i{width:7px;height:7px;border-radius:50%;background:currentColor}.stock-in{color:#146c3c;background:#dff3e6}.stock-out{color:#a33b2d;background:#f8dfda}.stock-unknown{color:#68716c;background:#eceeeb}