.palert-host { position:relative; display:block; width:max-content; height:max-content; visibility:visible; }
.palert { position:relative; display:grid; grid-template-rows:minmax(1.35em,auto) var(--alert-thickness) minmax(1.35em,auto);
  align-items:center; justify-items:center; width:var(--alert-width); min-height:calc(var(--alert-value-size) * 1.35 + var(--alert-thickness) + var(--alert-user-size) * 1.35);
  font-family:var(--alert-font); font-weight:var(--alert-weight); color:var(--alert-text); line-height:1.15;
  font-synthesis:none; font-variant-numeric:tabular-nums; pointer-events:none; }
.palert-line { max-width:min(1200px,95vw); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  opacity:0; text-align:center; text-shadow:var(--alert-text-shadow); }
.palert-value { grid-row:1; align-self:end; padding-bottom:7px; font-size:var(--alert-value-size); }
.palert-user { grid-row:3; align-self:start; padding-top:7px; font-size:var(--alert-user-size); }
.palert-bar-wrap { grid-row:2; width:100%; height:var(--alert-thickness); }
.palert-bar { width:100%; height:100%; border-radius:var(--alert-radius); background:var(--alert-color); transform:scaleX(0);
  transform-origin:center; box-shadow:var(--alert-glow); }
.palert.is-below .palert-value { grid-row:3; align-self:start; padding:7px 0 0; }
.palert.is-below .palert-user { grid-row:1; align-self:end; padding:0 0 7px; }
.palert.is-preview .palert-line { opacity:1; transform:none; }
.palert.is-preview .palert-bar { transform:scaleX(1); }
@media (prefers-reduced-motion:reduce) { .palert * { animation:none !important; } }