.bar .bar-screen{container:bar/inline-size}.bar .bar-lede{max-width:62ch}.bar .bar-runner{align-items:center;gap:calc(7px * var(--k));margin-top:calc(14px * var(--k));padding:calc(7px * var(--k));border:1px solid var(--bld-line);background:var(--bld-sunken);border-radius:3px;display:flex}.bar .bar-url{min-width:0;height:calc(32px * var(--k));padding:0 calc(9px * var(--k));border:1px solid var(--bld-line);background:var(--bld-panel);font-size:calc(12.5px * var(--k));white-space:nowrap;transition:border-color .15s var(--bld-ease-out);border-radius:2px;flex:auto;align-items:center;display:flex;position:relative;overflow:hidden}.bar[data-ld-live] .bar-url{border-color:var(--bld-accent-line)}.bar .bar-scheme{color:var(--bld-ink-3);flex:none}.bar .bar-host{padding-left:calc(3px * var(--k));color:var(--bld-ink)}.bar .bar-ph{color:var(--bld-ink-3);padding-left:calc(3px * var(--k))}.bar[data-bar-typed] .bar-ph{display:none}.bar .bar-opt{align-items:center;gap:calc(6px * var(--k));height:calc(32px * var(--k));padding:0 calc(9px * var(--k));border:1px solid var(--bld-line);background:var(--bld-panel);font-size:calc(12px * var(--k));white-space:nowrap;border-radius:2px;flex:none;font-weight:500;display:inline-flex}.bar .bar-box{width:calc(12px * var(--k));height:calc(12px * var(--k));border:1px solid color-mix(in srgb, var(--bld-ink) 35%, transparent);color:var(--bld-on-ink);transition:background-color .15s var(--bld-ease-out);border-radius:2px;place-items:center;display:inline-grid}.bar .bar-box svg{opacity:0;width:80%;height:80%}.bar[data-ld-speed=on] .bar-box{border-color:var(--bld-ink);background:var(--bld-ink)}.bar[data-ld-speed=on] .bar-box svg{opacity:1}.bar .bar-run{height:calc(32px * var(--k));padding:0 calc(13px * var(--k))}.bar .bar-run .bar-arrow{width:calc(13px * var(--k));height:calc(9px * var(--k))}.bar[data-bar-running] .bar-run{opacity:.6}@container bar (width<=480px){.bar .bar-runner{flex-wrap:wrap}.bar .bar-url{flex-basis:100%}.bar .bar-opt,.bar .bar-run{flex:auto}.bar .bar-lede{display:none}}.bar .bar-summary{opacity:0;transition:grid-template-rows .5s var(--bld-ease), opacity .3s var(--bld-ease-out), margin .5s var(--bld-ease);grid-template-rows:0fr;display:grid}.bar[data-bar-done] .bar-summary{margin-top:calc(12px * var(--k));opacity:1;grid-template-rows:1fr}.bar .bar-summary-in{align-items:center;gap:calc(16px * var(--k));border:1px solid var(--bld-line);background:var(--bld-panel);border-radius:3px;min-height:0;display:flex;overflow:hidden}.bar[data-bar-done] .bar-summary-in{padding:calc(12px * var(--k)) calc(16px * var(--k))}.bar .bar-overall{min-width:calc(56px * var(--k));text-align:center;flex:none}.bar .bar-overall-n{color:var(--bld-ink);font-size:calc(32px * var(--k));letter-spacing:-.04em;font-variant-numeric:tabular-nums;transition:color .3s var(--bld-ease-out);font-weight:700;line-height:1}.bar .bar-overall-l{margin-top:calc(5px * var(--k));color:var(--bld-ink-3);font-size:calc(9.5px * var(--k));letter-spacing:.06em;text-transform:uppercase;font-weight:600}.bar .bar-overall-m{min-width:0}.bar .bar-overall-host{color:var(--bld-ink);font-size:calc(13.5px * var(--k));letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.bar .bar-overall-note{margin:calc(3px * var(--k)) 0 0;color:var(--bld-ink-3);font-size:calc(11px * var(--k))}.bar :is(.bar-overall-n,.bar-score)[data-band=good],.bar .bar-card[data-band=good] .bar-score{color:var(--bld-good)}.bar :is(.bar-overall-n,.bar-score)[data-band=mid],.bar .bar-card[data-band=mid] .bar-score{color:var(--bld-mid)}.bar :is(.bar-overall-n,.bar-score)[data-band=bad],.bar .bar-card[data-band=bad] .bar-score{color:var(--bld-bad)}.bar .bar-grid{grid-template-columns:repeat(auto-fill, minmax(calc(170px * var(--k)), 1fr));gap:calc(9px * var(--k));margin-top:calc(12px * var(--k));display:grid}.bar .bar-card{min-width:0;padding:calc(11px * var(--k)) calc(12px * var(--k));border:1px solid var(--bld-line);background:var(--bld-panel);transition:border-color .15s var(--bld-ease-out), opacity .3s var(--bld-ease-out), transform .45s var(--bld-ease);border-radius:3px;flex-direction:column;display:flex}.bar .bar-card[data-phase=running]{border-color:var(--bld-ink)}.bar .bar-card--speed{display:none}.bar[data-ld-speed=on] .bar-card--speed{animation:bar-in .45s var(--bld-ease) backwards;display:flex}@keyframes bar-in{0%{opacity:0;transform:translateY(6px)}}.bar .bar-card-h{justify-content:space-between;align-items:center;gap:calc(8px * var(--k));min-height:calc(22px * var(--k));display:flex}.bar .bar-card-n{color:var(--bld-ink);font-size:calc(13px * var(--k));letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.bar .bar-status{flex:none;justify-items:end;display:grid}.bar .bar-status>*{opacity:0;transition:opacity .2s var(--bld-ease-out);grid-area:1/1}.bar .bar-st{height:calc(18px * var(--k));padding:0 calc(5px * var(--k));border:1px solid var(--bld-line);color:var(--bld-ink-3);font-size:calc(9px * var(--k));letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border-radius:2px;align-items:center;font-weight:600;display:inline-flex}.bar .bar-st[data-st=running]{border-color:var(--bld-line-strong);background:var(--bld-hi);color:var(--bld-ink)}.bar .bar-card:is([data-phase=idle],[data-phase=queued]) .bar-st[data-st=idle],.bar .bar-card[data-phase=running] .bar-st[data-st=running],.bar .bar-card[data-phase=done] .bar-score{opacity:1}.bar .bar-card[data-phase=running] .bar-st[data-st=running]{animation:bar-breathe 1.2s var(--bld-ease-out) infinite alternate}@keyframes bar-breathe{to{opacity:.55}}.bar .bar-score{color:var(--bld-ink);font-size:calc(19px * var(--k));letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-weight:700;line-height:1}.bar .bar-card-b{margin-top:calc(6px * var(--k));color:var(--bld-ink-2);font-size:calc(11.5px * var(--k));line-height:1.45}.bar .bar-tally{margin-top:calc(7px * var(--k));color:var(--bld-ink-3);font-size:calc(10.5px * var(--k));font-variant-numeric:tabular-nums;display:none}.bar .bar-card[data-phase=done] .bar-tally{animation:bar-in .4s var(--bld-ease) backwards;display:block}@container bar (width<=560px){.bar .bar-card-b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}.bar .bar-sw label{font-size:12px}.bar .bar-ilist span:last-child{font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){.bar :is(.bar-summary,.bar-card,.bar-status>*,.bar-tally,.bar-overall-n,.bar-url,.bar-box){transition:none}.bar .bar-card[data-phase=running] .bar-st[data-st=running],.bar .bar-card[data-phase=done] .bar-tally,.bar[data-ld-speed=on] .bar-card--speed{animation:none}}
