@keyframes swell{0%{transform:scaleZ(1) translate(0) translateY(0)}50%{transform:scale3d(1.2,1.2,1.2) translate(-.5rem) translateY(-.5rem)}to{transform:scaleZ(1) translate(0) translateY(0)}}.animation-swell{animation-name:swell;animation-timing-function:ease-in-out;animation-duration:.6s}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.check-mark{position:relative}.check-mark:after{animation:fade-in .2s ease-in-out;position:absolute;top:0;right:.5rem;content:"";display:inline-block;transform:rotate(45deg);height:1rem;width:.4rem;border-bottom:2px solid green;border-right:2px solid green}.x-mark{position:relative}.x-mark:before{animation:fade-in .2s ease-in-out;position:absolute;top:.5rem;right:0;content:"";display:inline-block;transform:rotate(-45deg);width:1rem;border-bottom:2px solid red}.x-mark:after{animation:fade-in .2s ease-in-out;position:absolute;top:.5rem;right:0;content:"";display:inline-block;transform:rotate(45deg);width:1rem;border-bottom:2px solid red}