.spinner{display:inline-block;width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;margin-right:6px;vertical-align:middle}.success-message{text-align:center;color:#28a745;margin-top:10px;animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.checkmark{width:40px;height:40px;display:inline-block;position:relative;margin-bottom:5px}.checkmark-circle{width:40px;height:40px;border-radius:50%;border:3px solid #28a745;animation:circleAppear .4s ease-out forwards}@keyframes circleAppear{0%{transform:scale(0)}to{transform:scale(1)}}.checkmark-stem{position:absolute;width:3px;height:14px;background-color:#28a745;left:17px;top:10px;transform:rotate(45deg);transform-origin:bottom left;animation:drawStem .3s ease-out .4s forwards;opacity:0}.checkmark-kick{position:absolute;width:8px;height:3px;background-color:#28a745;left:12px;top:21px;transform:rotate(-45deg);transform-origin:top left;animation:drawKick .3s ease-out .7s forwards;opacity:0}@keyframes drawStem{to{opacity:1}}@keyframes drawKick{to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}