/* Courbe d'activité de la barre du haut (web/static/js/pouls.js) : décor seul, sans texte ni bulle. Couleur d'accent du thème. */
.tb-pouls {
  --pouls-l: 150px;
  --pouls-h: 22px;
  --pouls-fondu: 14%;
  flex: 0 100 var(--pouls-l);      /* cède la place la première : jamais de gêne pour le titre ni pour les boutons */
  min-width: 0;
  width: var(--pouls-l);
  height: var(--pouls-h);
  box-sizing: content-box;
  border-left: var(--s-3) solid transparent;      /* jamais collée au titre de la page */
  margin: 0 var(--s-2) 0 auto;
  overflow: hidden;
  color: var(--accent);
  pointer-events: none;
  user-select: none;
  -webkit-mask: linear-gradient(90deg, transparent, var(--zb-plein) var(--pouls-fondu), var(--zb-plein) 100%);
  mask: linear-gradient(90deg, transparent, var(--zb-plein) var(--pouls-fondu), var(--zb-plein) 100%);
}
.tb-pouls canvas { display: block; width: 100%; height: 100%; }
.tb-pouls ~ .nt-wrap, .tb-pouls ~ .tb-theme { margin-left: 0; }
@media (max-width: 900px) { .tb-pouls { --pouls-l: 90px; } }
@media (max-width: 559px) { .tb-pouls { display: none; } }