.rwf{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}.rwf button{font:inherit;cursor:pointer}.rwf button:focus-visible{outline:2px solid var(--sl-color-accent);outline-offset:2px}.rwf .rwf__controls{flex-wrap:wrap;gap:.6rem 1rem;display:flex}.rwf .rwf__group{flex-direction:column;gap:.25rem;min-width:0;transition:opacity .15s;display:flex}.rwf .rwf__group--idle{opacity:.45}.rwf .rwf__label{font-size:var(--sl-text-xs);color:var(--sl-color-gray-3)}.rwf .rwf__seg{border:1px solid var(--dbc-border-strong);border-radius:.5rem;flex-wrap:wrap;display:inline-flex;overflow:hidden}.rwf .rwf__seg button{color:var(--sl-color-gray-3);background:0 0;border:0;padding:.3rem .65rem}.rwf .rwf__seg button[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}.rwf .rwf__seg button:disabled{cursor:not-allowed;opacity:.5;text-decoration:line-through}.rwf .rwf__stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;margin:1rem 0 0;display:grid}.rwf .rwf__stat{border:1px solid var(--dbc-border-strong);border-radius:var(--dbc-radius);background:var(--sl-color-black);padding:.45rem .6rem}.rwf .rwf__stat--big{border-color:var(--sl-color-accent)}.rwf .rwf__stat dt{font-size:var(--sl-text-xs);color:var(--sl-color-gray-3)}.rwf .rwf__stat dd{font-family:var(--sl-font-mono);font-size:var(--sl-text-lg);color:var(--sl-color-white);margin:.1rem 0 0;font-weight:700}.rwf .rwf__chart{border:1px solid var(--dbc-border-strong);border-radius:var(--dbc-radius);background:var(--sl-color-black);margin-top:1rem;padding:.75rem .75rem 1.9rem;position:relative}.rwf .rwf__row+.rwf__row{margin-top:.7rem}.rwf .rwf__rowname{font-size:var(--sl-text-xs);color:var(--sl-color-gray-2);margin-bottom:.25rem;display:block}.rwf .rwf__rowname span{color:var(--sl-color-gray-3)}.rwf .rwf__track{background:var(--sl-color-gray-6);border-radius:.3rem;height:1.6rem;display:flex;overflow:hidden}.rwf .rwf__pad{flex:none}.rwf .rwf__s{border-right:1px solid var(--sl-color-black);min-width:2px;transition:width .25s var(--dbc-ease,ease);flex:none;justify-content:center;align-items:center;display:flex;overflow:hidden}.rwf .rwf__stext{font-size:var(--sl-text-2xs,.75rem);color:#fff;white-space:nowrap;padding:0 .25rem;font-weight:600}.rwf .rwf__s--dns{background:#64748b}.rwf .rwf__s--tcp{background:#2563eb}.rwf .rwf__s--tls{background:#7c3aed}.rwf .rwf__s--quic{background:#0d9488}.rwf .rwf__s--wait{background:#c2410c}.rwf .rwf__s--origin{background:#92400e}.rwf .rwf__s--down{background:#15803d}.rwf .rwf__axis{height:1.2rem;position:absolute;bottom:.35rem;left:.75rem;right:.75rem}.rwf .rwf__tick{font-family:var(--sl-font-mono);font-size:var(--sl-text-2xs,.75rem);color:var(--sl-color-gray-3);white-space:nowrap;position:absolute;top:0;transform:translate(-50%)}.rwf .rwf__tick:first-child{transform:none}.rwf .rwf__tick--end{transform:translate(-100%)}.rwf .rwf__legend{font-size:var(--sl-text-xs);color:var(--sl-color-gray-3);flex-wrap:wrap;gap:.3rem .9rem;margin:.6rem 0 0;padding:0;list-style:none;display:flex}.rwf .rwf__key{vertical-align:-.05rem;border-radius:.15rem;width:.7rem;height:.7rem;margin-right:.35rem;display:inline-block}.rwf .rwf__breakdown{flex-wrap:wrap;gap:.4rem;margin:.75rem 0 0;padding:0;list-style:none;display:flex}.rwf .rwf__breakdown li{border:1px solid var(--dbc-border-strong);font-size:var(--sl-text-xs);color:var(--sl-color-gray-2);border-radius:999px;align-items:center;gap:.35rem;margin:0;padding:.25rem .55rem;display:flex}.rwf .rwf__breakdown .rwf__key{margin-right:0}.rwf .rwf__breakdown b{font-family:var(--sl-font-mono);color:var(--sl-color-white)}.rwf .rwf__log{color:var(--sl-color-gray-2);margin:.75rem 0 0}.rwf .rwf__note{font-size:var(--sl-text-xs);color:var(--sl-color-gray-3);margin:.5rem 0 0}@media (prefers-reduced-motion:reduce){.rwf .rwf__s,.rwf .rwf__group{transition:none}}@media (width<=40rem){.rwf .rwf__stats{grid-template-columns:repeat(2,minmax(0,1fr))}}