.self-award-live-banner{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:38px;
  margin:0 0 12px;
  padding:7px 12px;
  border:1px solid #16a34a;
  border-radius:10px;
  background:#dcfce7;
  color:#14532d;
  box-shadow:0 3px 12px rgba(20,83,45,.10);
  font-size:.82rem;
  font-weight:750;
  line-height:1.2
}
.self-award-live-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:23px;
  padding:3px 8px;
  border-radius:999px;
  background:#15803d;
  color:#fff;
  font-size:.67rem;
  font-weight:950;
  letter-spacing:.055em;
  white-space:nowrap
}
.self-award-live-label{white-space:nowrap}
.self-award-live-banner-code{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:76px;
  min-height:25px;
  padding:3px 8px;
  border-radius:7px;
  background:#166534;
  color:#fff;
  font-size:.82rem;
  font-weight:950;
  font-variant-numeric:tabular-nums;
  letter-spacing:.09em;
  line-height:1;
  white-space:nowrap
}
.self-award-live-divider{color:#4ade80;font-weight:900}
.self-award-live-banner-countdown{
  color:#166534;
  font-size:.78rem;
  font-weight:750;
  font-variant-numeric:tabular-nums;
  white-space:nowrap
}
.self-award-live-banner-countdown b{font-weight:950}
@media(max-width:720px){
  .self-award-live-banner{
    justify-content:flex-start;
    gap:6px 7px;
    padding:7px 9px;
    font-size:.76rem;
    flex-wrap:wrap
  }
  .self-award-live-badge{font-size:.61rem}
  .self-award-live-label{white-space:normal;flex:1 1 auto}
  .self-award-live-divider{display:none}
  .self-award-live-banner-countdown{margin-left:auto;font-size:.72rem}
}