.pss-pass-box {float:left;clear:both;width:calc(100% - 4px);max-width:436px;background:#c4c4c4;border-radius:100px;margin:6px 2px 4px 2px;height:16px;position:relative;overflow:hidden;}
.pss-pass-box .pss-pass-val {position:absolute;left:0;top:0;max-width:100%;padding:1px 7px;line-height:14px;font-size:11px;font-weight:600;color:#fff;text-shadow:0px 1px 1px rgba(0,0,0,0.4);letter-spacing:0.3px;}
.pss-pass-box .pss-pass-bar {min-width:20%;width:20%;transition:0.5s;background:#C0392B;display:inline-block;height:16px;max-width:100%;box-shadow:0 2px 4px rgba(0,0,0,0.3);}
.pss-pass-box[data-class="weak"] .pss-pass-bar {width:40%;background:#E67E22;}
.pss-pass-box[data-class="fair"] .pss-pass-bar {width:60%;background:#F1C40F;}
.pss-pass-box[data-class="strong"] .pss-pass-bar {width:82%;background:#27AE60;}
.pss-pass-box[data-class="verystrong"] .pss-pass-bar {width:100%;background:#1E8449;}


/* RTL */
html[dir="rtl"] .pss-pass-box {direction: rtl;text-align: right;}
html[dir="rtl"] .pss-pass-box .pss-pass-val {left:auto;right:0;}


/* DARK MODE */
html[mode="dark"] .pss-pass-box {background:var(--mb-color9, #9c9c9c);}