.rz-match-ring{--rz-match-size:4.5rem;--rz-match-stroke:3.4;--rz-match-track:#e6eeeb;--rz-match-arc:#8b9792;--rz-match-ink:#4f5c57;inline-size:var(--rz-match-size);block-size:var(--rz-match-size);color:var(--rz-match-ink);flex:none;place-items:center;display:inline-grid;position:relative}.rz-match-ring.is-high{--rz-match-arc:#0d4638;--rz-match-ink:#0d4638}.rz-match-ring.is-mid{--rz-match-arc:#b88a45;--rz-match-ink:#7a5a24}.rz-match-ring--sm{--rz-match-size:3rem;--rz-match-stroke:3.8}.rz-match-ring svg{block-size:100%;inline-size:100%;position:absolute;inset:0;transform:rotate(-90deg)}[dir=rtl] .rz-match-ring svg{transform:rotate(-90deg)scaleY(-1)}.rz-match-ring circle{fill:none;stroke-width:var(--rz-match-stroke)}.rz-match-ring__track{stroke:var(--rz-match-track)}.rz-match-ring__arc{stroke:var(--rz-match-arc);stroke-linecap:round;stroke-dasharray:100 100;stroke-dashoffset:calc(100 - var(--rz-match));animation:.7s cubic-bezier(.22,1,.36,1) both rz-match-draw}@keyframes rz-match-draw{0%{stroke-dashoffset:100px}}@media (prefers-reduced-motion:reduce){.rz-match-ring__arc{animation:none}}.rz-match-ring__value{font-size:calc(var(--rz-match-size) * .27);font-variant-numeric:tabular-nums;direction:ltr;align-items:baseline;font-weight:700;line-height:1;display:inline-flex;position:relative}.rz-match-ring__value small{margin-inline-start:.05em;font-size:.55em;font-weight:700}