.circle-loader{border:1px solid rgba(0,0,0,.2);border-left-color:#fff;animation:loader-spin 1.2s linear infinite;position:relative;display:inline-block;vertical-align:top;border-radius:50%;width:2em;height:2em;inset:0}.load-complete{-webkit-animation:none;animation:none;border-color:#fff;transition:border .5s ease-out}.checkmark.draw:after{animation-duration:.8s;animation-timing-function:ease;animation-name:checkmark;transform:scaleX(-1) rotate(135deg)}.checkmark:after{opacity:1;height:1em;width:.5em;transform-origin:left top;border-right:2px solid #fff;border-top:2px solid #fff;content:"";left:.5em;top:1em;position:absolute}@keyframes loader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes checkmark{0%{height:0;width:0;opacity:1}20%{height:0;width:.5em;opacity:1}40%{height:1em;width:.5em;opacity:1}to{height:1em;width:.5em;opacity:1}}