.readiness-ring{--readiness-ring-size:calc(var(--space-20) + var(--space-10));--readiness-ring-value-size:var(--app-type-number-md-size);--readiness-ring-value-tracking:var(--app-type-number-md-tracking);--readiness-ring-label-size:var(--app-type-label-size);--readiness-ring-of-size:var(--app-type-meta-size);flex-shrink:0;justify-items:center;display:grid}.readiness-ring__label,.readiness-ring__chart{grid-area:1/1}.readiness-ring__label{z-index:1;font-size:var(--readiness-ring-label-size);font-weight:var(--app-type-weight-medium);letter-spacing:var(--app-type-label-tracking);text-transform:var(--app-type-label-transform);color:color-mix(in srgb, var(--app-type-label-color) 68%, var(--text-primary) 32%);align-self:start;margin:0}.readiness-ring__chart{width:var(--readiness-ring-size);height:var(--readiness-ring-size);position:relative}.readiness-ring__svg{width:100%;height:100%;display:block}.readiness-ring__track{stroke:color-mix(in srgb, var(--text-primary) 8%, transparent)}.readiness-ring__fill{stroke:var(--readiness-color)}.readiness-ring__center{align-content:center;justify-items:center;gap:var(--space-1);pointer-events:none;display:grid;position:absolute;inset:0}.readiness-ring__value{font-family:var(--font-accent);font-size:var(--readiness-ring-value-size);font-weight:var(--app-type-weight-medium);letter-spacing:var(--readiness-ring-value-tracking);color:var(--readiness-color);line-height:1}.readiness-ring__of{font-size:var(--readiness-ring-of-size);font-weight:var(--app-type-weight-regular);color:color-mix(in srgb, var(--text-muted) 55%, var(--text-secondary) 45%);margin:0;line-height:1}