.kgmp-meter[hidden], .kgmp-banner[hidden] { display: none !important; }
.kgmp-meter { display: flex; align-items: center; gap: 20px; width: 100%; box-sizing: border-box; padding: 13px 12px; margin: 0 0 16px; background: #e6eff3; border-radius: 4px; color: #46515b; font-size: 13px; line-height: 1.45; }
.kgmp-meter strong { color: #203766; font-weight: 700; }
.kgmp-meter__message { flex: 1 1 270px; }
.kgmp-meter__bar { appearance: none; -webkit-appearance: none; flex: 1 1 220px; width: 220px; min-width: 80px; height: 7px; border: 0; border-radius: 8px; overflow: hidden; background: #ccd1d3; color: #1b8937; }
.kgmp-meter__bar::-webkit-progress-bar { background: #ccd1d3; border-radius: 8px; }
.kgmp-meter__bar::-webkit-progress-value { background: #1b8937; border-radius: 8px; transition: width .2s; }
.kgmp-meter__bar::-moz-progress-bar { background: #1b8937; border-radius: 8px; }
.kgmp-meter__totals { flex: 0 0 auto; color: #758491; font-size: 12px; font-weight: 700; text-align: right; }
.kgmp-meter--blocked, .kgmp-meter--unavailable, .kgmp-meter--error { background: #f4eee1; }
.kgmp-meter--blocked .kgmp-meter__bar, .kgmp-meter--unavailable .kgmp-meter__bar, .kgmp-meter--error .kgmp-meter__bar { display: none; }
.kgmp-banner { display: block; width: 100%; max-width: 1380px; margin: 0 auto 24px; }
.kgmp-banner img { display: block; width: 100%; max-width: 1380px; height: auto; }
@media (max-width: 767px) {
  .kgmp-meter { flex-wrap: wrap; gap: 10px 14px; padding: 12px; }
  .kgmp-meter__message { flex: 1 0 100%; }
  .kgmp-meter__bar { flex: 1 1 100px; width: 100px; }
  .kgmp-meter__totals { font-size: 11px; }
  .kgmp-banner { margin-bottom: 16px; }
}