.checkmark{position:relative;z-index:1;opacity:1;width:16px;border-radius:50%;display:inline;stroke-width:6;stroke:green;stroke-miterlimit:10;margin:5px;padding:2px;-webkit-box-shadow:inset 0px 0px 0px #fff;box-shadow:inset 0px 0px 0px #fff;animation:fill .4s ease-in-out forwards,scale .3s ease-in-out forwards;opacity:0;will-change:transform,opacity}.checkmark.animate{opacity:1}.checkmark__circle,.checkmark__check{will-change:stroke-dashoffset,opacity}.checkmark__circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:3;stroke-miterlimit:10;stroke:#fff;fill:none;-webkit-animation:stroke .6s cubic-bezier(0.65, 0, 0.45, 1) forwards;animation:stroke .6s cubic-bezier(0.65, 0, 0.45, 1) forwards}.checkmark__check{-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;-webkit-animation:stroke .3s cubic-bezier(0.65, 0, 0.45, 1) .8s forwards;animation:stroke .3s cubic-bezier(0.65, 0, 0.45, 1) .8s forwards}@-webkit-keyframes stroke{100%{stroke-dashoffset:0px}}@keyframes stroke{100%{stroke-dashoffset:0px}}@-webkit-keyframes scale{0%,100%{-webkit-transform:none;transform:none}50%{-webkit-transform:scale3d(1.1, 1.1, 1);transform:scale3d(1.1, 1.1, 1)}}@keyframes scale{0%,100%{-webkit-transform:none;transform:none}50%{-webkit-transform:scale3d(1.1, 1.1, 1);transform:scale3d(1.1, 1.1, 1)}}@-webkit-keyframes fill{100%{-webkit-box-shadow:inset 0px 0px 0px 30px #b0d056;box-shadow:inset 0px 0px 0px 30px #b0d056}}@keyframes fill{100%{-webkit-box-shadow:inset 0px 0px 0px 30px #b0d056;box-shadow:inset 0px 0px 0px 30px #b0d056}}