.roc-compact-score{display:inline-flex;align-items:center;gap:8px;max-width:190px;padding:0;border:0;background:transparent;color:inherit;text-align:left;font-family:inherit;vertical-align:middle;--ring-color:#e1b538}
button.roc-compact-score{cursor:pointer}.roc-compact-score:focus-visible{outline:2px solid var(--ring-color);outline-offset:4px;border-radius:6px}
.roc-cell-ring{width:36px;height:36px;flex:0 0 36px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--ring-color) calc(var(--score)*1%),#ffffff15 0);position:relative}
.roc-cell-ring:before{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--card-bg,#101718)}.roc-cell-ring>span{position:relative;font:600 11px/1 Arial,sans-serif;font-variant-numeric:tabular-nums}
.roc-cell-copy{display:grid;gap:3px;min-width:0}.roc-cell-copy b{font-size:10px;font-weight:600;line-height:1.2;color:var(--ring-color)}.roc-cell-copy small{font-size:8px;line-height:1.25;font-weight:400;opacity:.7}
.roc-compact-score.is-good{--ring-color:#53b5df}.roc-compact-score.is-fair,.roc-compact-score.is-provisional{--ring-color:#e9a13d}.roc-compact-score.is-weak,.roc-compact-score.is-hold{--ring-color:#eb6970}.roc-compact-score.is-neutral{--ring-color:#899398}.roc-compact-score.is-neutral .roc-cell-ring{background:#89939844}
html[data-roc-theme="light"] .roc-cell-ring:before{background:#faf9f5}html[data-roc-theme="light"] .roc-cell-ring>span{color:#202623}
@media(max-width:600px){.roc-cell-ring{width:32px;height:32px;flex-basis:32px}.roc-compact-score{gap:6px;max-width:170px}}
@media(prefers-reduced-motion:no-preference){.roc-cell-ring{animation:roc-cell-enter .35s ease-out}@keyframes roc-cell-enter{from{opacity:.5;transform:scale(.95)}to{opacity:1;transform:scale(1)}}}