.wear-scale{margin-bottom:14px}.wear-scale__track{border-radius:8px;height:26px;display:flex;position:relative;overflow:hidden}.wear-scale__zone{background:var(--wear-zone);color:#000000d1;cursor:help;place-items:center;font-size:10.5px;font-weight:900;display:grid}.wear-scale__zone_fn{--wear-zone:#38b24a;--wear-zone-off:#233c30}.wear-scale__zone_mw{--wear-zone:#84c343;--wear-zone-off:#303f2e}.wear-scale__zone_ft{--wear-zone:#dfc04a;--wear-zone-off:#413e30}.wear-scale__zone_ww{--wear-zone:#ef8641;--wear-zone-off:#44342e}.wear-scale__zone_bs{--wear-zone:#eb4b4b;--wear-zone-off:#432930}.wear-scale__zone_off{background:var(--wear-zone-off);color:#a9b2c0}.wear-scale__range{pointer-events:none;border:2px solid #fff;border-radius:8px;position:absolute;top:0;bottom:0;box-shadow:0 0 10px #0009,inset 0 0 12px #ffffff2e}.wear-scale__values{color:#8a93a2;justify-content:space-between;margin-top:6px;font-size:12px;font-weight:700;display:flex}.wear-scale__marker{pointer-events:none;background:#fff;border-radius:2px;width:3px;margin-left:-1.5px;position:absolute;top:-4px;bottom:-4px;box-shadow:0 0 0 1.5px #0000008c}[dir=rtl] .wear-scale__marker{margin-left:0;margin-right:-1.5px}