.qty-indicator{display:flex;align-items:center;margin:0 0 15px;font-size:.95em;color:#777;white-space:nowrap}
.qty-indicator:before{content:attr(data-text);margin:0 5px 0 0}
.qty-indicator__bar{position:relative;overflow:hidden;width:61px;height:10px;background:var(--qty-indicator-0-bg);border-radius:3px}
.qty-indicator__bar:before, .qty-indicator__bar:after{position:absolute;top:0;bottom:0;width:21.5%;content:'';border-left:solid 1px #fff;border-right:solid 1px #fff;opacity:.5}
.qty-indicator__bar:before{left:20%}
.qty-indicator__bar:after{left:60%}
.qty-indicator__percent{height:100%}
.qty-indicator__percent:before{position:absolute;z-index:2;top:0;bottom:0;left:0;right:0;content:'';border:solid 1px #000;border-radius:2px;opacity:.08}
.qty-indicator__text{font-weight:500}

.qty-indicator__percent.p-0{background:var(--qty-indicator-0)}
.qty-indicator__percent.p-1{background:var(--qty-indicator-1)}
.qty-indicator__percent.p-2{background:var(--qty-indicator-2)}
.qty-indicator__percent.p-3{background:var(--qty-indicator-3)}
.qty-indicator__percent.p-4{background:var(--qty-indicator-4)}
.qty-indicator__percent.p-5{background:var(--qty-indicator-5)}

/*.qty-indicator__text.t-0{color:var(--qty-indicator-0)}*/
.qty-indicator__text.t-0{color:#e80000;}

.qty-indicator__text.t-1{color:var(--qty-indicator-1)}
.qty-indicator__text.t-2{color:var(--qty-indicator-2)}
.qty-indicator__text.t-3{color:var(--qty-indicator-3)}
.qty-indicator__text.t-4{color:var(--qty-indicator-4)}
.qty-indicator__text.t-5{color:var(--qty-indicator-5)}