:where(.hg-tool-workspace[data-tool=core-web-vitals]) .cwv-ring-wrap{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem 1rem .75rem}:where(.hg-tool-workspace[data-tool=core-web-vitals]) .cwv-ring{position:relative;width:130px;height:130px;flex-shrink:0}:where(.hg-tool-workspace[data-tool=core-web-vitals]) .cwv-ring svg{transform:rotate(-90deg)}:where(.hg-tool-workspace[data-tool=core-web-vitals]) .cwv-ring__track{fill:none;stroke:var(--hg-tool-border);stroke-width:10}:where(.hg-tool-workspace[data-tool=core-web-vitals]) .cwv-ring__fill{fill:none;stroke-width:10;stroke-linecap:round;transition:stroke-dashoffset .6s ease}:where(.hg-tool-workspace[data-tool=core-web-vitals]) .cwv-ring__fill--good{stroke:#22c55e}:where(.hg-tool-workspace[data-tool=core-web-vitals]) .cwv-ring__fill--medium{stroke:#f59e0b}:where(.hg-tool-workspace[data-tool=core-web-vitals]) .cwv-ring__fill--poor{stroke:#ef4444}:where(.hg-tool-workspace[data-tool=core-web-vitals]) .cwv-ring__label{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}:where(.hg-tool-workspace[data-tool=core-web-vitals]) .cwv-ring__score{font-size:2rem;font-weight:900;line-height:1;color:var(--hg-tool-text)}:where(.hg-tool-workspace[data-tool=core-web-vitals]) .cwv-ring__sub{font-size:.7rem;color:var(--hg-tool-muted)}:where(.hg-tool-workspace[data-tool=core-web-vitals]) .cwv-ring-title{font-size:.85rem;font-weight:600;color:var(--hg-tool-text)}:where(.hg-tool-workspace[data-tool=core-web-vitals]) .cwv-metrics{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr));gap:.75rem;margin-top:1rem}:where(.hg-tool-workspace[data-tool=core-web-vitals]) .cwv-card{background:var(--hg-tool-bg);border:1px solid var(--hg-tool-border);border-radius:.75rem;padding:.9rem 1rem;display:flex;flex-direction:column;gap:.25rem}:where(.hg-tool-workspace[data-tool=core-web-vitals]) .cwv-card__name{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--hg-tool-muted)}:where(.hg-tool-workspace[data-tool=core-web-vitals]) .cwv-card__val{font-size:1.3rem;font-weight:800;color:var(--hg-tool-text);line-height:1.1}:where(.hg-tool-workspace[data-tool=core-web-vitals]) .cwv-card__desc{font-size:.75rem;color:var(--hg-tool-muted)}:where(.hg-tool-workspace[data-tool=core-web-vitals]) .cwv-card__badge{display:inline-block;margin-top:.35rem;padding:.15rem .55rem;border-radius:999px;font-size:.7rem;font-weight:700;letter-spacing:.03em}:where(.hg-tool-workspace[data-tool=core-web-vitals]) .cwv-card__badge--good{background:#dcfce7;color:#15803d}:where(.hg-tool-workspace[data-tool=core-web-vitals]) .cwv-card__badge--medium{background:#fef3c7;color:#92400e}:where(.hg-tool-workspace[data-tool=core-web-vitals]) .cwv-card__badge--poor{background:#fee2e2;color:#b91c1c}:where(.hg-tool-workspace[data-tool=core-web-vitals]) .cwv-card__badge--na{background:var(--hg-tool-chip-bg);color:var(--hg-tool-chip-text)}[data-bs-theme=dark] :where(.hg-tool-workspace[data-tool=core-web-vitals]) .cwv-card__badge--good{background:#22c55e2e;color:#86efac}[data-bs-theme=dark] :where(.hg-tool-workspace[data-tool=core-web-vitals]) .cwv-card__badge--medium{background:#f59e0b2e;color:#fcd34d}[data-bs-theme=dark] :where(.hg-tool-workspace[data-tool=core-web-vitals]) .cwv-card__badge--poor{background:#ef44442e;color:#fca5a5}:where(.hg-tool-workspace[data-tool=core-web-vitals]) .cwv-field-section{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--hg-tool-border)}:where(.hg-tool-workspace[data-tool=core-web-vitals]) .cwv-field-title{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--hg-tool-muted);margin-bottom:.65rem}:where(.hg-tool-workspace[data-tool=core-web-vitals]) .cwv-field-grid{display:flex;flex-wrap:wrap;gap:.5rem}:where(.hg-tool-workspace[data-tool=core-web-vitals]) .cwv-field-item{background:var(--hg-tool-bg-soft);border:1px solid var(--hg-tool-border);border-radius:.6rem;padding:.5rem .8rem;display:flex;flex-direction:column;gap:.1rem;min-width:130px}:where(.hg-tool-workspace[data-tool=core-web-vitals]) .cwv-field-item__key{font-size:.68rem;font-weight:600;text-transform:uppercase;color:var(--hg-tool-muted)}:where(.hg-tool-workspace[data-tool=core-web-vitals]) .cwv-field-item__val{font-size:1rem;font-weight:800;color:var(--hg-tool-text)}:where(.hg-tool-workspace[data-tool=core-web-vitals]) .cwv-field-item__cat{font-size:.7rem;font-weight:600}:where(.hg-tool-workspace[data-tool=core-web-vitals]) .cwv-cat--FAST,:where(.hg-tool-workspace[data-tool=core-web-vitals]) .cwv-cat--good{color:#22c55e}:where(.hg-tool-workspace[data-tool=core-web-vitals]) .cwv-cat--AVERAGE,:where(.hg-tool-workspace[data-tool=core-web-vitals]) .cwv-cat--medium{color:#f59e0b}:where(.hg-tool-workspace[data-tool=core-web-vitals]) .cwv-cat--SLOW,:where(.hg-tool-workspace[data-tool=core-web-vitals]) .cwv-cat--poor{color:#ef4444}:where(.hg-tool-workspace[data-tool=core-web-vitals]) .cwv-once-notice{display:flex;align-items:flex-start;gap:.5rem;font-size:.8rem;color:var(--hg-tool-muted);background:var(--hg-tool-bg-soft);border:1px solid var(--hg-tool-border);border-radius:.6rem;padding:.65rem .9rem;margin-top:.9rem}:where(.hg-tool-workspace[data-tool=core-web-vitals]) .cwv-once-notice iconify-icon{flex-shrink:0;font-size:1rem;margin-top:.05rem}:where(.hg-tool-workspace[data-tool=core-web-vitals]) .cwv-strategy{display:flex;gap:.5rem;align-items:center}