.success-check__outer{display:flex;align-items:center;justify-content:center;width:7em;height:7em;font-size:9px;border-radius:50%;background-color:color-mix(in srgb,var(--accent) 15%,transparent)}.success-check__circle{display:inline-flex;font-size:9px;background-color:var(--accent);position:relative;overflow:hidden;animation:successCheck-scaleIn .7s ease-in-out forwards}.success-check__circle,.success-check__fill{width:5em;height:5em;border-radius:50%;transform-origin:center}.success-check__fill{display:flex;background:color-mix(in srgb,var(--accent) 80%,white);animation:successCheck-scaleIn 1.2s ease-in-out forwards;animation-delay:.3s;transform:scale(0)}.success-check__ripple{width:5em;height:5em;border-radius:50%;position:absolute;transform-origin:center;background-color:var(--accent);animation:successCheck-ripple 2.7s ease-in-out forwards;animation-delay:.1s;visibility:hidden}.success-check__long,.success-check__tip{display:block;position:absolute;height:.4em;background-color:var(--background);border-radius:10px}.success-check__tip{width:1.5em;top:2.7em;left:1.1em;transform:rotate(45deg);animation:successCheck-tipIn .2s ease-in-out forwards;animation-delay:1.2s;visibility:hidden}.success-check__long{width:2.5em;transform:rotate(-45deg);top:2.5em;left:1.7em;animation:successCheck-longIn .14s ease-in-out forwards;animation-delay:1.54s;visibility:hidden}@keyframes successCheck-scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes successCheck-ripple{0%{transform:scale(0);visibility:visible;opacity:1}to{transform:scale(1.8);opacity:0}}@keyframes successCheck-tipIn{0%{width:0;top:2em;left:1.1em}to{width:1.5em;top:2.7em;left:1.1em;visibility:visible}}@keyframes successCheck-longIn{0%{width:0;top:3.3em;left:2em}to{width:2.5em;top:2.3em;left:1.7em;visibility:visible}}