.hr:where(.astro-clk3qoax){border:1px solid var(--dbc-border);border-radius:var(--dbc-radius);background:var(--dbc-surface);font-size:var(--sl-text-sm);margin-block:1.5rem;padding:1rem}.hr__controls:where(.astro-clk3qoax){flex-wrap:wrap;gap:.75rem 1.25rem;display:flex}.hr__group:where(.astro-clk3qoax){gap:.3rem;display:grid}.hr__label:where(.astro-clk3qoax){font-size:var(--sl-text-xs);color:var(--sl-color-gray-3)}.hr__seg:where(.astro-clk3qoax){border:1px solid var(--dbc-border-strong);border-radius:calc(var(--dbc-radius-btn) + 2px);flex-wrap:wrap;display:inline-flex;overflow:hidden}.hr__seg:where(.astro-clk3qoax) button:where(.astro-clk3qoax){color:var(--sl-color-gray-2);font:inherit;cursor:pointer;background:0 0;border:0;padding:.3rem .8rem}.hr__seg:where(.astro-clk3qoax) button:where(.astro-clk3qoax)+button:where(.astro-clk3qoax){border-left:1px solid var(--dbc-border-strong)}.hr__seg:where(.astro-clk3qoax) button:where(.astro-clk3qoax)[aria-pressed=true]{background:color-mix(in srgb, var(--sl-color-accent) 14%, transparent);color:var(--sl-color-white);border-color:var(--sl-color-accent);font-weight:600}.hr__seg:where(.astro-clk3qoax) button:where(.astro-clk3qoax):disabled{opacity:.4;cursor:not-allowed}.hr__servers:where(.astro-clk3qoax){flex-wrap:wrap;gap:.375rem;margin-top:.875rem;display:flex}.hr__servers:where(.astro-clk3qoax) .hr__chip{border:1px solid var(--dbc-border-strong);background:var(--sl-color-black);color:var(--sl-color-white);font:inherit;font-family:var(--sl-font-mono);font-size:var(--sl-text-xs);cursor:pointer;border-radius:999px;align-items:center;gap:.4rem;padding:.25rem .6rem;display:inline-flex}.hr__servers:where(.astro-clk3qoax) .hr__chip i{background:var(--chip);border-radius:50%;width:.65rem;height:.65rem}.hr__servers:where(.astro-clk3qoax) .hr__chip span{color:var(--sl-color-gray-3)}.hr__servers:where(.astro-clk3qoax) .hr__chip:disabled{cursor:not-allowed;opacity:.6}.hr__row:where(.astro-clk3qoax){flex-wrap:wrap;gap:.375rem;margin-top:.5rem;display:flex}.hr__action:where(.astro-clk3qoax){border:1px solid var(--dbc-border-strong);background:var(--sl-color-black);color:var(--sl-color-gray-2);font:inherit;cursor:pointer;border-radius:.5rem;padding:.35rem .85rem}.hr__action:where(.astro-clk3qoax):disabled{opacity:.45;cursor:not-allowed}.hr__action--quiet:where(.astro-clk3qoax){color:var(--sl-color-gray-4);background:0 0;margin-left:auto}.hr:where(.astro-clk3qoax) button:where(.astro-clk3qoax):focus-visible{outline:2px solid var(--sl-color-accent);outline-offset:2px}.hr__stage:where(.astro-clk3qoax){grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-items:center;gap:1rem;margin-top:.875rem;display:grid}.hr__ringbox:where(.astro-clk3qoax){justify-content:center;display:flex}.hr__ring:where(.astro-clk3qoax){width:100%;max-width:320px;height:auto;color:var(--sl-color-gray-4)}.hr__track:where(.astro-clk3qoax){fill:none;stroke:var(--dbc-border-strong);stroke-width:12px}.hr__ring:where(.astro-clk3qoax) .hr__arc{fill:none;stroke-width:12px;stroke-linecap:butt;opacity:.85}.hr__ring:where(.astro-clk3qoax) .hr__point{stroke:var(--dbc-surface);stroke-width:1.5px}.hr__ring:where(.astro-clk3qoax) .hr__key{opacity:.75;transition:r .2s var(--dbc-ease)}.hr__ring:where(.astro-clk3qoax) .hr__key--moved{opacity:1;stroke:var(--sl-color-white);stroke-width:1.2px}.hr__center:where(.astro-clk3qoax){fill:var(--sl-color-gray-3);font-family:var(--sl-font);font-size:12px}.hr__center--big:where(.astro-clk3qoax){fill:var(--sl-color-white);font-size:17px;font-weight:700}.hr__panel:where(.astro-clk3qoax){gap:.75rem;min-width:0;display:grid}.hr__moved:where(.astro-clk3qoax){min-height:2.6rem;color:var(--sl-color-gray-3);gap:.15rem;margin:0;display:grid}.hr__moved:where(.astro-clk3qoax) strong{color:var(--sl-color-white)}.hr__moved:where(.astro-clk3qoax) span{font-size:var(--sl-text-xs)}.hr__bars:where(.astro-clk3qoax){gap:.3rem;display:grid}.hr__bars:where(.astro-clk3qoax) .hr__bar{font-family:var(--sl-font-mono);font-size:var(--sl-text-xs);color:var(--sl-color-gray-2);grid-template-columns:1.8rem 1fr 2.2rem;align-items:center;gap:.4rem;display:grid}.hr__bars:where(.astro-clk3qoax) .hr__bartrack{background:var(--dbc-surface-2);border:1px solid var(--dbc-border);border-radius:999px;height:.7rem;position:relative}.hr__bars:where(.astro-clk3qoax) .hr__bartrack b{height:100%;transition:width .25s var(--dbc-ease);border-radius:999px;display:block}.hr__bars:where(.astro-clk3qoax) .hr__bartrack em{border-left:2px dashed var(--sl-color-gray-3);width:0;position:absolute;top:-3px;bottom:-3px}.hr__bars:where(.astro-clk3qoax) .hr__barn{text-align:right}.hr__legend:where(.astro-clk3qoax){font-size:var(--sl-text-2xs);color:var(--sl-color-gray-4);margin:-.4rem 0 0}.hr__stats:where(.astro-clk3qoax){grid-template-columns:1fr 1fr;gap:.5rem;margin:0;display:grid}.hr__stats:where(.astro-clk3qoax) div:where(.astro-clk3qoax){border:1px solid var(--dbc-border);background:var(--sl-color-black);border-radius:.5rem;padding:.45rem .6rem}.hr__stats:where(.astro-clk3qoax) dt:where(.astro-clk3qoax){font-size:var(--sl-text-2xs);color:var(--sl-color-gray-3)}.hr__stats:where(.astro-clk3qoax) dd:where(.astro-clk3qoax){font-family:var(--sl-font-mono);color:var(--sl-color-white);margin:0;font-weight:700}.hr__log:where(.astro-clk3qoax){font-family:var(--sl-font-mono);font-size:var(--sl-text-xs);color:var(--sl-color-gray-3);margin:.75rem 0 0}
