.vertical-text .jumping-dots{& i{animation:jumping-sideways .5s ease-in-out infinite}}.jumping-dots{display:inline-flex;justify-content:flex-start;align-items:center;gap:.1em}.jumping-dots i{width:.25em;height:.25em;background-color:currentColor;border-radius:50%;--max-height:0.3em;animation:jumping .5s ease-in-out infinite}.jumping-dots i:first-child{animation-delay:0s;--max-height:0.3em}.jumping-dots i:nth-child(2){animation-delay:60ms;--max-height:0.26em}.jumping-dots i:nth-child(3){animation-delay:.12s;--max-height:0.22em}.jumping-dots i:nth-child(4){animation-delay:.18s;--max-height:0.18em}.jumping-dots i:nth-child(5){animation-delay:.22s;--max-height:0.16em}@keyframes jumping{0%,to{transform:translateY(var(--max-height)) scale(.8);opacity:.5}25%{transform:translateY(calc(-1 * var(--max-height))) scale(.92,1.1)}32%{transform:translateY(calc(-1 * var(--max-height) - .01em)) scale(1);opacity:1}5%,95%{transform:translateY(var(--max-height)) scale(.82,.72)}}@keyframes jumping-sideways{0%,to{transform:translateX(var(--max-height)) scale(.8);opacity:.5}25%{transform:translateX(calc(-1 * var(--max-height))) scale(.92,1.1)}32%{transform:translateX(calc(-1 * var(--max-height) - .01em)) scale(1);opacity:1}5%,95%{transform:translateX(var(--max-height)) scale(.82,.72)}}