/*!
 * SmartParallax Styles v1.0.0
 * (c) 2025 SmartParallax — https://smartparallax.com/
 * Licensed under GPL-2.0-or-later
 */
.sv-field { font-family: inherit; } .sv-score--good, .sv-lcp--good, .sv-cls--good, .sv-inp--good { color: #1e8e3e; } .sv-score--ok, .sv-lcp--ok, .sv-cls--ok, .sv-inp--ok { color: #f9ab00; } .sv-score--bad, .sv-lcp--bad, .sv-cls--bad, .sv-inp--bad { color: #d93025; } .sv-ring { --sv-score: 0; --sv-ring-size: 140px; --sv-ring-thickness: 10px; --sv-ring-color: transparent; width: var(--sv-ring-size); height: var(--sv-ring-size); position: relative; border-radius: 50%; } .sv-ring::before { content: ""; position: absolute; inset: 0; border-radius: 50%; z-index: 0; background: conic-gradient( var(--sv-ring-color) calc(var(--sv-score) * 1%), transparent 0 ); } .sv-ring::after { content: ""; position: absolute; inset: var(--sv-ring-thickness); background: #fff; border-radius: 50%; z-index: 0; } .sv-ring > * { position: relative; z-index: 1; }