.article-page .finding-slow-interactions-lesson .hunt-body{display:grid;grid-gap:var(--cf-space-200);gap:var(--cf-space-200)}.article-page .finding-slow-interactions-lesson .hunt-note{margin:0;color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-300)}.article-page .finding-slow-interactions-lesson .hunt-bars,.article-page .finding-slow-interactions-lesson .hunt-groups,.article-page .finding-slow-interactions-lesson .hunt-times{display:grid;grid-gap:var(--cf-space-100);gap:var(--cf-space-100);margin:0;padding:0;list-style:none;font-size:var(--cf-font-size-300)}.article-page .finding-slow-interactions-lesson .hunt-bars li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr) auto;grid-gap:var(--cf-space-200);gap:var(--cf-space-200);align-items:center}.article-page .finding-slow-interactions-lesson .hunt-track{display:block;block-size:var(--cf-space-200);border-radius:var(--cf-radius-050);background:var(--cf-color-surface-sunken)}.article-page .finding-slow-interactions-lesson .hunt-fill{display:block;block-size:100%;border-radius:var(--cf-radius-050);background:var(--cf-color-primary-solid)}.article-page .finding-slow-interactions-lesson .hunt-bars .is-inputDelay .hunt-fill{background:var(--cf-color-warning)}.article-page .finding-slow-interactions-lesson .hunt-bars .is-presentationDelay .hunt-fill{background:var(--cf-color-secondary)}.article-page .finding-slow-interactions-lesson .hunt-groups li{display:grid;grid-template-columns:minmax(0,1.4fr) auto minmax(0,1.4fr);grid-gap:var(--cf-space-050) var(--cf-space-200);gap:var(--cf-space-050) var(--cf-space-200);align-items:baseline;padding:var(--cf-space-100) var(--cf-space-150);-webkit-border-start:2px solid var(--cf-color-border);border-inline-start:2px solid var(--cf-color-border);color:var(--cf-color-text-secondary)}.article-page .finding-slow-interactions-lesson .hunt-groups li>span:last-child{grid-column:1/-1}.article-page .finding-slow-interactions-lesson .hunt-groups li>code:first-child{overflow-wrap:anywhere;color:var(--cf-color-text-strong)}.article-page .finding-slow-interactions-lesson .hunt-groups li[data-rating=good]{border-inline-start-color:var(--cf-color-success)}.article-page .finding-slow-interactions-lesson .hunt-groups li[data-rating="needs improvement"]{border-inline-start-color:var(--cf-color-warning)}.article-page .finding-slow-interactions-lesson .hunt-groups li[data-rating=poor]{border-inline-start-color:var(--cf-color-danger)}.article-page .finding-slow-interactions-lesson .hunt-times li{-webkit-padding-start:var(--cf-space-150);padding-inline-start:var(--cf-space-150);-webkit-border-start:2px solid var(--cf-color-border);border-inline-start:2px solid var(--cf-color-border);color:var(--cf-color-text-secondary)}@media(max-width:560px){.article-page .finding-slow-interactions-lesson .hunt-bars li{grid-template-columns:minmax(0,1fr) auto}.article-page .finding-slow-interactions-lesson .hunt-bars .hunt-track{grid-column:1/-1;grid-row:2}.article-page .finding-slow-interactions-lesson .hunt-groups li{grid-template-columns:minmax(0,1fr) auto}.article-page .finding-slow-interactions-lesson .hunt-groups li>span:nth-child(3){grid-column:1/-1}}