.article-page .debounce-throttle-choices label span{text-transform:capitalize}.article-page .event-playground-grid{align-items:stretch}.article-page .event-playground-controls{display:flex;flex-wrap:wrap;align-items:end;gap:var(--cf-space-250)}.article-page .event-playground-controls label{display:grid;grid-gap:var(--cf-space-100);gap:var(--cf-space-100);color:var(--cf-color-text-secondary)}.article-page .event-playground-controls input{min-width:0}.article-page .pointer-pad{display:grid;min-height:160px;margin-top:var(--cf-space-300);padding:var(--cf-space-400);place-items:center;border:1px dashed var(--cf-color-border-strong);border-radius:var(--cf-radius-300);background:var(--cf-color-surface-sunken);color:var(--cf-color-text-secondary);text-align:center;cursor:crosshair}.article-page .pointer-pad:focus-visible{outline:2px solid var(--cf-color-focus-ring);outline-offset:var(--cf-space-050)}.article-page .event-count-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--cf-space-200);gap:var(--cf-space-200);margin:0 0 var(--cf-space-300)}.article-page .event-count-grid div{display:grid;grid-gap:var(--cf-space-100);gap:var(--cf-space-100);padding:var(--cf-space-250);border:1px solid var(--cf-color-paper-border);border-radius:var(--cf-radius-250);background:var(--cf-color-paper-raised)}.article-page .event-count-grid dt{color:var(--cf-color-paper-text-secondary);font-size:var(--cf-font-size-275);text-transform:uppercase;letter-spacing:var(--cf-letter-spacing-wide)}.article-page .event-count-grid dd{margin:0;color:var(--cf-color-paper-text);font-size:var(--cf-font-size-500);font-weight:var(--cf-font-weight-semibold)}.article-page .event-strip{display:grid;grid-gap:var(--cf-space-150);gap:var(--cf-space-150);max-height:320px;margin:0;padding:0;overflow:auto;list-style:none}.article-page .event-strip li{display:flex;flex-wrap:wrap;align-items:center;gap:var(--cf-space-150);padding:var(--cf-space-150) var(--cf-space-200);border-left-width:1px;border:1px solid var(--cf-color-paper-border);border-left:var(--cf-space-100) solid var(--cf-color-paper-border);border-radius:var(--cf-radius-200);background:var(--cf-color-paper-raised);color:var(--cf-color-paper-text)}.article-page .event-strip li[data-kind=raw]{border-left-color:var(--cf-color-paper-primary-border)}.article-page .event-strip li[data-kind=debounced]{border-left-color:var(--cf-color-paper-secondary-border)}.article-page .event-strip li[data-kind=throttled]{border-left-color:var(--cf-color-paper-tertiary-border)}.article-page .event-strip li[data-kind=raf]{border-left-color:var(--cf-color-paper-success-border)}.article-page .event-strip span{color:var(--cf-color-paper-text-secondary);font-size:var(--cf-font-size-275);font-weight:var(--cf-font-weight-semibold);text-transform:uppercase;letter-spacing:var(--cf-letter-spacing-wide)}.article-page .event-strip code{overflow-wrap:anywhere}.article-page .event-strip .empty-event{border-left-color:var(--cf-color-paper-border-strong);color:var(--cf-color-paper-text-secondary)}@media(max-width:560px){.article-page .event-count-grid{grid-template-columns:1fr}}