.dot-elastic{position:relative;width:15px;height:15px;border-radius:7.5px;background-color:#000;color:#000;animation:dotElastic 1s infinite linear}.dot-elastic::before,.dot-elastic::after{content:'';display:inline-block;position:absolute;top:0}.dot-elastic::before{left:-22.5px;width:15px;height:15px;border-radius:7.5px;background-color:#000;color:#000;animation:dotElasticBefore 1s infinite linear}.dot-elastic::after{left:22.5px;width:15px;height:15px;border-radius:7.5px;background-color:#000;color:#000;animation:dotElasticAfter 1s infinite linear}@keyframes dotElasticBefore{0%{transform:scale(1, 1)}25%{transform:scale(1, 1.5)}50%{transform:scale(1, 0.67)}75%{transform:scale(1, 1)}100%{transform:scale(1, 1)}}@keyframes dotElastic{0%{transform:scale(1, 1)}25%{transform:scale(1, 1)}50%{transform:scale(1, 1.5)}75%{transform:scale(1, 1)}100%{transform:scale(1, 1)}}@keyframes dotElasticAfter{0%{transform:scale(1, 1)}25%{transform:scale(1, 1)}50%{transform:scale(1, 0.67)}75%{transform:scale(1, 1.5)}100%{transform:scale(1, 1)}}.dot-pulse{position:relative;left:-9999px;width:15px;height:15px;border-radius:7.5px;background-color:#000;color:#000;box-shadow:9976.5px 0 0 0 #000,9999px 0 0 0 #000,10021.5px 0 0 0 #000;animation:dotPulse 1.5s infinite linear}@keyframes dotPulse{0%{box-shadow:9976.5px 0 0 -5px #000,9999px 0 0 0 #000,10021.5px 0 0 2px #000}25%{box-shadow:9976.5px 0 0 0 #000,9999px 0 0 2px #000,10021.5px 0 0 0 #000}50%{box-shadow:9976.5px 0 0 2px #000,9999px 0 0 0 #000,10021.5px 0 0 -5px #000}75%{box-shadow:9976.5px 0 0 0 #000,9999px 0 0 -5px #000,10021.5px 0 0 0 #000}100%{box-shadow:9976.5px 0 0 -5px #000,9999px 0 0 0 #000,10021.5px 0 0 2px #000}}.dot-flashing{position:relative;width:15px;height:15px;border-radius:7.5px;background-color:#000;color:#000;animation:dotFlashing 1s infinite linear alternate;animation-delay:.5s}.dot-flashing::before,.dot-flashing::after{content:'';display:inline-block;position:absolute;top:0}.dot-flashing::before{left:-22.5px;width:15px;height:15px;border-radius:7.5px;background-color:#000;color:#000;animation:dotFlashing 1s infinite alternate;animation-delay:0s}.dot-flashing::after{left:22.5px;width:15px;height:15px;border-radius:7.5px;background-color:#000;color:#000;animation:dotFlashing 1s infinite alternate;animation-delay:1s}@keyframes dotFlashing{0%{background-color:#000}100%{background-color:#333}}.dot-collision{position:relative;width:15px;height:15px;border-radius:7.5px;background-color:#000;color:#000}.dot-collision::before,.dot-collision::after{content:'';display:inline-block;position:absolute;top:0}.dot-collision::before{left:-15px;width:15px;height:15px;border-radius:7.5px;background-color:#000;color:#000;animation:dotCollisionBefore 2s infinite ease-in}.dot-collision::after{left:15px;width:15px;height:15px;border-radius:7.5px;background-color:#000;color:#000;animation:dotCollisionAfter 2s infinite ease-in;animation-delay:1s}@keyframes dotCollisionBefore{0%,
  50%,
  75%,
  100%{transform:translateX(0)}25%{transform:translateX(-22.5px)}}@keyframes dotCollisionAfter{0%,
  50%,
  75%,
  100%{transform:translateX(0)}25%{transform:translateX(22.5px)}}.dot-revolution{position:relative;width:15px;height:15px;border-radius:7.5px;background-color:#000;color:#000}.dot-revolution::before,.dot-revolution::after{content:'';display:inline-block;position:absolute}.dot-revolution::before{left:0;top:-22.5px;width:15px;height:15px;border-radius:7.5px;background-color:#000;color:#000;transform-origin:7.5px 30px;animation:dotRevolution 1.4s linear infinite}.dot-revolution::after{left:0;top:-45px;width:15px;height:15px;border-radius:7.5px;background-color:#000;color:#000;transform-origin:7.5px 52.5px;animation:dotRevolution 1s linear infinite}@keyframes dotRevolution{0%{transform:rotateZ(0deg) translate3d(0, 0, 0)}100%{transform:rotateZ(360deg) translate3d(0, 0, 0)}}.dot-carousel{position:relative;left:-9999px;width:15px;height:15px;border-radius:7.5px;background-color:#000;color:#000;box-shadow:9976.5px 0 0 0 #000,9999px 0 0 0 #000,10021.5px 0 0 0 #000;animation:dotCarousel 1.5s infinite linear}@keyframes dotCarousel{0%{box-shadow:9976.5px 0 0 -1px #000,9999px 0 0 1px #000,10021.5px 0 0 -1px #000}50%{box-shadow:10021.5px 0 0 -1px #000,9976.5px 0 0 -1px #000,9999px 0 0 1px #000}100%{box-shadow:9999px 0 0 1px #000,10021.5px 0 0 -1px #000,9976.5px 0 0 -1px #000}}.dot-typing{position:relative;left:-9999px;width:15px;height:15px;border-radius:7.5px;background-color:#000;color:#000;box-shadow:9976.5px 0 0 0 #000,9999px 0 0 0 #000,10021.5px 0 0 0 #000;animation:dotTyping 1.5s infinite linear}@keyframes dotTyping{0%{box-shadow:9976.5px 0 0 0 #000,9999px 0 0 0 #000,10021.5px 0 0 0 #000}16.667%{box-shadow:9976.5px -10px 0 0 #000,9999px 0 0 0 #000,10021.5px 0 0 0 #000}33.333%{box-shadow:9976.5px 0 0 0 #000,9999px 0 0 0 #000,10021.5px 0 0 0 #000}50%{box-shadow:9976.5px 0 0 0 #000,9999px -10px 0 0 #000,10021.5px 0 0 0 #000}66.667%{box-shadow:9976.5px 0 0 0 #000,9999px 0 0 0 #000,10021.5px 0 0 0 #000}83.333%{box-shadow:9976.5px 0 0 0 #000,9999px 0 0 0 #000,10021.5px -10px 0 0 #000}100%{box-shadow:9976.5px 0 0 0 #000,9999px 0 0 0 #000,10021.5px 0 0 0 #000}}.dot-windmill{position:relative;top:-15px;width:15px;height:15px;border-radius:7.5px;background-color:#000;color:#000;transform-origin:5px 20px;animation:dotWindmill 2s infinite linear}.dot-windmill::before,.dot-windmill::after{content:'';display:inline-block;position:absolute}.dot-windmill::before{left:-12.99px;top:22.5px;width:15px;height:15px;border-radius:7.5px;background-color:#000;color:#000}.dot-windmill::after{left:12.99px;top:22.5px;width:15px;height:15px;border-radius:7.5px;background-color:#000;color:#000}@keyframes dotWindmill{0%{transform:rotateZ(0deg) translate3d(0, 0, 0)}100%{transform:rotateZ(720deg) translate3d(0, 0, 0)}}.dot-bricks{position:relative;top:10.5px;left:-9999px;width:15px;height:15px;border-radius:7.5px;background-color:#000;color:#000;box-shadow:9988.5px -21px 0 0 #000,9988.5px 0 0 0 #000,10009.5px 0 0 0 #000;animation:dotBricks 2s infinite ease}@keyframes dotBricks{0%{box-shadow:9988.5px -21px 0 0 #000,9988.5px 0 0 0 #000,10009.5px 0 0 0 #000}8.333%{box-shadow:10009.5px -21px 0 0 #000,9988.5px 0 0 0 #000,10009.5px 0 0 0 #000}16.667%{box-shadow:10009.5px -21px 0 0 #000,9988.5px -21px 0 0 #000,10009.5px 0 0 0 #000}25%{box-shadow:10009.5px -21px 0 0 #000,9988.5px -21px 0 0 #000,9988.5px 0 0 0 #000}33.333%{box-shadow:10009.5px 0 0 0 #000,9988.5px -21px 0 0 #000,9988.5px 0 0 0 #000}41.667%{box-shadow:10009.5px 0 0 0 #000,10009.5px -21px 0 0 #000,9988.5px 0 0 0 #000}50%{box-shadow:10009.5px 0 0 0 #000,10009.5px -21px 0 0 #000,9988.5px -21px 0 0 #000}58.333%{box-shadow:9988.5px 0 0 0 #000,10009.5px -21px 0 0 #000,9988.5px -21px 0 0 #000}66.666%{box-shadow:9988.5px 0 0 0 #000,10009.5px 0 0 0 #000,9988.5px -21px 0 0 #000}75%{box-shadow:9988.5px 0 0 0 #000,10009.5px 0 0 0 #000,10009.5px -21px 0 0 #000}83.333%{box-shadow:9988.5px -21px 0 0 #000,10009.5px 0 0 0 #000,10009.5px -21px 0 0 #000}91.667%{box-shadow:9988.5px -21px 0 0 #000,9988.5px 0 0 0 #000,10009.5px -21px 0 0 #000}100%{box-shadow:9988.5px -21px 0 0 #000,9988.5px 0 0 0 #000,10009.5px 0 0 0 #000}}.dot-floating{position:relative;width:15px;height:15px;border-radius:7.5px;background-color:#000;color:#000;animation:dotFloating 3s infinite cubic-bezier(0.15, 0.6, 0.9, 0.1)}.dot-floating::before,.dot-floating::after{content:'';display:inline-block;position:absolute;top:0}.dot-floating::before{left:-12px;width:15px;height:15px;border-radius:7.5px;background-color:#000;color:#000;animation:dotFloatingBefore 3s infinite ease-in-out}.dot-floating::after{left:-24px;width:15px;height:15px;border-radius:7.5px;background-color:#000;color:#000;animation:dotFloatingAfter 3s infinite cubic-bezier(0.4, 0, 1, 1)}@keyframes dotFloating{0%{left:calc(-50% - 7.5px)}75%{left:calc(50% + 107.5px)}100%{left:calc(50% + 107.5px)}}@keyframes dotFloatingBefore{0%{left:-50px}50%{left:-12px}75%{left:-50px}100%{left:-50px}}@keyframes dotFloatingAfter{0%{left:-100px}50%{left:-24px}75%{left:-100px}100%{left:-100px}}.dot-fire{position:relative;left:-9999px;width:15px;height:15px;border-radius:7.5px;background-color:#000;color:#000;box-shadow:9999px 33.75px 0 -5px #000;animation:dotFire 1.5s infinite linear;animation-delay:-.85s}.dot-fire::before,.dot-fire::after{content:'';display:inline-block;position:absolute;top:0;width:15px;height:15px;border-radius:7.5px;background-color:#000;color:#000}.dot-fire::before{box-shadow:9999px 33.75px 0 -5px #000;animation:dotFire 1.5s infinite linear;animation-delay:-1.85s}.dot-fire::after{box-shadow:9999px 33.75px 0 -5px #000;animation:dotFire 1.5s infinite linear;animation-delay:-2.85s}@keyframes dotFire{1%{box-shadow:9999px 33.75px 0 -5px #000}50%{box-shadow:9999px -8.4375px 0 2px #000}100%{box-shadow:9999px -33.75px 0 -5px #000}}.dot-spin{position:relative;width:15px;height:15px;border-radius:7.5px;background-color:transparent;color:transparent;box-shadow:0 -27px 0 0 #000,19.09476662px -19.09476662px 0 0 #000,27px 0 0 0 #000,19.09476662px 19.09476662px 0 0 transparent,0 27px 0 0 transparent,-19.09476662px 19.09476662px 0 0 transparent,-27px 0 0 0 transparent,-19.09476662px -19.09476662px 0 0 transparent;animation:dotSpin 1.5s infinite linear}@keyframes dotSpin{0%,
  100%{box-shadow:0 -27px 0 0 #000,19.09476662px -19.09476662px 0 0 #000,27px 0 0 0 #000,19.09476662px 19.09476662px 0 -5px transparent,0 27px 0 -5px transparent,-19.09476662px 19.09476662px 0 -5px transparent,-27px 0 0 -5px transparent,-19.09476662px -19.09476662px 0 -5px transparent}12.5%{box-shadow:0 -27px 0 -5px transparent,19.09476662px -19.09476662px 0 0 #000,27px 0 0 0 #000,19.09476662px 19.09476662px 0 0 #000,0 27px 0 -5px transparent,-19.09476662px 19.09476662px 0 -5px transparent,-27px 0 0 -5px transparent,-19.09476662px -19.09476662px 0 -5px transparent}25%{box-shadow:0 -27px 0 -5px transparent,19.09476662px -19.09476662px 0 -5px transparent,27px 0 0 0 #000,19.09476662px 19.09476662px 0 0 #000,0 27px 0 0 #000,-19.09476662px 19.09476662px 0 -5px transparent,-27px 0 0 -5px transparent,-19.09476662px -19.09476662px 0 -5px transparent}37.5%{box-shadow:0 -27px 0 -5px transparent,19.09476662px -19.09476662px 0 -5px transparent,27px 0 0 -5px transparent,19.09476662px 19.09476662px 0 0 #000,0 27px 0 0 #000,-19.09476662px 19.09476662px 0 0 #000,-27px 0 0 -5px transparent,-19.09476662px -19.09476662px 0 -5px transparent}50%{box-shadow:0 -27px 0 -5px transparent,19.09476662px -19.09476662px 0 -5px transparent,27px 0 0 -5px transparent,19.09476662px 19.09476662px 0 -5px transparent,0 27px 0 0 #000,-19.09476662px 19.09476662px 0 0 #000,-27px 0 0 0 #000,-19.09476662px -19.09476662px 0 -5px transparent}62.5%{box-shadow:0 -27px 0 -5px transparent,19.09476662px -19.09476662px 0 -5px transparent,27px 0 0 -5px transparent,19.09476662px 19.09476662px 0 -5px transparent,0 27px 0 -5px transparent,-19.09476662px 19.09476662px 0 0 #000,-27px 0 0 0 #000,-19.09476662px -19.09476662px 0 0 #000}75%{box-shadow:0 -27px 0 0 #000,19.09476662px -19.09476662px 0 -5px transparent,27px 0 0 -5px transparent,19.09476662px 19.09476662px 0 -5px transparent,0 27px 0 -5px transparent,-19.09476662px 19.09476662px 0 -5px transparent,-27px 0 0 0 #000,-19.09476662px -19.09476662px 0 0 #000}87.5%{box-shadow:0 -27px 0 0 #000,19.09476662px -19.09476662px 0 0 #000,27px 0 0 -5px transparent,19.09476662px 19.09476662px 0 -5px transparent,0 27px 0 -5px transparent,-19.09476662px 19.09476662px 0 -5px transparent,-27px 0 0 -5px transparent,-19.09476662px -19.09476662px 0 0 #000}}.dot-falling{position:relative;left:-9999px;width:15px;height:15px;border-radius:7.5px;background-color:#000;color:#000;box-shadow:9999px 0 0 0 #000;animation:dotFalling 1s infinite linear;animation-delay:.1s}.dot-falling::before,.dot-falling::after{content:'';display:inline-block;position:absolute;top:0}.dot-falling::before{width:15px;height:15px;border-radius:7.5px;background-color:#000;color:#000;animation:dotFallingBefore 1s infinite linear;animation-delay:0s}.dot-falling::after{width:15px;height:15px;border-radius:7.5px;background-color:#000;color:#000;animation:dotFallingAfter 1s infinite linear;animation-delay:.2s}@keyframes dotFalling{0%{box-shadow:9999px -22.5px 0 0 transparent}25%,
  50%,
  75%{box-shadow:9999px 0 0 0 #000}100%{box-shadow:9999px 22.5px 0 0 transparent}}@keyframes dotFallingBefore{0%{box-shadow:9976.5px -22.5px 0 0 transparent}25%,
  50%,
  75%{box-shadow:9976.5px 0 0 0 #000}100%{box-shadow:9976.5px 22.5px 0 0 transparent}}@keyframes dotFallingAfter{0%{box-shadow:10021.5px -22.5px 0 0 transparent}25%,
  50%,
  75%{box-shadow:10021.5px 0 0 0 #000}100%{box-shadow:10021.5px 22.5px 0 0 transparent}}.dot-stretching{position:relative;width:15px;height:15px;border-radius:7.5px;background-color:#000;color:#000;transform:scale(1.25, 1.25);animation:dotStretching 2s infinite ease-in}.dot-stretching::before,.dot-stretching::after{content:'';display:inline-block;position:absolute;top:0}.dot-stretching::before{width:15px;height:15px;border-radius:7.5px;background-color:#000;color:#000;animation:dotStretchingBefore 2s infinite ease-in}.dot-stretching::after{width:15px;height:15px;border-radius:7.5px;background-color:#000;color:#000;animation:dotStretchingAfter 2s infinite ease-in}@keyframes dotStretching{0%{transform:scale(1.25, 1.25)}50%,
  60%{transform:scale(.8, .8)}100%{transform:scale(1.25, 1.25)}}@keyframes dotStretchingBefore{0%{transform:translate(0) scale(.7, .7)}50%,
  60%{transform:translate(-20px) scale(1, 1)}100%{transform:translate(0) scale(.7, .7)}}@keyframes dotStretchingAfter{0%{transform:translate(0) scale(.7, .7)}50%,
  60%{transform:translate(20px) scale(1, 1)}100%{transform:translate(0) scale(.7, .7)}}.dot-gathering{position:relative;width:12px;height:12px;border-radius:6px;background-color:#000;color:transparent;margin:-1px 0;filter:blur(2px)}.dot-gathering::before,.dot-gathering::after{content:'';display:inline-block;position:absolute;top:0;left:-50px;width:12px;height:12px;border-radius:6px;background-color:#000;color:transparent;opacity:0;filter:blur(2px);animation:dotGathering 2s infinite ease-in}.dot-gathering::after{animation-delay:.5s}@keyframes dotGathering{0%{opacity:0;transform:translateX(0)}35%,
  60%{opacity:1;transform:translateX(50px)}100%{opacity:0;transform:translateX(100px)}}.dot-hourglass{position:relative;top:-22.5px;width:12px;height:12px;border-radius:6px;background-color:#000;color:transparent;margin:-1px 0;filter:blur(2px);transform-origin:7.5px 30px;animation:dotHourglass 2.4s infinite ease-in-out;animation-delay:.6s}.dot-hourglass::before,.dot-hourglass::after{content:'';display:inline-block;position:absolute;top:0;left:0;width:12px;height:12px;border-radius:6px;background-color:#000;color:transparent;filter:blur(2px)}.dot-hourglass::before{top:45px}.dot-hourglass::after{animation:dotHourglassAfter 2.4s infinite cubic-bezier(0.65, 0.05, 0.36, 1)}@keyframes dotHourglass{0%{transform:rotateZ(0deg)}25%{transform:rotateZ(180deg)}50%{transform:rotateZ(180deg)}75%{transform:rotateZ(360deg)}100%{transform:rotateZ(360deg)}}@keyframes dotHourglassAfter{0%{transform:translateY(0)}25%{transform:translateY(45px)}50%{transform:translateY(45px)}75%{transform:translateY(0)}100%{transform:translateY(0)}}.dot-overtaking{position:relative;width:12px;height:12px;border-radius:6px;background-color:transparent;color:#000;margin:-1px 0;box-shadow:0 -20px 0 0;filter:blur(2px);animation:dotOvertaking 2s infinite cubic-bezier(0.2, 0.6, 0.8, 0.2)}.dot-overtaking::before,.dot-overtaking::after{content:'';display:inline-block;position:absolute;top:0;left:0;width:12px;height:12px;border-radius:6px;background-color:transparent;color:#000;box-shadow:0 -20px 0 0;filter:blur(2px)}.dot-overtaking::before{animation:dotOvertaking 2s infinite cubic-bezier(0.2, 0.6, 0.8, 0.2);animation-delay:.3s}.dot-overtaking::after{animation:dotOvertaking 1.5s infinite cubic-bezier(0.2, 0.6, 0.8, 0.2);animation-delay:.6s}@keyframes dotOvertaking{0%{transform:rotateZ(0deg)}100%{transform:rotateZ(360deg)}}.dot-shuttle{position:relative;left:-22.5px;width:12px;height:12px;border-radius:6px;background-color:#000;color:transparent;margin:-1px 0;filter:blur(2px)}.dot-shuttle::before,.dot-shuttle::after{content:'';display:inline-block;position:absolute;top:0;width:12px;height:12px;border-radius:6px;background-color:#000;color:transparent;filter:blur(2px)}.dot-shuttle::before{left:22.5px;animation:dotShuttle 2s infinite ease-out}.dot-shuttle::after{left:45px}@keyframes dotShuttle{0%,
  50%,
  100%{transform:translateX(0)}25%{transform:translateX(-67.5px)}75%{transform:translateX(67.5px)}}