.sa{width:140px;height:140px;padding:26px}.sa-success{border-radius:50%;border:4px solid #a5dc86;box-sizing:content-box;height:80px;padding:0;position:relative;width:80px}.sa-success:after,.sa-success:before{background:#fff;content:"";height:120px;position:absolute;transform:rotate(45deg);width:60px}.sa-success:before{border-radius:40px 0 0 40px;width:26px;height:80px;top:-17px;left:5px;transform-origin:60px 60px;transform:rotate(-45deg)}.sa-success:after{border-radius:0 120px 120px 0;left:30px;top:-11px;transform-origin:0 60px;transform:rotate(-45deg);animation:rotatePlaceholder 4.25s ease-in}.sa-success-placeholder{border-radius:50%;border:4px solid rgba(165,220,134,.25);box-sizing:content-box;height:80px;left:-4px;position:absolute;top:-4px;width:80px;z-index:2}.sa-success-fix{background-color:#fff;height:90px;left:28px;position:absolute;top:8px;transform:rotate(-45deg);width:5px;z-index:1}.sa-success-tip,.sa-success-long{background-color:#a5dc86;border-radius:2px;height:5px;position:absolute;z-index:2}.sa-success-tip{left:14px;top:46px;transform:rotate(45deg);width:25px;animation:animateSuccessTip .75s}.sa-success-long{right:8px;top:38px;transform:rotate(-45deg);width:47px;animation:animateSuccessLong .75s}@keyframes animateSuccessTip{0%,54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}to{width:25px;left:14px;top:45px}}@keyframes animateSuccessLong{0%,65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}to{width:47px;right:8px;top:38px}}@keyframes rotatePlaceholder{0%,5%{transform:rotate(-45deg)}to,12%{transform:rotate(-405deg)}}.sa-error{border-radius:50%;border:4px solid #F27474;box-sizing:content-box;height:80px;padding:0;position:relative;width:80px;animation:animateErrorIcon .5s}.sa-error:after,.sa-error:before{background:#fff;content:"";height:120px;position:absolute;transform:rotate(45deg);width:60px}.sa-error:before{border-radius:40px 0 0 40px;width:26px;height:80px;top:-17px;left:5px;transform-origin:60px 60px;transform:rotate(-45deg)}.sa-error:after{border-radius:0 120px 120px 0;left:30px;top:-11px;transform-origin:0 60px;transform:rotate(-45deg);animation:rotatePlaceholder 4.25s ease-in}.sa-error-x{display:block;position:relative;z-index:2}.sa-error-placeholder{border-radius:50%;border:4px solid rgba(200,0,0,.2);box-sizing:content-box;height:80px;left:-4px;position:absolute;top:-4px;width:80px;z-index:2}.sa-error-fix{background-color:#fff;height:90px;left:28px;position:absolute;top:8px;transform:rotate(-45deg);width:5px;z-index:1}.sa-error-left,.sa-error-right{border-radius:2px;display:block;height:5px;position:absolute;z-index:2;background-color:#f27474;top:37px;width:47px}.sa-error-left{left:17px;transform:rotate(45deg);animation:animateXLeft .75s}.sa-error-right{right:16px;transform:rotate(-45deg);animation:animateXRight .75s}@keyframes animateErrorIcon{0%{transform:rotateX(100deg);opacity:0}to{transform:rotateX(0);opacity:1}}@keyframes animateXLeft{0%,65%{left:82px;top:95px;width:0}84%{left:14px;top:33px;width:47px}to{left:17px;top:37px;width:47px}}@keyframes animateXRight{0%,65%{right:82px;top:95px;width:0}84%{right:14px;top:33px;width:47px}to{right:16px;top:37px;width:47px}}.sa-warning{border-radius:50%;border:4px solid #F8BB86;box-sizing:content-box;height:80px;padding:0;position:relative;width:80px;animation:scaleWarning .75s infinite alternate}.sa-warning:after,.sa-warning:before{background:rgb(3 8 18);content:"";border-radius:50%;height:100%;position:absolute;width:100%}.sa-warning:before{display:inline-block;opacity:0;animation:pulseWarning 2s linear infinite}.sa-warning:after{display:block;z-index:1}.sa-warning-body{background-color:#f8bb86;border-radius:2px;height:47px;left:50%;margin-left:-2px;position:absolute;top:10px;width:5px;z-index:2;animation:pulseWarningIns .75s infinite alternate}.sa-warning-dot{background-color:#f8bb86;border-radius:50%;bottom:10px;height:7px;left:50%;margin-left:-3px;position:absolute;width:7px;z-index:2;animation:pulseWarningIns .75s infinite alternate}@keyframes scaleWarning{0%{transform:scale(1)}30%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes pulseWarning{0%{background-color:#fff;transform:scale(1);opacity:.5}30%{background-color:#fff;transform:scale(1);opacity:.5}to{background-color:#f8bb86;transform:scale(2);opacity:0}}@keyframes pulseWarningIns{0%{background-color:#f8d486}to{background-color:#f8bb86}}