/* ===== COH Progress Meters (global) ===== */
.coh-meter{
  display:inline-block; 
  padding:14px 16px; 
  border-radius: 20px;
  border: 1px solid rgba(153, 153, 153, 0.00);
  background: rgba(255, 255, 255, 0.30);
  backdrop-filter: blur(5px);
  min-width:220px; 
  font-family:inherit;
  border: 1px solid #999;
}
.coh-meter__head{ font-weight:800; letter-spacing:.3px; margin-bottom:10px;color: #ffffff; }

.coh-meter__bar{
  position:relative; height:34px; border-radius:999px;
  background: rgba(108, 107, 166, 0.40); overflow:hidden;
}

.coh-meter__bar::before{
  content:""; position:absolute; left:0px; right:0px; top:0px; bottom:0px;
  border-radius:999px;
  background:linear-gradient(90deg,#ff7a00,#ffb038);
  transform-origin:0 50%;
  transform:scaleX(var(--coh-scale,0));
  transition:transform .9s ease;
}

.coh-meter__label{
  position:absolute; inset:0; 
  display:flex; 
  font-size:20px;
  line-height:normal;
  text-transform:uppercase;
  align-items:center; 
  justify-content:flex-start;
  font-weight:800; 
  color:#fff; 
  text-shadow:0 1px 1px rgba(0,0,0,.25);
  pointer-events:none;
  padding-left: 5%;
}
@media (max-width:1440px){
  .coh-meter{ min-width:190px; }
  .coh-meter__head{ font-size:14px; }
  .coh-meter__bar{ height:30px; }
}
@media (max-width:480px){
  .coh-meter{ min-width:160px; }
  .coh-meter__head{ font-size:13px; }
  .coh-meter__bar{ height:30px; }
}
@media (min-width:375px) and (max-width:414px){
  .coh-meter{ min-width:145px; }
  .coh-meter__head{ font-size:12px; }
  .coh-meter__bar{ height:30px; }
}

@media (min-width:360px) and (max-width: 374px){
  .coh-meter{ min-width:145px; }
  .coh-meter__head{ font-size:12px; }
  .coh-meter__bar{ height:30px; }
}
@media (min-width:768px) and (max-width:1024px){
  .coh-meter{ min-width:164px; }
  .coh-meter__head{ font-size:14px; }
  .coh-meter__bar{ height:30px; }
}