.animate-dot{animation-name:dot;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.animate-dot:after{content:"";position:absolute;top:0;left:0;transform-origin:center;width:100%;height:100%;opacity:.1;border-radius:inherit;animation-name:dot-parent;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(.215,.61,.355,1)}@keyframes dot{0%{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2)}25%{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}50%{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}75%{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}to{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2)}}@keyframes dot-parent{0%{opacity:.7;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}10%{opacity:.3}to{transform:scale(23);-webkit-transform:scale(23);-moz-transform:scale(23);-ms-transform:scale(23);-o-transform:scale(23);opacity:0}}