.klyp-feature-activity-ChipRing{--klyp-activity-ring-size:var(--klyp-app-ui-kit-space-24);--klyp-activity-ring-tone:var(--klyp-app-ui-kit-color-status-success);--klyp-activity-notch-size:var(--klyp-app-ui-kit-space-8);inline-size:var(--klyp-activity-ring-size);block-size:var(--klyp-activity-ring-size);flex:none;display:inline-grid;position:relative}.klyp-feature-activity-ChipRing[data-size="20"]{--klyp-activity-ring-size:var(--klyp-app-ui-kit-space-20);--klyp-activity-notch-size:var(--klyp-app-ui-kit-space-6)}.klyp-feature-activity-ChipRing[data-outcome=warning]{--klyp-activity-ring-tone:var(--klyp-app-ui-kit-color-status-warning)}.klyp-feature-activity-ChipRing[data-outcome=danger]{--klyp-activity-ring-tone:var(--klyp-app-ui-kit-color-status-danger)}.klyp-feature-activity-ChipRing>*{grid-area:1/1}.klyp-feature-activity-ChipRing__arc,.klyp-feature-activity-ChipRing__comet{transition:opacity var(--klyp-app-ui-kit-duration-normal) var(--klyp-app-ui-kit-easing-standard);place-items:center;display:grid}.klyp-feature-activity-ChipRing__comet,.klyp-feature-activity-ChipRing[data-mode=indeterminate] .klyp-feature-activity-ChipRing__arc{opacity:0}.klyp-feature-activity-ChipRing[data-mode=indeterminate] .klyp-feature-activity-ChipRing__comet{opacity:1;animation:klyp-activity-ring-spin calc(var(--klyp-app-ui-kit-duration-slow) * 3) linear infinite}.klyp-feature-activity-ChipRing__tint{border-radius:var(--klyp-app-ui-kit-radius-full);box-shadow:inset 0 0 0 var(--klyp-app-ui-kit-bw-emphasis) var(--klyp-app-ui-kit-color-status-info);opacity:0}.klyp-feature-activity-ChipRing__count{font:var(--klyp-app-ui-kit-type-label);font-weight:var(--klyp-app-ui-kit-fw-emphasis);font-variant-numeric:tabular-nums;color:var(--klyp-app-ui-kit-color-fg-primary);transition:opacity var(--klyp-app-ui-kit-duration-fast) var(--klyp-app-ui-kit-easing-standard), filter var(--klyp-app-ui-kit-duration-fast) var(--klyp-app-ui-kit-easing-standard);place-items:center;display:grid}.klyp-feature-activity-ChipRing__digits{display:inline-block}.klyp-feature-activity-ChipRing__glyph{color:var(--klyp-activity-ring-tone);opacity:0;transition:opacity var(--klyp-app-ui-kit-duration-fast) var(--klyp-app-ui-kit-easing-standard), transform var(--klyp-app-ui-kit-duration-fast) var(--klyp-app-ui-kit-easing-standard);place-items:center;display:grid;transform:scale(.8)}.klyp-feature-activity-ChipRing__glyph>svg{inline-size:var(--klyp-app-ui-kit-icon-size-xs);block-size:var(--klyp-app-ui-kit-icon-size-xs)}.klyp-feature-activity-ChipRing[data-mode=done] .klyp-feature-activity-ChipRing__count{opacity:0;filter:blur(var(--klyp-app-ui-kit-blur-3));transition-delay:var(--klyp-app-ui-kit-duration-slow)}.klyp-feature-activity-ChipRing[data-mode=done] .klyp-feature-activity-ChipRing__glyph{opacity:1;transition:opacity var(--klyp-app-ui-kit-duration-fast) var(--klyp-app-ui-kit-easing-standard) calc(var(--klyp-app-ui-kit-duration-slow) + var(--klyp-app-ui-kit-duration-instant)), transform var(--klyp-app-ui-kit-duration-slow) var(--klyp-app-ui-kit-easing-spring) calc(var(--klyp-app-ui-kit-duration-slow) + var(--klyp-app-ui-kit-duration-instant));transform:none}.klyp-feature-activity-ChipRing__notch{inline-size:var(--klyp-activity-notch-size);block-size:var(--klyp-activity-notch-size);margin:calc(var(--klyp-app-ui-kit-bw-default) * -1);border-radius:var(--klyp-app-ui-kit-radius-full);background:var(--klyp-app-ui-kit-color-status-danger);box-shadow:0 0 0 var(--klyp-app-ui-kit-bw-emphasis) var(--klyp-activity-chip-fill,var(--klyp-app-ui-kit-color-bg-surface));opacity:0;transition:opacity var(--klyp-app-ui-kit-duration-normal) var(--klyp-app-ui-kit-easing-standard), transform var(--klyp-app-ui-kit-duration-normal) var(--klyp-app-ui-kit-easing-spring);place-self:start end;transform:scale(.8)}.klyp-feature-activity-ChipRing[data-notch] .klyp-feature-activity-ChipRing__notch{opacity:1;transform:none}.klyp-feature-activity-ChipRing[data-notch=warning] .klyp-feature-activity-ChipRing__notch{background:var(--klyp-app-ui-kit-color-status-warning)}.klyp-feature-activity-ChipRing[data-mode=done] .klyp-feature-activity-ChipRing__notch{opacity:0;transform:scale(.8)}.klyp-feature-activity-ChipRing__glow{margin:calc(var(--klyp-app-ui-kit-bw-emphasis) * -1);border-radius:var(--klyp-app-ui-kit-radius-full);box-shadow:inset 0 0 0 var(--klyp-app-ui-kit-bw-default) var(--klyp-activity-ring-tone);opacity:0;pointer-events:none}@media (prefers-reduced-motion:reduce){.klyp-feature-activity-ChipRing__comet{display:none}.klyp-feature-activity-ChipRing[data-mode=indeterminate] .klyp-feature-activity-ChipRing__tint{opacity:var(--klyp-app-ui-kit-opacity-40)}}@keyframes klyp-activity-ring-spin{to{transform:rotate(360deg)}}
