.suspension{--suspension-ease:cubic-bezier(.23, 1, .32, 1);--suspension-draw-ease:cubic-bezier(.3, 0, .15, 1)}.suspension[data-tone=red]{--suspension-ink:var(--cr-text-icons-reds-primary);--suspension-soft:var(--cr-surface-reds-secondary);--suspension-from:#ff5c78;--suspension-to:#f2294b}.suspension[data-tone=amber]{--suspension-ink:var(--cr-text-icons-oranges-primary);--suspension-soft:var(--cr-surface-oranges-secondary);--suspension-from:#ffb627;--suspension-to:#f08c00}.suspension[data-tone=green]{--suspension-ink:var(--cr-text-icons-greens-primary);--suspension-soft:var(--cr-surface-greens-secondary);--suspension-from:#00b65b;--suspension-to:#00994d}@keyframes suspension-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes suspension-pop-soft{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}@keyframes suspension-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.suspension-fade{animation:fade-in .6s ease-out var(--suspension-delay,0s) backwards}.suspension-rise{--offset:8px;animation:slide-up-fade .35s var(--suspension-draw-ease) var(--suspension-delay,0s) backwards}.suspension-glyph{animation:.35s cubic-bezier(.2,0,0,1) .15s backwards suspension-pop-soft}.suspension-glyph[data-glyph=check]{animation:.35s cubic-bezier(.2,1.4,.4,1) .15s backwards suspension-pop}.suspension-ring,.suspension-mark{stroke-dasharray:1;animation:suspension-draw .55s var(--suspension-draw-ease) .2s backwards}.suspension-mark{animation-duration:.3s;animation-delay:.62s}.suspension-mark+.suspension-mark{animation-delay:.74s}.suspension-dot{transform-origin:50%;transform-box:fill-box;animation:suspension-pop-soft .25s var(--suspension-ease) .82s backwards}@media (prefers-reduced-motion:reduce){.suspension-fade,.suspension-rise,.suspension .suspension-glyph,.suspension-glyph *{animation:none}}