.ui-ring{flex:none;position:relative}.ui-ring svg{display:block}.ui-ring-track{fill:none;stroke:var(--track)}.ui-ring-arc{fill:none;stroke-linecap:round;transition:stroke-dasharray .4s ease-out}.ui-ring--gold .ui-ring-arc{stroke:var(--accent)}.ui-ring--sage .ui-ring-arc{stroke:var(--success)}.ui-ring-center{font-family:var(--font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;justify-content:center;align-items:center;font-size:22px;font-weight:800;display:flex;position:absolute;inset:0}.ui-bar{background:var(--track);border-radius:999px;flex:0 auto;width:100%;min-width:40px;display:block;overflow:hidden}.ui-bar--sm{height:6px}.ui-bar--md{height:8px}.ui-bar-fill{border-radius:inherit;height:100%;transition:width .4s ease-out;display:block}.ui-bar--gold .ui-bar-fill{background:var(--accent)}.ui-bar--sage .ui-bar-fill{background:var(--success)}.ui-card--accent .ui-bar--gold .ui-bar-fill{background:#fff}