.cd-sa{padding:26px;background-color:#fff;width:140px;height:140px;box-sizing:border-box}.cd-sa-success{border-radius:50%;border:4px solid #a5dc86;box-sizing:content-box;height:80px;padding:0;position:relative;background-color:#fff;width:80px}.cd-sa-success:after,.cd-sa-success:before{background:#fff;content:"";height:120px;position:absolute;transform:rotate(45deg);width:60px}.cd-sa-success:before{border-radius:40px 0 0 40px;width:26px;height:80px;top:-17px;left:5px;transform-origin:60px 60px;transform:rotate(-45deg)}.cd-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}.cd-sa-success-placeholder{border-radius:50%;border:4px solid rgba(165,220,134,0.25);box-sizing:content-box;height:80px;left:-4px;position:absolute;top:-4px;width:80px;z-index:2}.cd-sa-success-fix{background-color:#fff;height:90px;left:28px;position:absolute;top:8px;transform:rotate(-45deg);width:5px;z-index:1}.cd-sa-success-tip,.cd-sa-success-long{background-color:#a5dc86;border-radius:2px;height:5px;position:absolute;z-index:2}.cd-sa-success-tip{left:14px;top:46px;transform:rotate(45deg);width:25px;animation:animateSuccessTip .75s}.cd-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}100%{width:25px;left:14px;top:45px}}@keyframes animateSuccessLong{0%,65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}100%{width:47px;right:8px;top:38px}}@keyframes rotatePlaceholder{0%,5%{transform:rotate(-45deg)}100%,12%{transform:rotate(-405deg)}}.cd-sa-warning{border-radius:50%;border:4px solid #f8bb86;box-sizing:content-box;height:80px;padding:0;position:relative;background-color:#fff;width:80px;animation:scaleWarning .75s infinite alternate}.cd-sa-warning:after,.cd-sa-warning:before{background:#fff;content:"";border-radius:50%;height:100%;position:absolute;width:100%}.cd-sa-warning:before{display:inline-block;opacity:0;animation:pulseWarning 2s linear infinite}.cd-sa-warning:after{display:block;z-index:1}.cd-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}.cd-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)}100%{transform:scale(1)}}@keyframes pulseWarning{0%{background-color:#fff;transform:scale(1);opacity:.5}30%{background-color:#fff;transform:scale(1);opacity:.5}100%{background-color:#f8bb86;transform:scale(2);opacity:0}}@keyframes pulseWarningIns{0%{background-color:#f8d486}100%{background-color:#f8bb86}}.cd-sa-error{border-radius:50%;border:4px solid #f27474;box-sizing:content-box;height:80px;padding:0;position:relative;background-color:#fff;width:80px;animation:animateErrorIcon .5s}.cd-sa-error:after,.cd-sa-error:before{background:#fff;content:"";height:120px;position:absolute;transform:rotate(45deg);width:60px}.cd-sa-error:before{border-radius:40px 0 0 40px;width:26px;height:80px;top:-17px;left:5px;transform-origin:60px 60px;transform:rotate(-45deg)}.cd-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}.cd-sa-error-x{display:block;position:relative;z-index:2}.cd-sa-error-placeholder{border-radius:50%;border:4px solid rgba(200,0,0,0.2);box-sizing:content-box;height:80px;left:-4px;position:absolute;top:-4px;width:80px;z-index:2}.cd-sa-error-fix{background-color:#fff;height:90px;left:28px;position:absolute;top:8px;transform:rotate(-45deg);width:5px;z-index:1}.cd-sa-error-left,.cd-sa-error-right{border-radius:2px;display:block;height:5px;position:absolute;z-index:2;background-color:#f27474;top:37px;width:47px}.cd-sa-error-left{left:17px;transform:rotate(45deg);animation:animateXLeft .75s}.cd-sa-error-right{right:16px;transform:rotate(-45deg);animation:animateXRight .75s}@keyframes rotatePlaceholder{0%,5%{transform:rotate(-45deg)}100%,12%{transform:rotate(-405deg)}}@keyframes animateErrorIcon{0%{transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0);opacity:1}}@keyframes animateXLeft{0%,65%{left:82px;top:95px;width:0}84%{left:14px;top:33px;width:47px}100%{left:17px;top:37px;width:47px}}@keyframes animateXRight{0%,65%{right:82px;top:95px;width:0}84%{right:14px;top:33px;width:47px}100%{right:16px;top:37px;width:47px}}.cd-modal{display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;right:0;bottom:0;font-family:inherit;background-color:rgba(0,0,0,0.5)}.cd-box{padding:20px;max-width:96%;min-width:312px;background-color:#fff;border-radius:8px;animation:bounce-in .3s}.cd-modal.cd-out .cd-box{animation:bounce-out .3s}.cd-content{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-bottom:28px}.cd-buttons{display:flex;flex-direction:row;justify-content:center;gap:8px}@keyframes bounce-in{0%{opacity:0;transform:scale(0.7)}45%{opacity:1;transform:scale(1.05)}80%{transform:scale(0.95)}100%{transform:scale(1)}}@keyframes bounce-out{0%{opacity:1;transform:scale(1)}45%{transform:scale(0.95)}80%{opacity:1;transform:scale(1.05)}100%{opacity:0;transform:scale(0.7)}}