.saas-attendance-ring{--ring-ink:var(--saas-status-success-fill);flex:none;place-items:center;block-size:84px;inline-size:84px;display:grid;position:relative}.saas-attendance-ring[data-size=sm]{block-size:44px;inline-size:44px}.saas-attendance-ring[data-tone=warning]{--ring-ink:var(--saas-status-warning-fill)}.saas-attendance-ring[data-tone=danger]{--ring-ink:var(--saas-status-danger-fill)}.saas-attendance-ring[data-tone=neutral]{--ring-ink:var(--saas-border-strong)}.saas-attendance-ring__svg{block-size:100%;inline-size:100%;position:absolute;inset:0;transform:rotate(-90deg)}.saas-attendance-ring__track,.saas-attendance-ring__arc{fill:none;stroke-width:9px}.saas-attendance-ring__track{stroke:var(--saas-bg-sunken)}.saas-attendance-ring__arc{stroke:var(--ring-ink);stroke-linecap:round;transition:stroke-dashoffset var(--saas-motion-panel) var(--saas-ease-standard), stroke var(--saas-motion-micro) var(--saas-ease-standard)}.saas-attendance-ring__figure{color:var(--saas-text-primary);font-size:var(--saas-font-heading);font-variant-numeric:tabular-nums;justify-items:center;font-weight:700;line-height:1.1;display:grid;position:relative}.saas-attendance-ring[data-size=sm] .saas-attendance-ring__figure{font-size:var(--saas-font-caption)}.saas-attendance-ring__caption{color:var(--saas-text-secondary);font-size:var(--saas-font-caption);font-weight:400}