.lh-cards{gap:var(--lh-gap,var(--space-2));grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.lh-cards[data-n="1"]{grid-template-columns:minmax(0,1fr)}.lh-cards[data-n="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.lh-cards[data-n="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.lh-cards[data-n="5"]{grid-template-columns:repeat(5,minmax(0,1fr))}@media (max-width:63.99rem){.lh-cards:not([data-n="1"]){grid-template-columns:repeat(2,minmax(0,1fr))}.lh-cards[data-n="5"]>.lh-card:last-child{aspect-ratio:8/5;grid-column:span 2}.lh-cards[data-n="5"]>.lh-card:last-child>.lh-ring{width:28.5714%}}.lh-card{--band:var(--lighthouse-good);aspect-ratio:4/5;background:var(--lh-ground,color-mix(in srgb, currentColor var(--mix-06), transparent));flex-direction:column;justify-content:center;align-items:center;min-width:0;margin:0;padding:0 8%;display:flex;position:relative;overflow:hidden}.lh-card[data-band=avg]{--band:var(--lighthouse-mid)}.lh-card[data-band=fail]{--band:var(--lighthouse-bad)}.lh-ring{aspect-ratio:1;width:57.1429%;position:relative;container-type:inline-size}.lh-ring svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.lh-ring circle{fill:none;stroke-width:5px}.lh-fill{stroke:none;fill:color-mix(in srgb, var(--band) var(--mix-08), transparent)!important}.lh-track{stroke:color-mix(in srgb, var(--lh-ink,currentColor) var(--mix-09), transparent)}.lh-arc{stroke:var(--band);stroke-linecap:round;stroke-dasharray:0 100}.lh-arc[data-full]{stroke-linecap:butt}.lh-num{font-family:var(--font-ui);font-weight:var(--weight-medium);letter-spacing:-.06em;font-size:28cqi;line-height:var(--leading-solid);font-variant-numeric:tabular-nums;color:var(--band);place-items:center;display:grid;position:absolute;inset:0}.lh-label{line-height:var(--leading-heading);font-family:var(--font-ui);font-size:var(--fs-lighthouse-label);text-align:center;text-wrap:balance;opacity:.8;margin-top:8%}.lh-ring--pill{place-items:center;display:grid}.lh-pill{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--band) var(--mix-14), transparent);color:var(--band);font-family:var(--font-ui);font-weight:var(--weight-medium);font-size:15cqi;line-height:var(--leading-solid);font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-heading);opacity:0;align-items:center;gap:.55em;padding:.5em .95em .5em .8em;display:inline-flex}.lh-pill>i{background:var(--band);border-radius:.12em;width:.62em;height:.62em}.lh-metrics{gap:var(--lh-gap,var(--space-2));margin:var(--lh-gap,var(--space-2)) 0 0;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));display:grid}.lh-metric{background:var(--lh-ground,color-mix(in srgb, currentColor var(--mix-06), transparent));flex-direction:column;gap:.4rem;padding:1rem 1.1rem;display:flex}.lh-metric dt{font-family:var(--font-ui);font-size:var(--text-label);opacity:.7}.lh-metric dd{font-family:var(--font-ui);font-weight:var(--weight-medium);font-size:var(--fs-lighthouse-metric);letter-spacing:var(--tracking-heading);font-variant-numeric:tabular-nums;margin:0}