*{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;animation:draw-circle .7s ease-out;opacity:.4}.checkmark{stroke-width:6.25;stroke-linecap:round;height:40px;left:49px;position:absolute;top:56px;width:52px}.checkmark path{animation:draw-check 1s 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}to{animation-fill-mode:forwards;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}to{stroke-dasharray:130,80;stroke-dashoffset:48;animation-fill-mode:forwards}}.cross{stroke-width:6.25;stroke-linecap:round;height:40px;left:54px;position:absolute;top:54px;width:40px}.cross .first-line{animation:draw-first-line .7s ease-out}.cross .second-line{animation:draw-second-line .7s ease-out}@keyframes draw-first-line{0%{stroke-dasharray:0,56;stroke-dashoffset:0}50%{stroke-dasharray:0,56;stroke-dashoffset:0}to{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}to{stroke-dasharray:55,0;stroke-dashoffset:70}}.alert-sign{stroke-width:6.25;stroke-linecap:round;animation:alert-sign-bounce .5s cubic-bezier(.175,.885,.32,1.275);height:70px;left:68px;position:absolute;top:40px;width:15px}.alert-sign .dot{stroke:none;fill:#ffc107}@keyframes alert-sign-bounce{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(0)}to{transform:scale(1)}}