.error-icon-1,.error-icon-2{position:absolute;width:40px;height:3px;background-color:#e53935;border-radius:2px;opacity:0;animation:cross-line-show .3s ease-out forwards;transform-origin:center}.error-icon-1{transform:rotate(45deg);animation-delay:.2s}.error-icon-2{transform:rotate(-45deg);animation-delay:.4s}.error-icon-1:after{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;background:rgba(197,34,34,.1);border-radius:50%;transform:translate(-50%,-50%) scale(0);animation:error-ripple 1s cubic-bezier(.65,0,.35,1) forwards}@keyframes cross-line-show{0%{opacity:0}to{opacity:1}}@keyframes error-ripple{0%{transform:translate(-50%,-50%) scale(0);opacity:1}50%{transform:translate(-50%,-50%) scale(1.5);opacity:.5}to{transform:translate(-50%,-50%) scale(2);opacity:0}}