.article-page .playground-panes.wf-stacked{grid-template-columns:minmax(0,1fr)}.article-page .playground-panes.wf-stacked>.source-pane{border-right:0;border-bottom:1px solid var(--cf-color-border)}.article-page .wf-controls{display:grid;grid-gap:var(--cf-space-200);gap:var(--cf-space-200)}.article-page .wf-chart{display:grid;grid-gap:var(--cf-space-050);gap:var(--cf-space-050)}.article-page .wf-row{display:grid;grid-template-columns:calc(var(--cf-space-600)*1.25) clamp(var(--cf-space-2000)*1.1,22%,var(--cf-space-2000)*2.6) minmax(0,1fr);grid-gap:var(--cf-space-200);gap:var(--cf-space-200);align-items:center;inline-size:100%;padding:0;border:0;border-radius:var(--cf-radius-050);background:none;color:inherit;font:inherit;text-align:start}.article-page button.wf-row{cursor:pointer}.article-page button.wf-row:focus-visible,.article-page button.wf-row:hover{background:var(--cf-color-surface-hover)}.article-page .wf-row.is-selected{background:var(--cf-color-surface-active);outline:1px solid var(--cf-color-primary)}.article-page .wf-row.is-initiator .wf-name{color:var(--cf-color-success);font-weight:var(--cf-font-weight-semibold)}.article-page .wf-row.is-dependent .wf-name{color:var(--cf-color-danger);font-weight:var(--cf-font-weight-semibold)}.article-page .wf-row.is-summary{-webkit-margin-before:var(--cf-space-100);margin-block-start:var(--cf-space-100)}.article-page .wf-axis,.article-page .wf-name,.article-page .wf-number{color:var(--cf-color-text-secondary);font-family:var(--cf-font-mono);font-size:var(--cf-font-size-250)}.article-page .wf-number{text-align:end}.article-page .wf-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.article-page .wf-track{position:relative;block-size:var(--cf-space-300);border-radius:var(--cf-radius-050);background:var(--cf-color-surface-raised)}.article-page .wf-track.is-tall{block-size:var(--cf-space-600)}.article-page .wf-axis{display:flex;justify-content:space-between;background:none}.article-page .wf-segment{position:absolute;inset-block:0;background:var(--cf-color-text-muted)}.article-page .wf-segment.is-queueing{inset-block:calc(50% - 1px);background:var(--cf-color-border-emphasis)}.article-page .wf-segment.is-dns{background:var(--cf-color-tertiary)}.article-page .wf-segment.is-connect{background:var(--cf-color-primary-solid)}.article-page .wf-segment.is-tls{background:var(--cf-color-secondary)}.article-page .wf-segment.is-waiting{opacity:.45}.article-page .wf-segment.is-css,.article-page .wf-segment.is-phased{background:var(--cf-color-success)}.article-page .wf-segment.is-html{background:var(--cf-color-code-constant)}.article-page .wf-segment.is-js{background:var(--cf-color-warning)}.article-page .wf-segment.is-font{background:var(--cf-color-danger)}.article-page .wf-segment.is-image{background:var(--cf-color-secondary)}.article-page .wf-segment.is-data{background:var(--cf-color-text-muted)}.article-page .wf-segment.is-long-task{background:var(--cf-color-danger)}.article-page .wf-line{position:absolute;inset-block:calc(var(--cf-space-050)*-1);-webkit-border-start:2px solid var(--cf-color-success);border-inline-start:2px solid var(--cf-color-success)}.article-page .wf-line.is-lcp{border-inline-start-style:dashed}.article-page .wf-line.is-dcl{border-inline-start-color:var(--cf-color-code-constant)}.article-page .wf-line.is-load{border-inline-start-color:var(--cf-color-danger)}.article-page .wf-bucket{position:absolute;inset-block-end:0;display:flex;flex-direction:column-reverse;block-size:100%}.article-page .wf-bucket.is-bandwidth{background:var(--cf-color-tertiary)}.article-page .wf-work{display:block;inline-size:100%;background:var(--cf-color-text-muted)}.article-page .wf-work.is-parsing{background:var(--cf-color-code-constant)}.article-page .wf-work.is-script{background:var(--cf-color-warning)}.article-page .wf-work.is-layout{background:var(--cf-color-secondary)}.article-page .wf-work.is-paint{background:var(--cf-color-success)}.article-page .wf-legend{display:flex;flex-wrap:wrap;gap:var(--cf-space-100) var(--cf-space-300);margin:var(--cf-space-200) 0 0;padding:0;color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-250);list-style:none}.article-page .wf-legend li{display:flex;gap:var(--cf-space-100);align-items:center}.article-page .wf-swatch{position:relative;display:inline-block;inline-size:var(--cf-space-300);block-size:var(--cf-space-300);inset:auto}.article-page .wf-swatch.wf-segment.is-queueing{inset-block:auto;block-size:2px}.article-page .wf-swatch.wf-line{inline-size:0}