.loading{display:inline-block;overflow:hidden;height:1.3em;margin-top:-.3em;line-height:1.5em;vertical-align:text-bottom}.loading::after{display:inline-table;white-space:pre;text-align:left}.loading::after{content:"\a.\a..\a...";animation:spin4 2s steps(4) infinite}.loading.line::after{content:"/\a–\a\\\a|";text-align:center;animation:spin4 1s steps(4) infinite}.loading.line2::after{content:"╲\a│\a╱\a─";text-align:center;animation:spin4 1s steps(4) infinite}.loading.plus::after{content:"┽\a╀\a┾\a╁";animation:spin4 1s steps(4) infinite}.loading.dots::after{content:"⠋\a⠙\a⠹\a⠸\a⠼\a⠴\a⠦\a⠧\a⠇\a⠏";animation:spin10 1s steps(10) infinite}.loading.dots2::after{content:"⠋\a⠙\a⠚\a⠞\a⠖\a⠦\a⠴\a⠲\a⠳";animation:spin9 1s steps(9) infinite}.loading.dots3::after{content:"⋮\a⋰\a⋯\a⋱";text-align:center;animation:spin4 1s steps(4) infinite}.loading.lifting::after{content:"꜈꜍\a꜉꜎\a꜊꜏\a꜋꜐\a꜌꜑";animation:spin5 .5s steps(5) infinite alternate}.loading.hamburger::after{content:"☱\a☲\a☴";animation:spin3 .3s steps(3) infinite alternate}.loading.bar::after{content:"▏\a▎\a▍\a▌\a▋\a▊\a▉";animation:spin7 1s steps(7) infinite alternate}.loading.bar2::after{content:"▁\a▂\a▃\a▄\a▅\a▆\a▇\a█";animation:spin8 2s steps(8) infinite alternate}.loading.circle::after{content:"◴\a◷\a◶\a◵";animation:spin4 1s steps(4) infinite}.loading.open-circle::after{content:"◜\a◠\a◝\a◞\a◡\a◟";animation:spin6 .6s steps(6) infinite}.loading.arrow::after{content:"←\a↖\a↑\a↗\a→\a↘\a↓\a↙";animation:spin8 1s steps(8) infinite}.loading.triangle::after{content:"◢\a◣\a◤\a◥";animation:spin4 1s steps(4) infinite}.loading.triangles::after{content:"▹▹▹▹▹\a▸▹▹▹▹\a▹▸▹▹▹\a▹▹▸▹▹\a▹▹▹▸▹\a▹▹▹▹▸";animation:spin6 1s steps(6) infinite}.loading.beam::after{content:"\a=   \a==  \a=== \a====\a ===\a  ==\a   =\a";animation:spin9 1.2s steps(9) infinite;font-family:monospace}.loading.bullet::after{content:" ●    \a  ●   \a   ●  \a    ● \a     ●\a    ● \a   ●  \a  ●   \a ●    \a●     ";animation:spin10 1s steps(10) infinite}.loading.bullseye::after{content:"◎◎◎\a◉◎◎\a◎◉◎\a◎◎◉";animation:spin4 1s steps(4) infinite}.loading.rhomb::after{content:"◇◇◇\a◈◇◇\a◇◈◇\a◇◇◈";animation:spin4 1s steps(4) infinite}.loading.fish::after{content:">))'>\a >))'>\a  >))'>\a   >))'>\a    >))'>\a    <'((<\a   <'((<\a  <'((<\a <'((<\a<'((<\a";animation:spin10 5s steps(10) infinite}.loading.toggle::after{content:"⊶\a⊷";animation:spin2 1s steps(2) infinite}.loading.countdown::after{content:"0\a 1\a 2\a 3\a 4\a 5\a 6\a 7\a 8\a 9";animation:spin10 10s steps(10) reverse}.loading.time::after{content:"🕐\a🕑\a🕒\a🕓\a🕔\a🕕\a🕖\a🕗\a🕘\a🕙\a🕚\a🕛";animation:spin12 3s steps(12) infinite;width:1.3em}.loading.hearts::after{content:"💛\a💙\a💜\a💚";animation:spin4 2s steps(4) infinite;width:1.3em}.loading.earth::after{content:"🌍\a🌎\a🌏";animation:spin3 1s steps(3) infinite;width:1.3em}.loading.moon::after{content:"🌑\a🌒\a🌓\a🌔\a🌕\a🌖\a🌗\a🌘";animation:spin8 2s steps(8) infinite;width:1.3em}.loading.monkey::after{content:"🙈\a🙉\a🙊";animation:spin3 1.5s steps(3) infinite;width:1.3em}.loading.runner::after{content:"🚶\a🏃";animation:spin2 1s steps(2) infinite;width:1.3em}.loading.box-bounce::after{content:"▖\a▘\a▝\a▗";animation:spin4 1s steps(4) infinite}.loading.star::after{content:"✶\a✸\a✹\a✺\a✹\a✷";animation:spin6 1s steps(6) infinite}.loading.words::after{content:"Loading\aStill loading\aMostly done\a A bit more \a Almost done\aReady-ish";animation:spin6 12s steps(6) infinite}@keyframes spin1{to{transform:translateY(-1.5em)}}@keyframes spin2{to{transform:translateY(-3em)}}@keyframes spin3{to{transform:translateY(-4.5em)}}@keyframes spin4{to{transform:translateY(-6em)}}@keyframes spin5{to{transform:translateY(-7.5em)}}@keyframes spin6{to{transform:translateY(-9em)}}@keyframes spin7{to{transform:translateY(-10.5em)}}@keyframes spin8{to{transform:translateY(-12em)}}@keyframes spin9{to{transform:translateY(-13.5em)}}@keyframes spin10{to{transform:translateY(-15em)}}@keyframes spin11{to{transform:translateY(-16.5em)}}@keyframes spin12{to{transform:translateY(-18em)}}