@media (max-width:820px){
  body:not(.kk-match-active) #root .hero-metrics{gap:10px!important;margin-top:12px!important}
  body:not(.kk-match-active) #root .hero-metrics>div{
    background:rgba(255,255,255,.94)!important;
    border:1px solid rgba(255,255,255,.98)!important;
    box-shadow:0 10px 24px rgba(19,34,27,.12)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  body:not(.kk-match-active) #root .hero-metrics b{
    color:#17372a!important;
    font-size:17px!important;
    font-weight:900!important;
    line-height:1.05!important;
    opacity:1!important;
    text-shadow:none!important;
  }
  body:not(.kk-match-active) #root .hero-metrics span,
  body:not(.kk-match-active) #root .hero-metrics small{
    color:#5d6965!important;
    font-size:8.5px!important;
    font-weight:800!important;
    line-height:1.18!important;
    opacity:1!important;
    text-shadow:none!important;
  }
  body:not(.kk-match-active) #root .hero-metrics svg,
  body:not(.kk-match-active) #root .hero-metrics .icon{opacity:.9!important}
}
@media (max-width:390px){
  body:not(.kk-match-active) #root .hero-metrics b{font-size:16px!important}
  body:not(.kk-match-active) #root .hero-metrics span,
  body:not(.kk-match-active) #root .hero-metrics small{font-size:8px!important}
}