.link-layout{margin:2rem 0;padding:1.25rem 0;border-block:1px solid var(--border);font-size:14px}.link-layout-controls{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.link-layout-controls label{display:flex;flex-direction:column;gap:.4rem;min-width:0}.link-layout select{width:100%;min-width:0;padding:.5rem;background:var(--theme);color:var(--content);border:1px solid var(--border);border-radius:4px;font:inherit}.link-layout-picker{display:block;margin:1.25rem 0}.link-layout-picker output{font-variant-numeric:tabular-nums}.link-layout input{display:block;width:100%;margin:.5rem 0 0;accent-color:var(--emphasis)}.link-layout-legend{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;font-size:12px}.link-layout-legend>span::before{content:'';display:inline-block;width:18px;height:7px;margin-right:6px;background:var(--secondary)}.link-layout-legend>.link-layout-patched::before{background:var(--emphasis)}.link-layout-chart-heading,.link-layout-row{display:grid;grid-template-columns:minmax(0,1fr)4rem 4.5rem;gap:.6rem}.link-layout-row{align-items:center;min-height:48px;font-variant-numeric:tabular-nums}.link-layout :is(select,input):focus-visible{outline:2px solid var(--emphasis);outline-offset:2px}.link-layout-bars{display:grid;gap:7px}.link-layout-bars>div{height:9px}.link-layout-bars span{display:block;height:100%;background:var(--secondary)}.link-layout-bars .link-layout-patched{background:var(--emphasis)}.link-layout-numbers{display:grid;gap:2px;text-align:right;font-size:12px}@media(max-width:400px){.link-layout-controls{grid-template-columns:1fr}.link-layout-chart-heading,.link-layout-row{gap:.4rem;grid-template-columns:minmax(0,1fr)3.4rem 4rem}}.link-layout-chart-heading{align-items:center;margin:.75rem 0 .25rem}.link-layout-unit{font-size:11px;text-align:right;color:var(--secondary)}.link-layout-delta{text-align:right;font-size:14px;font-weight:600;white-space:nowrap}.link-layout-delta.is-faster{color:var(--emphasis)}.link-layout-delta.is-slower{color:var(--strong)}