.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:draw-circle .7s ease-out}.checkmark{stroke-width:6.25;stroke-linecap:round;position:absolute;top:56px;left:49px;width:52px;height:40px}.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{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}}.cross{stroke-width:6.25;stroke-linecap:round;position:absolute;top:54px;left:54px;width:40px;height: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;position:absolute;top:40px;left:68px;width:15px;height:70px;animation:alert-sign-bounce .5s 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}to{transform:scale(1)}}