*{margin:0;padding:0}.svg-box{display:inline-block;position:relative;width:150px}.green-stroke{stroke:#7cb342}.red-stroke{stroke:#ff6245}.yellow-stroke{stroke:#ffc107}.circular circle.path{stroke-dasharray:330;stroke-dashoffset:0;stroke-linecap:round;opacity:.4;animation:.7s draw-circle ease-out}.checkmark{stroke-width:6.25;stroke-linecap:round;position:absolute;top:56px;left:49px;width:52px;height:40px}.checkmark path{animation:1s draw-check ease-out}@keyframes draw-circle{0%{stroke-dasharray:0,330;stroke-dashoffset:0;opacity:1}80%{stroke-dasharray:330,330;stroke-dashoffset:0;opacity:1}100%{opacity:.4}}@keyframes draw-check{0%{stroke-dasharray:49,80;stroke-dashoffset:48;opacity:0}50%{stroke-dasharray:49,80;stroke-dashoffset:48;opacity:1}100%{stroke-dasharray:130,80;stroke-dashoffset:48}}.cross{stroke-width:6.25;stroke-linecap:round;position:absolute;top:54px;left:54px;width:40px;height:40px}.cross .first-line{animation:.7s draw-first-line ease-out}.cross .second-line{animation:.7s draw-second-line ease-out}@keyframes draw-first-line{0%{stroke-dasharray:0,56;stroke-dashoffset:0}50%{stroke-dasharray:0,56;stroke-dashoffset:0}100%{stroke-dasharray:56,330;stroke-dashoffset:0}}@keyframes draw-second-line{0%{stroke-dasharray:0,55;stroke-dashoffset:1}50%{stroke-dasharray:0,55;stroke-dashoffset:1}100%{stroke-dasharray:55,0;stroke-dashoffset:70}}.alert-sign{stroke-width:6.25;stroke-linecap:round;position:absolute;top:40px;left:68px;width:15px;height:70px;animation:.5s alert-sign-bounce cubic-bezier(.175,.885,.32,1.275)}.alert-sign .dot{stroke:none;fill:#ffc107}@keyframes alert-sign-bounce{0%{transform:scale(0);opacity:0}50%{transform:scale(0);opacity:1}100%{transform:scale(1)}}