.qty-indicator{display:flex;align-items:center;margin:0 0 20px;font-size:.85em;white-space:nowrap}
.qty-indicator:not(.qty-indicator-type-4):before{content:attr(data-text);margin:0 5px 0 0}
.qty-indicator__bar{position:relative;overflow:hidden;width:61px;height:8px;margin:2px 0 0;background:var(--qty-indicator-0);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 rgba(0 0 0 / .08);border-radius:3px}
.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-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)}

@media (max-width:575px){
	.product-thumb .qty-indicator:before{display:var(--prod-thumb-indicator-before-display, none)}
}