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