.tph-dash{will-change:transform;background:#141a28eb;border:1px solid #ffffff29;border-radius:12px;grid-template-columns:minmax(0,1fr) 44px auto;align-items:center;gap:10px;width:min(300px,66%);height:54px;padding:0 12px;display:grid;position:absolute;box-shadow:0 30px 60px -34px #000000e6}.tph-dash b{font:600 12px var(--pub-font-display);color:#f3f2ec;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tph-bars{align-items:flex-end;gap:3px;height:24px;display:flex}.tph-bars i{background:color-mix(in srgb, var(--s3d-accent) 75%, #fff);opacity:.8;border-radius:2px 2px 0 0;flex:1}.tph-dash em{font:700 14px var(--pub-font-mono);color:#fff;justify-items:end;font-style:normal;line-height:1.1;display:grid}.tph-dash small{font:600 10px var(--pub-font-mono);letter-spacing:.1em;color:#8f98b3}.tph-flag{border:2px solid #ff4d2e;border-radius:12px;position:absolute;inset:-1px;box-shadow:0 0 30px -4px #ff4d2ee6}.tph-total{border-top:2px solid var(--pub-acid);width:min(300px,66%);font:700 12px var(--pub-font-mono);letter-spacing:.06em;color:#cfd5e6;justify-content:space-between;gap:12px;padding:9px 12px;display:flex;position:absolute}.tph-total b{color:var(--pub-acid)}.tph-leak{pointer-events:none;position:absolute;inset:0}.tph-leak .ts-chip{margin-left:-40px;top:5%;left:50%}.tph-plan{width:min(310px,82%);bottom:7%}@media (width<=640px){.tph-dash{grid-template-columns:minmax(0,1fr) 30px auto;gap:7px;width:62%;height:36px;padding:0 9px}.tph-bars{height:18px}.tph-dash em{grid-auto-flow:column;align-items:baseline;gap:5px;font-size:12px}.tph-leak .ts-chip{margin-left:-60px;top:2%}.tph-plan{bottom:2%}}