html[data-nr-variant="control"] .nr-hud{display:none}

.nr-hud{max-width:560px;margin:14px auto 0;background:#fff;
  border:1px solid #e0e6ee;border-radius:16px;padding:16px;
  box-shadow:0 10px 30px -18px rgba(27,73,101,.22)}
.nr-hud-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.nr-hud-ico{width:34px;height:34px;flex-shrink:0;display:flex;align-items:center;
  justify-content:center;border-radius:9px;background:#fdf0e6;color:#eb8644}
.nr-hud-ico svg{width:19px;height:19px}
.nr-hud-label{font-size:15px;font-weight:700;color:#1b4965}
.nr-hud-bar{height:8px;border-radius:99px;background:#eef1f5;overflow:hidden}
.nr-hud-bar>span{display:block;height:100%;border-radius:99px;
  background:linear-gradient(90deg,#eb8644,#004aad);
  transition:width .45s cubic-bezier(.2,.8,.2,1)}
.nr-hud-count{margin-top:8px;font-size:13.5px;color:#5d6b7f;font-weight:500}
.nr-hud-count b{color:#1b4965;font-weight:700}
.nr-hud-list{list-style:none;margin:12px 0 0;padding:0;display:flex;
  flex-direction:column;gap:7px}
.nr-hud-list li{display:flex;align-items:center;gap:9px;font-size:13.5px;
  color:#8b97a8;opacity:.5;transition:opacity .3s,color .3s}
.nr-hud-list li.on{opacity:1;color:#1b4965;font-weight:600}
.nr-hud-list li i{width:17px;height:17px;flex-shrink:0;border-radius:50%;
  border:2px solid #ccd5e0;display:block;position:relative}
.nr-hud-list li.on i{background:#16a34a;border-color:#16a34a}
.nr-hud-list li.on i:after{content:"";position:absolute;left:4px;top:1px;
  width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;
  transform:rotate(45deg)}
.nr-hud-note{margin-top:12px;padding-top:11px;border-top:1px solid #e0e6ee;
  font-size:13px;line-height:1.45;color:#16233a}
.nr-hud-note.urgent{color:#b4530b;font-weight:600}
.nr-hud.bump{animation:nrBump .3s cubic-bezier(.2,1.4,.4,1)}
@keyframes nrBump{0%{transform:scale(1)}40%{transform:scale(1.015)}100%{transform:scale(1)}}
html.lite .nr-hud.bump{animation:none}
@media (prefers-reduced-motion:reduce){
  .nr-hud.bump{animation:none}.nr-hud-bar>span{transition:none}}

.nr-hud-mini{max-width:560px;margin:0 auto 10px;padding:0 2px}
.nr-hud-mini .nr-hud-bar{height:6px}
.nr-hud-mini-count{margin-top:6px;font-size:12.5px;color:#5d6b7f;
  font-weight:500;text-align:center}
.nr-hud-mini-count b{color:#1b4965;font-weight:700}
.nr-hud-mini.bump{animation:nrBump .3s cubic-bezier(.2,1.4,.4,1)}
html[data-nr-variant="control"] .nr-hud-mini{display:none}
html.lite .nr-hud-mini.bump{animation:none}
@media (min-width:561px){.nr-hud-mini{display:none}}