/* The green "done" mark: on the app icon once a purchase goes through, and in
   the confirmation on the lost-license page. It is the primary button's
   surface at 0.8 scale, in green — same gloss, same soft shadow underneath.
   check-badge.js draws the check with the app's own Lottie; until it can, or
   if it never can, the still check shows. */
.check-badge {
  position: relative; display: block; flex-shrink: 0; width: 32px; height: 32px; border-radius: 50%;
  background: #17b327; background: color(display-p3 0.09 0.703 0.151);
  box-shadow: 0 9.6px 8px -3.2px rgba(10,32,45,0.1),
    inset 0 4px 5.6px 0 rgba(255,255,255,0.2), inset 0 0 3.2px 0 rgba(255,255,255,0.2);
}
.check-badge img, .check-badge .check-draw {
  position: absolute; inset: 0; width: 32px; height: 32px; display: block;
}
.check-badge.is-animated img { visibility: hidden; }