From 51403ed03122fe08a3103e6c83b41bc74927f65f Mon Sep 17 00:00:00 2001 From: nzbin Date: Sun, 21 Nov 2021 09:46:30 +0800 Subject: [PATCH] chore: release 0.2.2 --- dist/three-dots.css | 40 ++++++++++++++++++------------------- dist/three-dots.css.map | 2 +- dist/three-dots.min.css | 4 ++-- dist/three-dots.min.css.map | 2 +- docs/css/three-dots.css | 40 ++++++++++++++++++------------------- package.json | 2 +- 6 files changed, 45 insertions(+), 45 deletions(-) diff --git a/dist/three-dots.css b/dist/three-dots.css index 697b896..114f84f 100644 --- a/dist/three-dots.css +++ b/dist/three-dots.css @@ -1,6 +1,6 @@ /*! - * three-dots - v0.2.1 + * three-dots - v0.2.2 * CSS loading animation made by single element. * https://nzbin.github.io/three-dots/ * @@ -648,7 +648,7 @@ } .dot-windmill::before { - left: -8.66px; + left: -8.66254px; top: 15px; width: 10px; height: 10px; @@ -658,7 +658,7 @@ } .dot-windmill::after { - left: 8.66px; + left: 8.66254px; top: 15px; width: 10px; height: 10px; @@ -1001,7 +1001,7 @@ border-radius: 5px; background-color: transparent; color: transparent; - box-shadow: 0 -18px 0 0 #9880ff, 12.72984px -12.72984px 0 0 #9880ff, 18px 0 0 0 #9880ff, 12.72984px 12.72984px 0 0 rgba(152, 128, 255, 0), 0 18px 0 0 rgba(152, 128, 255, 0), -12.72984px 12.72984px 0 0 rgba(152, 128, 255, 0), -18px 0 0 0 rgba(152, 128, 255, 0), -12.72984px -12.72984px 0 0 rgba(152, 128, 255, 0); + box-shadow: 0 -18px 0 0 #9880ff, 12.72793px -12.72793px 0 0 #9880ff, 18px 0 0 0 #9880ff, 12.72793px 12.72793px 0 0 rgba(152, 128, 255, 0), 0 18px 0 0 rgba(152, 128, 255, 0), -12.72793px 12.72793px 0 0 rgba(152, 128, 255, 0), -18px 0 0 0 rgba(152, 128, 255, 0), -12.72793px -12.72793px 0 0 rgba(152, 128, 255, 0); -webkit-animation: dot-spin 1.5s infinite linear; animation: dot-spin 1.5s infinite linear; } @@ -1009,56 +1009,56 @@ @-webkit-keyframes dot-spin { 0%, 100% { - box-shadow: 0 -18px 0 0 #9880ff, 12.72984px -12.72984px 0 0 #9880ff, 18px 0 0 0 #9880ff, 12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0); + box-shadow: 0 -18px 0 0 #9880ff, 12.72793px -12.72793px 0 0 #9880ff, 18px 0 0 0 #9880ff, 12.72793px 12.72793px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72793px 12.72793px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72793px -12.72793px 0 -5px rgba(152, 128, 255, 0); } 12.5% { - box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72984px -12.72984px 0 0 #9880ff, 18px 0 0 0 #9880ff, 12.72984px 12.72984px 0 0 #9880ff, 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0); + box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72793px -12.72793px 0 0 #9880ff, 18px 0 0 0 #9880ff, 12.72793px 12.72793px 0 0 #9880ff, 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72793px 12.72793px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72793px -12.72793px 0 -5px rgba(152, 128, 255, 0); } 25% { - box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 0 #9880ff, 12.72984px 12.72984px 0 0 #9880ff, 0 18px 0 0 #9880ff, -12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0); + box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72793px -12.72793px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 0 #9880ff, 12.72793px 12.72793px 0 0 #9880ff, 0 18px 0 0 #9880ff, -12.72793px 12.72793px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72793px -12.72793px 0 -5px rgba(152, 128, 255, 0); } 37.5% { - box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72984px 12.72984px 0 0 #9880ff, 0 18px 0 0 #9880ff, -12.72984px 12.72984px 0 0 #9880ff, -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0); + box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72793px -12.72793px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72793px 12.72793px 0 0 #9880ff, 0 18px 0 0 #9880ff, -12.72793px 12.72793px 0 0 #9880ff, -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72793px -12.72793px 0 -5px rgba(152, 128, 255, 0); } 50% { - box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 0 #9880ff, -12.72984px 12.72984px 0 0 #9880ff, -18px 0 0 0 #9880ff, -12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0); + box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72793px -12.72793px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72793px 12.72793px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 0 #9880ff, -12.72793px 12.72793px 0 0 #9880ff, -18px 0 0 0 #9880ff, -12.72793px -12.72793px 0 -5px rgba(152, 128, 255, 0); } 62.5% { - box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72984px 12.72984px 0 0 #9880ff, -18px 0 0 0 #9880ff, -12.72984px -12.72984px 0 0 #9880ff; + box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72793px -12.72793px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72793px 12.72793px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72793px 12.72793px 0 0 #9880ff, -18px 0 0 0 #9880ff, -12.72793px -12.72793px 0 0 #9880ff; } 75% { - box-shadow: 0 -18px 0 0 #9880ff, 12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 0 #9880ff, -12.72984px -12.72984px 0 0 #9880ff; + box-shadow: 0 -18px 0 0 #9880ff, 12.72793px -12.72793px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72793px 12.72793px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72793px 12.72793px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 0 #9880ff, -12.72793px -12.72793px 0 0 #9880ff; } 87.5% { - box-shadow: 0 -18px 0 0 #9880ff, 12.72984px -12.72984px 0 0 #9880ff, 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72984px -12.72984px 0 0 #9880ff; + box-shadow: 0 -18px 0 0 #9880ff, 12.72793px -12.72793px 0 0 #9880ff, 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72793px 12.72793px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72793px 12.72793px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72793px -12.72793px 0 0 #9880ff; } } @keyframes dot-spin { 0%, 100% { - box-shadow: 0 -18px 0 0 #9880ff, 12.72984px -12.72984px 0 0 #9880ff, 18px 0 0 0 #9880ff, 12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0); + box-shadow: 0 -18px 0 0 #9880ff, 12.72793px -12.72793px 0 0 #9880ff, 18px 0 0 0 #9880ff, 12.72793px 12.72793px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72793px 12.72793px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72793px -12.72793px 0 -5px rgba(152, 128, 255, 0); } 12.5% { - box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72984px -12.72984px 0 0 #9880ff, 18px 0 0 0 #9880ff, 12.72984px 12.72984px 0 0 #9880ff, 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0); + box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72793px -12.72793px 0 0 #9880ff, 18px 0 0 0 #9880ff, 12.72793px 12.72793px 0 0 #9880ff, 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72793px 12.72793px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72793px -12.72793px 0 -5px rgba(152, 128, 255, 0); } 25% { - box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 0 #9880ff, 12.72984px 12.72984px 0 0 #9880ff, 0 18px 0 0 #9880ff, -12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0); + box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72793px -12.72793px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 0 #9880ff, 12.72793px 12.72793px 0 0 #9880ff, 0 18px 0 0 #9880ff, -12.72793px 12.72793px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72793px -12.72793px 0 -5px rgba(152, 128, 255, 0); } 37.5% { - box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72984px 12.72984px 0 0 #9880ff, 0 18px 0 0 #9880ff, -12.72984px 12.72984px 0 0 #9880ff, -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0); + box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72793px -12.72793px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72793px 12.72793px 0 0 #9880ff, 0 18px 0 0 #9880ff, -12.72793px 12.72793px 0 0 #9880ff, -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72793px -12.72793px 0 -5px rgba(152, 128, 255, 0); } 50% { - box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 0 #9880ff, -12.72984px 12.72984px 0 0 #9880ff, -18px 0 0 0 #9880ff, -12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0); + box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72793px -12.72793px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72793px 12.72793px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 0 #9880ff, -12.72793px 12.72793px 0 0 #9880ff, -18px 0 0 0 #9880ff, -12.72793px -12.72793px 0 -5px rgba(152, 128, 255, 0); } 62.5% { - box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72984px 12.72984px 0 0 #9880ff, -18px 0 0 0 #9880ff, -12.72984px -12.72984px 0 0 #9880ff; + box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72793px -12.72793px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72793px 12.72793px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72793px 12.72793px 0 0 #9880ff, -18px 0 0 0 #9880ff, -12.72793px -12.72793px 0 0 #9880ff; } 75% { - box-shadow: 0 -18px 0 0 #9880ff, 12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 0 #9880ff, -12.72984px -12.72984px 0 0 #9880ff; + box-shadow: 0 -18px 0 0 #9880ff, 12.72793px -12.72793px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72793px 12.72793px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72793px 12.72793px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 0 #9880ff, -12.72793px -12.72793px 0 0 #9880ff; } 87.5% { - box-shadow: 0 -18px 0 0 #9880ff, 12.72984px -12.72984px 0 0 #9880ff, 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72984px -12.72984px 0 0 #9880ff; + box-shadow: 0 -18px 0 0 #9880ff, 12.72793px -12.72793px 0 0 #9880ff, 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72793px 12.72793px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72793px 12.72793px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72793px -12.72793px 0 0 #9880ff; } } diff --git a/dist/three-dots.css.map b/dist/three-dots.css.map index c85e3d0..b8666f9 100644 --- a/dist/three-dots.css.map +++ b/dist/three-dots.css.map @@ -1 +1 @@ -{"version":3,"sources":["","three-dots.css"],"names":[],"mappings":";AAAA;;;;;;;GAAA;ACAA,gBAAgB;AAChB;;;;EAIE;AACF;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,yBAAyB;EACzB,cAAc;EACd,iDAAyC;EAAzC,yCAAyC;AAC3C;;AAEA;EACE,WAAW;EACX,qBAAqB;EACrB,kBAAkB;EAClB,MAAM;AACR;;AAEA;EACE,WAAW;EACX,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,yBAAyB;EACzB,cAAc;EACd,wDAAgD;EAAhD,gDAAgD;AAClD;;AAEA;EACE,UAAU;EACV,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,yBAAyB;EACzB,cAAc;EACd,uDAA+C;EAA/C,+CAA+C;AACjD;;AAEA;EACE;IACE,sBAAsB;EACxB;EACA;IACE,wBAAwB;EAC1B;EACA;IACE,yBAAyB;EAC3B;EACA;IACE,sBAAsB;EACxB;EACA;IACE,sBAAsB;EACxB;AACF;;AAhBA;EACE;IACE,sBAAsB;EACxB;EACA;IACE,wBAAwB;EAC1B;EACA;IACE,yBAAyB;EAC3B;EACA;IACE,sBAAsB;EACxB;EACA;IACE,sBAAsB;EACxB;AACF;;AAEA;EACE;IACE,sBAAsB;EACxB;EACA;IACE,sBAAsB;EACxB;EACA;IACE,wBAAwB;EAC1B;EACA;IACE,sBAAsB;EACxB;EACA;IACE,sBAAsB;EACxB;AACF;;AAhBA;EACE;IACE,sBAAsB;EACxB;EACA;IACE,sBAAsB;EACxB;EACA;IACE,wBAAwB;EAC1B;EACA;IACE,sBAAsB;EACxB;EACA;IACE,sBAAsB;EACxB;AACF;;AAEA;EACE;IACE,sBAAsB;EACxB;EACA;IACE,sBAAsB;EACxB;EACA;IACE,yBAAyB;EAC3B;EACA;IACE,wBAAwB;EAC1B;EACA;IACE,sBAAsB;EACxB;AACF;;AAhBA;EACE;IACE,sBAAsB;EACxB;EACA;IACE,sBAAsB;EACxB;EACA;IACE,yBAAyB;EAC3B;EACA;IACE,wBAAwB;EAC1B;EACA;IACE,sBAAsB;EACxB;AACF;;AAEA;;;;EAIE;AACF;EACE,kBAAkB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EACT,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,yBAAyB;EACzB,cAAc;AAChB;;AAEA;EACE,YAAY;EACZ,SAAS;EACT,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,yBAAyB;EACzB,cAAc;AAChB;;AAEA;EACE;IACE,6CAA6C;EAC/C;EACA;IACE,+CAA+C;EACjD;AACF;;AAPA;EACE;IACE,6CAA6C;EAC/C;EACA;IACE,+CAA+C;EACjD;AACF;;AAEA;;;;EAIE;AACF;EACE,kBAAkB;EAClB,QAAQ;EACR,aAAa;EACb,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,yBAAyB;EACzB,cAAc;EACd,iFAAiF;EACjF,8CAAsC;EAAtC,sCAAsC;AACxC;;AAEA;EACE;IACE,iFAAiF;EACnF;EACA;IACE,kFAAkF;EACpF;EACA;IACE,sFAAsF;EACxF;EACA;IACE,qFAAqF;EACvF;EACA;IACE,iFAAiF;EACnF;EACA;IACE,kFAAkF;EACpF;EACA;IACE,sFAAsF;EACxF;EACA;IACE,qFAAqF;EACvF;EACA;IACE,iFAAiF;EACnF;EACA;IACE,kFAAkF;EACpF;EACA;IACE,sFAAsF;EACxF;EACA;IACE,qFAAqF;EACvF;EACA;IACE,iFAAiF;EACnF;AACF;;AAxCA;EACE;IACE,iFAAiF;EACnF;EACA;IACE,kFAAkF;EACpF;EACA;IACE,sFAAsF;EACxF;EACA;IACE,qFAAqF;EACvF;EACA;IACE,iFAAiF;EACnF;EACA;IACE,kFAAkF;EACpF;EACA;IACE,sFAAsF;EACxF;EACA;IACE,qFAAqF;EACvF;EACA;IACE,iFAAiF;EACnF;EACA;IACE,kFAAkF;EACpF;EACA;IACE,sFAAsF;EACxF;EACA;IACE,qFAAqF;EACvF;EACA;IACE,iFAAiF;EACnF;AACF;;AAEA;;;;EAIE;AACF;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,yBAAyB;EACzB,cAAc;EACd,6EAAqE;EAArE,qEAAqE;AACvE;;AAEA;EACE,WAAW;EACX,qBAAqB;EACrB,kBAAkB;EAClB,MAAM;AACR;;AAEA;EACE,WAAW;EACX,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,yBAAyB;EACzB,cAAc;EACd,8DAAsD;EAAtD,sDAAsD;AACxD;;AAEA;EACE,WAAW;EACX,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,yBAAyB;EACzB,cAAc;EACd,4EAAoE;EAApE,oEAAoE;AACtE;;AAEA;EACE;IACE,sBAAsB;EACxB;EACA;IACE,uBAAuB;EACzB;EACA;IACE,uBAAuB;EACzB;AACF;;AAVA;EACE;IACE,sBAAsB;EACxB;EACA;IACE,uBAAuB;EACzB;EACA;IACE,uBAAuB;EACzB;AACF;;AAEA;EACE;IACE,WAAW;EACb;EACA;IACE,WAAW;EACb;EACA;IACE,WAAW;EACb;EACA;IACE,WAAW;EACb;AACF;;AAbA;EACE;IACE,WAAW;EACb;EACA;IACE,WAAW;EACb;EACA;IACE,WAAW;EACb;EACA;IACE,WAAW;EACb;AACF;;AAEA;EACE;IACE,YAAY;EACd;EACA;IACE,WAAW;EACb;EACA;IACE,YAAY;EACd;EACA;IACE,YAAY;EACd;AACF;;AAbA;EACE;IACE,YAAY;EACd;EACA;IACE,WAAW;EACb;EACA;IACE,YAAY;EACd;EACA;IACE,YAAY;EACd;AACF;;AAEA;;;;EAIE;AACF;EACE,kBAAkB;EAClB,aAAa;EACb,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,yBAAyB;EACzB,cAAc;EACd,wCAAwC;EACxC,gDAAwC;EAAxC,wCAAwC;EACxC,8BAAsB;EAAtB,sBAAsB;AACxB;;AAEA;EACE,WAAW;EACX,qBAAqB;EACrB,kBAAkB;EAClB,MAAM;EACN,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,yBAAyB;EACzB,cAAc;AAChB;;AAEA;EACE,wCAAwC;EACxC,gDAAwC;EAAxC,wCAAwC;EACxC,+BAAuB;EAAvB,uBAAuB;AACzB;;AAEA;EACE,wCAAwC;EACxC,gDAAwC;EAAxC,wCAAwC;EACxC,+BAAuB;EAAvB,uBAAuB;AACzB;;AAEA;EACE;IACE,wCAAwC;EAC1C;EACA;IACE,yCAAyC;EAC3C;EACA;IACE,yCAAyC;EAC3C;AACF;;AAVA;EACE;IACE,wCAAwC;EAC1C;EACA;IACE,yCAAyC;EAC3C;EACA;IACE,yCAAyC;EAC3C;AACF;;AAEA;;;;EAIE;AACF;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,6BAA6B;EAC7B,kBAAkB;EAClB,uTAAuT;EACvT,gDAAwC;EAAxC,wCAAwC;AAC1C;;AAEA;EACE;;IAEE,sUAAsU;EACxU;EACA;IACE,sUAAsU;EACxU;EACA;IACE,sUAAsU;EACxU;EACA;IACE,sUAAsU;EACxU;EACA;IACE,sUAAsU;EACxU;EACA;IACE,sUAAsU;EACxU;EACA;IACE,sUAAsU;EACxU;EACA;IACE,sUAAsU;EACxU;AACF;;AA1BA;EACE;;IAEE,sUAAsU;EACxU;EACA;IACE,sUAAsU;EACxU;EACA;IACE,sUAAsU;EACxU;EACA;IACE,sUAAsU;EACxU;EACA;IACE,sUAAsU;EACxU;EACA;IACE,sUAAsU;EACxU;EACA;IACE,sUAAsU;EACxU;EACA;IACE,sUAAsU;EACxU;AACF;;AAEA;;;;EAIE;AACF;EACE,kBAAkB;EAClB,aAAa;EACb,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,yBAAyB;EACzB,cAAc;EACd,gCAAgC;EAChC,iDAAyC;EAAzC,yCAAyC;EACzC,4BAAoB;EAApB,oBAAoB;AACtB;;AAEA;EACE,WAAW;EACX,qBAAqB;EACrB,kBAAkB;EAClB,MAAM;AACR;;AAEA;EACE,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,yBAAyB;EACzB,cAAc;EACd,wDAAgD;EAAhD,gDAAgD;EAChD,2BAAmB;EAAnB,mBAAmB;AACrB;;AAEA;EACE,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,yBAAyB;EACzB,cAAc;EACd,uDAA+C;EAA/C,+CAA+C;EAC/C,4BAAoB;EAApB,oBAAoB;AACtB;;AAEA;EACE;IACE,mDAAmD;EACrD;EACA;;;IAGE,gCAAgC;EAClC;EACA;IACE,kDAAkD;EACpD;AACF;;AAZA;EACE;IACE,mDAAmD;EACrD;EACA;;;IAGE,gCAAgC;EAClC;EACA;IACE,kDAAkD;EACpD;AACF;;AAEA;EACE;IACE,mDAAmD;EACrD;EACA;;;IAGE,gCAAgC;EAClC;EACA;IACE,kDAAkD;EACpD;AACF;;AAZA;EACE;IACE,mDAAmD;EACrD;EACA;;;IAGE,gCAAgC;EAClC;EACA;IACE,kDAAkD;EACpD;AACF;;AAEA;EACE;IACE,oDAAoD;EACtD;EACA;;;IAGE,iCAAiC;EACnC;EACA;IACE,mDAAmD;EACrD;AACF;;AAZA;EACE;IACE,oDAAoD;EACtD;EACA;;;IAGE,iCAAiC;EACnC;EACA;IACE,mDAAmD;EACrD;AACF;;AAEA;;;;EAIE;AACF;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,yBAAyB;EACzB,cAAc;EACd,4BAA4B;EAC5B,qDAA6C;EAA7C,6CAA6C;AAC/C;;AAEA;EACE,WAAW;EACX,qBAAqB;EACrB,kBAAkB;EAClB,MAAM;AACR;;AAEA;EACE,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,yBAAyB;EACzB,cAAc;EACd,4DAAoD;EAApD,oDAAoD;AACtD;;AAEA;EACE,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,yBAAyB;EACzB,cAAc;EACd,2DAAmD;EAAnD,mDAAmD;AACrD;;AAEA;EACE;IACE,4BAA4B;EAC9B;EACA;;IAEE,0BAA0B;EAC5B;EACA;IACE,4BAA4B;EAC9B;AACF;;AAXA;EACE;IACE,4BAA4B;EAC9B;EACA;;IAEE,0BAA0B;EAC5B;EACA;IACE,4BAA4B;EAC9B;AACF;;AAEA;EACE;IACE,uCAAuC;EACzC;EACA;;IAEE,uCAAuC;EACzC;EACA;IACE,uCAAuC;EACzC;AACF;;AAXA;EACE;IACE,uCAAuC;EACzC;EACA;;IAEE,uCAAuC;EACzC;EACA;IACE,uCAAuC;EACzC;AACF;;AAEA;EACE;IACE,uCAAuC;EACzC;EACA;;IAEE,sCAAsC;EACxC;EACA;IACE,uCAAuC;EACzC;AACF;;AAXA;EACE;IACE,uCAAuC;EACzC;EACA;;IAEE,sCAAsC;EACxC;EACA;IACE,uCAAuC;EACzC;AACF;;AAEA;;;;;EAKE;AACF;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,uBAAuB;EACvB,kBAAkB;EAClB,cAAc;EACd,iBAAiB;AACnB;;AAEA;EACE,WAAW;EACX,qBAAqB;EACrB,kBAAkB;EAClB,MAAM;EACN,WAAW;EACX,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,uBAAuB;EACvB,kBAAkB;EAClB,UAAU;EACV,iBAAiB;EACjB,oDAA4C;EAA5C,4CAA4C;AAC9C;;AAEA;EACE,4BAAoB;EAApB,oBAAoB;AACtB;;AAEA;EACE;IACE,UAAU;IACV,wBAAwB;EAC1B;EACA;;IAEE,UAAU;IACV,2BAA2B;EAC7B;EACA;IACE,UAAU;IACV,4BAA4B;EAC9B;AACF;;AAdA;EACE;IACE,UAAU;IACV,wBAAwB;EAC1B;EACA;;IAEE,UAAU;IACV,2BAA2B;EAC7B;EACA;IACE,UAAU;IACV,4BAA4B;EAC9B;AACF;;AAEA;;;;;EAKE;AACF;EACE,kBAAkB;EAClB,UAAU;EACV,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,uBAAuB;EACvB,kBAAkB;EAClB,cAAc;EACd,iBAAiB;EACjB,0BAA0B;EAC1B,0DAAkD;EAAlD,kDAAkD;EAClD,4BAAoB;EAApB,oBAAoB;AACtB;;AAEA;EACE,WAAW;EACX,qBAAqB;EACrB,kBAAkB;EAClB,MAAM;EACN,OAAO;EACP,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,uBAAuB;EACvB,kBAAkB;EAClB,iBAAiB;AACnB;;AAEA;EACE,SAAS;AACX;;AAEA;EACE,sFAA8E;EAA9E,8EAA8E;AAChF;;AAEA;EACE;IACE,wBAAwB;EAC1B;EACA;IACE,0BAA0B;EAC5B;EACA;IACE,0BAA0B;EAC5B;EACA;IACE,0BAA0B;EAC5B;EACA;IACE,0BAA0B;EAC5B;AACF;;AAhBA;EACE;IACE,wBAAwB;EAC1B;EACA;IACE,0BAA0B;EAC5B;EACA;IACE,0BAA0B;EAC5B;EACA;IACE,0BAA0B;EAC5B;EACA;IACE,0BAA0B;EAC5B;AACF;;AAEA;EACE;IACE,wBAAwB;EAC1B;EACA;IACE,2BAA2B;EAC7B;EACA;IACE,2BAA2B;EAC7B;EACA;IACE,wBAAwB;EAC1B;EACA;IACE,wBAAwB;EAC1B;AACF;;AAhBA;EACE;IACE,wBAAwB;EAC1B;EACA;IACE,2BAA2B;EAC7B;EACA;IACE,2BAA2B;EAC7B;EACA;IACE,wBAAwB;EAC1B;EACA;IACE,wBAAwB;EAC1B;AACF;;AAEA;;;;;EAKE;AACF;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,6BAA6B;EAC7B,YAAY;EACZ,cAAc;EACd,uBAAuB;EACvB,iBAAiB;EACjB,8EAAsE;EAAtE,sEAAsE;AACxE;;AAEA;EACE,WAAW;EACX,qBAAqB;EACrB,kBAAkB;EAClB,MAAM;EACN,OAAO;EACP,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,6BAA6B;EAC7B,YAAY;EACZ,uBAAuB;EACvB,iBAAiB;AACnB;;AAEA;EACE,8EAAsE;EAAtE,sEAAsE;EACtE,4BAAoB;EAApB,oBAAoB;AACtB;;AAEA;EACE,gFAAwE;EAAxE,wEAAwE;EACxE,4BAAoB;EAApB,oBAAoB;AACtB;;AAEA;EACE;IACE,wBAAwB;EAC1B;EACA;IACE,0BAA0B;EAC5B;AACF;;AAPA;EACE;IACE,wBAAwB;EAC1B;EACA;IACE,0BAA0B;EAC5B;AACF;;AAEA;;;;;EAKE;AACF;EACE,kBAAkB;EAClB,WAAW;EACX,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,uBAAuB;EACvB,kBAAkB;EAClB,cAAc;EACd,iBAAiB;AACnB;;AAEA;EACE,WAAW;EACX,qBAAqB;EACrB,kBAAkB;EAClB,MAAM;EACN,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,uBAAuB;EACvB,kBAAkB;EAClB,iBAAiB;AACnB;;AAEA;EACE,UAAU;EACV,mDAA2C;EAA3C,2CAA2C;AAC7C;;AAEA;EACE,UAAU;AACZ;;AAEA;EACE;;;IAGE,wBAAwB;EAC1B;EACA;IACE,4BAA4B;EAC9B;EACA;IACE,2BAA2B;EAC7B;AACF;;AAZA;EACE;;;IAGE,wBAAwB;EAC1B;EACA;IACE,4BAA4B;EAC9B;EACA;IACE,2BAA2B;EAC7B;AACF;;AAEA;;;;;EAKE;AACF;EACE,kBAAkB;EAClB,YAAY;EACZ,eAAe;AACjB;;AAEA;EACE,gBAAgB;EAChB,qBAAqB;EACrB,kBAAkB;EAClB,2CAAmC;EAAnC,mCAAmC;AACrC;;AAEA;EACE;IACE,UAAU;IACV,0CAAkC;IAAlC,kCAAkC;EACpC;EACA;IACE,sBAAsB;EACxB;EACA;IACE,SAAS;IACT,2CAAmC;IAAnC,mCAAmC;IACnC,0BAA0B;EAC5B;EACA;IACE,sBAAsB;EACxB;EACA;IACE,UAAU;EACZ;EACA;IACE,UAAU;EACZ;AACF;;AAtBA;EACE;IACE,UAAU;IACV,0CAAkC;IAAlC,kCAAkC;EACpC;EACA;IACE,sBAAsB;EACxB;EACA;IACE,SAAS;IACT,2CAAmC;IAAnC,mCAAmC;IACnC,0BAA0B;EAC5B;EACA;IACE,sBAAsB;EACxB;EACA;IACE,UAAU;EACZ;EACA;IACE,UAAU;EACZ;AACF;;AAEA;;;;;EAKE;AACF;EACE,kBAAkB;EAClB,YAAY;EACZ,eAAe;AACjB;;AAEA;EACE,YAAY;EACZ,qBAAqB;EACrB,kBAAkB;EAClB,4BAA4B;EAC5B,0CAAkC;EAAlC,kCAAkC;AACpC;;AAEA;EACE;IACE,YAAY;IACZ,0CAA0C;EAC5C;EACA;IACE,YAAY;IACZ,2CAA2C;EAC7C;EACA;IACE,YAAY;IACZ,0CAA0C;EAC5C;EACA;IACE,aAAa;IACb,0CAA0C;EAC5C;EACA;IACE,aAAa;IACb,2CAA2C;EAC7C;EACA;IACE,aAAa;IACb,0CAA0C;EAC5C;EACA;IACE,aAAa;IACb,0CAA0C;EAC5C;EACA;IACE,aAAa;IACb,2CAA2C;EAC7C;EACA;IACE,aAAa;IACb,0CAA0C;EAC5C;AACF;;AArCA;EACE;IACE,YAAY;IACZ,0CAA0C;EAC5C;EACA;IACE,YAAY;IACZ,2CAA2C;EAC7C;EACA;IACE,YAAY;IACZ,0CAA0C;EAC5C;EACA;IACE,aAAa;IACb,0CAA0C;EAC5C;EACA;IACE,aAAa;IACb,2CAA2C;EAC7C;EACA;IACE,aAAa;IACb,0CAA0C;EAC5C;EACA;IACE,aAAa;IACb,0CAA0C;EAC5C;EACA;IACE,aAAa;IACb,2CAA2C;EAC7C;EACA;IACE,aAAa;IACb,0CAA0C;EAC5C;AACF","file":"three-dots.css","sourcesContent":[null,"@charset \"UTF-8\";\n/**\n * ==============================================\n * Dot Elastic\n * ==============================================\n */\n.dot-elastic {\n position: relative;\n width: 10px;\n height: 10px;\n border-radius: 5px;\n background-color: #9880ff;\n color: #9880ff;\n animation: dot-elastic 1s infinite linear;\n}\n\n.dot-elastic::before, .dot-elastic::after {\n content: '';\n display: inline-block;\n position: absolute;\n top: 0;\n}\n\n.dot-elastic::before {\n left: -15px;\n width: 10px;\n height: 10px;\n border-radius: 5px;\n background-color: #9880ff;\n color: #9880ff;\n animation: dot-elastic-before 1s infinite linear;\n}\n\n.dot-elastic::after {\n left: 15px;\n width: 10px;\n height: 10px;\n border-radius: 5px;\n background-color: #9880ff;\n color: #9880ff;\n animation: dot-elastic-after 1s infinite linear;\n}\n\n@keyframes dot-elastic-before {\n 0% {\n transform: scale(1, 1);\n }\n 25% {\n transform: scale(1, 1.5);\n }\n 50% {\n transform: scale(1, 0.67);\n }\n 75% {\n transform: scale(1, 1);\n }\n 100% {\n transform: scale(1, 1);\n }\n}\n\n@keyframes dot-elastic {\n 0% {\n transform: scale(1, 1);\n }\n 25% {\n transform: scale(1, 1);\n }\n 50% {\n transform: scale(1, 1.5);\n }\n 75% {\n transform: scale(1, 1);\n }\n 100% {\n transform: scale(1, 1);\n }\n}\n\n@keyframes dot-elastic-after {\n 0% {\n transform: scale(1, 1);\n }\n 25% {\n transform: scale(1, 1);\n }\n 50% {\n transform: scale(1, 0.67);\n }\n 75% {\n transform: scale(1, 1.5);\n }\n 100% {\n transform: scale(1, 1);\n }\n}\n\n/**\n * ==============================================\n * Dot Pulse\n * ==============================================\n */\n.dot-pulse {\n position: relative;\n left: -9999px;\n width: 10px;\n height: 10px;\n border-radius: 5px;\n background-color: #9880ff;\n color: #9880ff;\n box-shadow: 9999px 0 0 -5px;\n animation: dot-pulse 1.5s infinite linear;\n animation-delay: .25s;\n}\n\n.dot-pulse::before, .dot-pulse::after {\n content: \"\";\n display: inline-block;\n position: absolute;\n top: 0;\n width: 10px;\n height: 10px;\n border-radius: 5px;\n background-color: #9880ff;\n color: #9880ff;\n}\n\n.dot-pulse::before {\n box-shadow: 9984px 0 0 -5px;\n animation: dot-pulse-before 1.5s infinite linear;\n animation-delay: 0s;\n}\n\n.dot-pulse::after {\n box-shadow: 10014px 0 0 -5px;\n animation: dot-pulse-after 1.5s infinite linear;\n animation-delay: .5s;\n}\n\n@keyframes dot-pulse-before {\n 0% {\n box-shadow: 9984px 0 0 -5px;\n }\n 30% {\n box-shadow: 9984px 0 0 2px;\n }\n 60%,\n 100% {\n box-shadow: 9984px 0 0 -5px;\n }\n}\n\n@keyframes dot-pulse {\n 0% {\n box-shadow: 9999px 0 0 -5px;\n }\n 30% {\n box-shadow: 9999px 0 0 2px;\n }\n 60%,\n 100% {\n box-shadow: 9999px 0 0 -5px;\n }\n}\n\n@keyframes dot-pulse-after {\n 0% {\n box-shadow: 10014px 0 0 -5px;\n }\n 30% {\n box-shadow: 10014px 0 0 2px;\n }\n 60%,\n 100% {\n box-shadow: 10014px 0 0 -5px;\n }\n}\n\n/**\n * ==============================================\n * Dot Flashing\n * ==============================================\n */\n.dot-flashing {\n position: relative;\n width: 10px;\n height: 10px;\n border-radius: 5px;\n background-color: #9880ff;\n color: #9880ff;\n animation: dot-flashing 1s infinite linear alternate;\n animation-delay: .5s;\n}\n\n.dot-flashing::before, .dot-flashing::after {\n content: '';\n display: inline-block;\n position: absolute;\n top: 0;\n}\n\n.dot-flashing::before {\n left: -15px;\n width: 10px;\n height: 10px;\n border-radius: 5px;\n background-color: #9880ff;\n color: #9880ff;\n animation: dot-flashing 1s infinite alternate;\n animation-delay: 0s;\n}\n\n.dot-flashing::after {\n left: 15px;\n width: 10px;\n height: 10px;\n border-radius: 5px;\n background-color: #9880ff;\n color: #9880ff;\n animation: dot-flashing 1s infinite alternate;\n animation-delay: 1s;\n}\n\n@keyframes dot-flashing {\n 0% {\n background-color: #9880ff;\n }\n 50%,\n 100% {\n background-color: #ebe6ff;\n }\n}\n\n/**\n * ==============================================\n * Dot Collision\n * ==============================================\n */\n.dot-collision {\n position: relative;\n width: 10px;\n height: 10px;\n border-radius: 5px;\n background-color: #9880ff;\n color: #9880ff;\n}\n\n.dot-collision::before, .dot-collision::after {\n content: '';\n display: inline-block;\n position: absolute;\n top: 0;\n}\n\n.dot-collision::before {\n left: -10px;\n width: 10px;\n height: 10px;\n border-radius: 5px;\n background-color: #9880ff;\n color: #9880ff;\n animation: dot-collision-before 2s infinite ease-in;\n}\n\n.dot-collision::after {\n left: 10px;\n width: 10px;\n height: 10px;\n border-radius: 5px;\n background-color: #9880ff;\n color: #9880ff;\n animation: dot-collision-after 2s infinite ease-in;\n animation-delay: 1s;\n}\n\n@keyframes dot-collision-before {\n 0%,\n 50%,\n 75%,\n 100% {\n transform: translateX(0);\n }\n 25% {\n transform: translateX(-15px);\n }\n}\n\n@keyframes dot-collision-after {\n 0%,\n 50%,\n 75%,\n 100% {\n transform: translateX(0);\n }\n 25% {\n transform: translateX(15px);\n }\n}\n\n/**\n * ==============================================\n * Dot Revolution\n * ==============================================\n */\n.dot-revolution {\n position: relative;\n width: 10px;\n height: 10px;\n border-radius: 5px;\n background-color: #9880ff;\n color: #9880ff;\n}\n\n.dot-revolution::before, .dot-revolution::after {\n content: '';\n display: inline-block;\n position: absolute;\n}\n\n.dot-revolution::before {\n left: 0;\n top: -15px;\n width: 10px;\n height: 10px;\n border-radius: 5px;\n background-color: #9880ff;\n color: #9880ff;\n transform-origin: 5px 20px;\n animation: dot-revolution 1.4s linear infinite;\n}\n\n.dot-revolution::after {\n left: 0;\n top: -30px;\n width: 10px;\n height: 10px;\n border-radius: 5px;\n background-color: #9880ff;\n color: #9880ff;\n transform-origin: 5px 35px;\n animation: dot-revolution 1s linear infinite;\n}\n\n@keyframes dot-revolution {\n 0% {\n transform: rotateZ(0deg) translate3d(0, 0, 0);\n }\n 100% {\n transform: rotateZ(360deg) translate3d(0, 0, 0);\n }\n}\n\n/**\n * ==============================================\n * Dot Carousel\n * ==============================================\n */\n.dot-carousel {\n position: relative;\n left: -9999px;\n width: 10px;\n height: 10px;\n border-radius: 5px;\n background-color: #9880ff;\n color: #9880ff;\n box-shadow: 9984px 0 0 0 #9880ff, 9999px 0 0 0 #9880ff, 10014px 0 0 0 #9880ff;\n animation: dot-carousel 1.5s infinite linear;\n}\n\n@keyframes dot-carousel {\n 0% {\n box-shadow: 9984px 0 0 -1px #9880ff, 9999px 0 0 1px #9880ff, 10014px 0 0 -1px #9880ff;\n }\n 50% {\n box-shadow: 10014px 0 0 -1px #9880ff, 9984px 0 0 -1px #9880ff, 9999px 0 0 1px #9880ff;\n }\n 100% {\n box-shadow: 9999px 0 0 1px #9880ff, 10014px 0 0 -1px #9880ff, 9984px 0 0 -1px #9880ff;\n }\n}\n\n/**\n * ==============================================\n * Dot Typing\n * ==============================================\n */\n.dot-typing {\n position: relative;\n left: -9999px;\n width: 10px;\n height: 10px;\n border-radius: 5px;\n background-color: #9880ff;\n color: #9880ff;\n box-shadow: 9984px 0 0 0 #9880ff, 9999px 0 0 0 #9880ff, 10014px 0 0 0 #9880ff;\n animation: dot-typing 1.5s infinite linear;\n}\n\n@keyframes dot-typing {\n 0% {\n box-shadow: 9984px 0 0 0 #9880ff, 9999px 0 0 0 #9880ff, 10014px 0 0 0 #9880ff;\n }\n 16.667% {\n box-shadow: 9984px -10px 0 0 #9880ff, 9999px 0 0 0 #9880ff, 10014px 0 0 0 #9880ff;\n }\n 33.333% {\n box-shadow: 9984px 0 0 0 #9880ff, 9999px 0 0 0 #9880ff, 10014px 0 0 0 #9880ff;\n }\n 50% {\n box-shadow: 9984px 0 0 0 #9880ff, 9999px -10px 0 0 #9880ff, 10014px 0 0 0 #9880ff;\n }\n 66.667% {\n box-shadow: 9984px 0 0 0 #9880ff, 9999px 0 0 0 #9880ff, 10014px 0 0 0 #9880ff;\n }\n 83.333% {\n box-shadow: 9984px 0 0 0 #9880ff, 9999px 0 0 0 #9880ff, 10014px -10px 0 0 #9880ff;\n }\n 100% {\n box-shadow: 9984px 0 0 0 #9880ff, 9999px 0 0 0 #9880ff, 10014px 0 0 0 #9880ff;\n }\n}\n\n/**\n * ==============================================\n * Dot Windmill\n * ==============================================\n */\n.dot-windmill {\n position: relative;\n top: -10px;\n width: 10px;\n height: 10px;\n border-radius: 5px;\n background-color: #9880ff;\n color: #9880ff;\n transform-origin: 5px 15px;\n animation: dot-windmill 2s infinite linear;\n}\n\n.dot-windmill::before, .dot-windmill::after {\n content: '';\n display: inline-block;\n position: absolute;\n}\n\n.dot-windmill::before {\n left: -8.66px;\n top: 15px;\n width: 10px;\n height: 10px;\n border-radius: 5px;\n background-color: #9880ff;\n color: #9880ff;\n}\n\n.dot-windmill::after {\n left: 8.66px;\n top: 15px;\n width: 10px;\n height: 10px;\n border-radius: 5px;\n background-color: #9880ff;\n color: #9880ff;\n}\n\n@keyframes dot-windmill {\n 0% {\n transform: rotateZ(0deg) translate3d(0, 0, 0);\n }\n 100% {\n transform: rotateZ(720deg) translate3d(0, 0, 0);\n }\n}\n\n/**\n * ==============================================\n * Dot Bricks\n * ==============================================\n */\n.dot-bricks {\n position: relative;\n top: 8px;\n left: -9999px;\n width: 10px;\n height: 10px;\n border-radius: 5px;\n background-color: #9880ff;\n color: #9880ff;\n box-shadow: 9991px -16px 0 0 #9880ff, 9991px 0 0 0 #9880ff, 10007px 0 0 0 #9880ff;\n animation: dot-bricks 2s infinite ease;\n}\n\n@keyframes dot-bricks {\n 0% {\n box-shadow: 9991px -16px 0 0 #9880ff, 9991px 0 0 0 #9880ff, 10007px 0 0 0 #9880ff;\n }\n 8.333% {\n box-shadow: 10007px -16px 0 0 #9880ff, 9991px 0 0 0 #9880ff, 10007px 0 0 0 #9880ff;\n }\n 16.667% {\n box-shadow: 10007px -16px 0 0 #9880ff, 9991px -16px 0 0 #9880ff, 10007px 0 0 0 #9880ff;\n }\n 25% {\n box-shadow: 10007px -16px 0 0 #9880ff, 9991px -16px 0 0 #9880ff, 9991px 0 0 0 #9880ff;\n }\n 33.333% {\n box-shadow: 10007px 0 0 0 #9880ff, 9991px -16px 0 0 #9880ff, 9991px 0 0 0 #9880ff;\n }\n 41.667% {\n box-shadow: 10007px 0 0 0 #9880ff, 10007px -16px 0 0 #9880ff, 9991px 0 0 0 #9880ff;\n }\n 50% {\n box-shadow: 10007px 0 0 0 #9880ff, 10007px -16px 0 0 #9880ff, 9991px -16px 0 0 #9880ff;\n }\n 58.333% {\n box-shadow: 9991px 0 0 0 #9880ff, 10007px -16px 0 0 #9880ff, 9991px -16px 0 0 #9880ff;\n }\n 66.666% {\n box-shadow: 9991px 0 0 0 #9880ff, 10007px 0 0 0 #9880ff, 9991px -16px 0 0 #9880ff;\n }\n 75% {\n box-shadow: 9991px 0 0 0 #9880ff, 10007px 0 0 0 #9880ff, 10007px -16px 0 0 #9880ff;\n }\n 83.333% {\n box-shadow: 9991px -16px 0 0 #9880ff, 10007px 0 0 0 #9880ff, 10007px -16px 0 0 #9880ff;\n }\n 91.667% {\n box-shadow: 9991px -16px 0 0 #9880ff, 9991px 0 0 0 #9880ff, 10007px -16px 0 0 #9880ff;\n }\n 100% {\n box-shadow: 9991px -16px 0 0 #9880ff, 9991px 0 0 0 #9880ff, 10007px 0 0 0 #9880ff;\n }\n}\n\n/**\n * ==============================================\n * Dot Floating\n * ==============================================\n */\n.dot-floating {\n position: relative;\n width: 10px;\n height: 10px;\n border-radius: 5px;\n background-color: #9880ff;\n color: #9880ff;\n animation: dot-floating 3s infinite cubic-bezier(0.15, 0.6, 0.9, 0.1);\n}\n\n.dot-floating::before, .dot-floating::after {\n content: '';\n display: inline-block;\n position: absolute;\n top: 0;\n}\n\n.dot-floating::before {\n left: -12px;\n width: 10px;\n height: 10px;\n border-radius: 5px;\n background-color: #9880ff;\n color: #9880ff;\n animation: dot-floating-before 3s infinite ease-in-out;\n}\n\n.dot-floating::after {\n left: -24px;\n width: 10px;\n height: 10px;\n border-radius: 5px;\n background-color: #9880ff;\n color: #9880ff;\n animation: dot-floating-after 3s infinite cubic-bezier(0.4, 0, 1, 1);\n}\n\n@keyframes dot-floating {\n 0% {\n left: calc(-50% - 5px);\n }\n 75% {\n left: calc(50% + 105px);\n }\n 100% {\n left: calc(50% + 105px);\n }\n}\n\n@keyframes dot-floating-before {\n 0% {\n left: -50px;\n }\n 50% {\n left: -12px;\n }\n 75% {\n left: -50px;\n }\n 100% {\n left: -50px;\n }\n}\n\n@keyframes dot-floating-after {\n 0% {\n left: -100px;\n }\n 50% {\n left: -24px;\n }\n 75% {\n left: -100px;\n }\n 100% {\n left: -100px;\n }\n}\n\n/**\n * ==============================================\n * Dot Fire\n * ==============================================\n */\n.dot-fire {\n position: relative;\n left: -9999px;\n width: 10px;\n height: 10px;\n border-radius: 5px;\n background-color: #9880ff;\n color: #9880ff;\n box-shadow: 9999px 22.5px 0 -5px #9880ff;\n animation: dot-fire 1.5s infinite linear;\n animation-delay: -.85s;\n}\n\n.dot-fire::before, .dot-fire::after {\n content: '';\n display: inline-block;\n position: absolute;\n top: 0;\n width: 10px;\n height: 10px;\n border-radius: 5px;\n background-color: #9880ff;\n color: #9880ff;\n}\n\n.dot-fire::before {\n box-shadow: 9999px 22.5px 0 -5px #9880ff;\n animation: dot-fire 1.5s infinite linear;\n animation-delay: -1.85s;\n}\n\n.dot-fire::after {\n box-shadow: 9999px 22.5px 0 -5px #9880ff;\n animation: dot-fire 1.5s infinite linear;\n animation-delay: -2.85s;\n}\n\n@keyframes dot-fire {\n 1% {\n box-shadow: 9999px 22.5px 0 -5px #9880ff;\n }\n 50% {\n box-shadow: 9999px -5.625px 0 2px #9880ff;\n }\n 100% {\n box-shadow: 9999px -22.5px 0 -5px #9880ff;\n }\n}\n\n/**\n * ==============================================\n * Dot Spin\n * ==============================================\n */\n.dot-spin {\n position: relative;\n width: 10px;\n height: 10px;\n border-radius: 5px;\n background-color: transparent;\n color: transparent;\n box-shadow: 0 -18px 0 0 #9880ff, 12.72984px -12.72984px 0 0 #9880ff, 18px 0 0 0 #9880ff, 12.72984px 12.72984px 0 0 rgba(152, 128, 255, 0), 0 18px 0 0 rgba(152, 128, 255, 0), -12.72984px 12.72984px 0 0 rgba(152, 128, 255, 0), -18px 0 0 0 rgba(152, 128, 255, 0), -12.72984px -12.72984px 0 0 rgba(152, 128, 255, 0);\n animation: dot-spin 1.5s infinite linear;\n}\n\n@keyframes dot-spin {\n 0%,\n 100% {\n box-shadow: 0 -18px 0 0 #9880ff, 12.72984px -12.72984px 0 0 #9880ff, 18px 0 0 0 #9880ff, 12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0);\n }\n 12.5% {\n box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72984px -12.72984px 0 0 #9880ff, 18px 0 0 0 #9880ff, 12.72984px 12.72984px 0 0 #9880ff, 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0);\n }\n 25% {\n box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 0 #9880ff, 12.72984px 12.72984px 0 0 #9880ff, 0 18px 0 0 #9880ff, -12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0);\n }\n 37.5% {\n box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72984px 12.72984px 0 0 #9880ff, 0 18px 0 0 #9880ff, -12.72984px 12.72984px 0 0 #9880ff, -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0);\n }\n 50% {\n box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 0 #9880ff, -12.72984px 12.72984px 0 0 #9880ff, -18px 0 0 0 #9880ff, -12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0);\n }\n 62.5% {\n box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72984px 12.72984px 0 0 #9880ff, -18px 0 0 0 #9880ff, -12.72984px -12.72984px 0 0 #9880ff;\n }\n 75% {\n box-shadow: 0 -18px 0 0 #9880ff, 12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 0 #9880ff, -12.72984px -12.72984px 0 0 #9880ff;\n }\n 87.5% {\n box-shadow: 0 -18px 0 0 #9880ff, 12.72984px -12.72984px 0 0 #9880ff, 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72984px -12.72984px 0 0 #9880ff;\n }\n}\n\n/**\n * ==============================================\n * Dot Falling\n * ==============================================\n */\n.dot-falling {\n position: relative;\n left: -9999px;\n width: 10px;\n height: 10px;\n border-radius: 5px;\n background-color: #9880ff;\n color: #9880ff;\n box-shadow: 9999px 0 0 0 #9880ff;\n animation: dot-falling 1s infinite linear;\n animation-delay: .1s;\n}\n\n.dot-falling::before, .dot-falling::after {\n content: '';\n display: inline-block;\n position: absolute;\n top: 0;\n}\n\n.dot-falling::before {\n width: 10px;\n height: 10px;\n border-radius: 5px;\n background-color: #9880ff;\n color: #9880ff;\n animation: dot-falling-before 1s infinite linear;\n animation-delay: 0s;\n}\n\n.dot-falling::after {\n width: 10px;\n height: 10px;\n border-radius: 5px;\n background-color: #9880ff;\n color: #9880ff;\n animation: dot-falling-after 1s infinite linear;\n animation-delay: .2s;\n}\n\n@keyframes dot-falling {\n 0% {\n box-shadow: 9999px -15px 0 0 rgba(152, 128, 255, 0);\n }\n 25%,\n 50%,\n 75% {\n box-shadow: 9999px 0 0 0 #9880ff;\n }\n 100% {\n box-shadow: 9999px 15px 0 0 rgba(152, 128, 255, 0);\n }\n}\n\n@keyframes dot-falling-before {\n 0% {\n box-shadow: 9984px -15px 0 0 rgba(152, 128, 255, 0);\n }\n 25%,\n 50%,\n 75% {\n box-shadow: 9984px 0 0 0 #9880ff;\n }\n 100% {\n box-shadow: 9984px 15px 0 0 rgba(152, 128, 255, 0);\n }\n}\n\n@keyframes dot-falling-after {\n 0% {\n box-shadow: 10014px -15px 0 0 rgba(152, 128, 255, 0);\n }\n 25%,\n 50%,\n 75% {\n box-shadow: 10014px 0 0 0 #9880ff;\n }\n 100% {\n box-shadow: 10014px 15px 0 0 rgba(152, 128, 255, 0);\n }\n}\n\n/**\n * ==============================================\n * Dot Stretching\n * ==============================================\n */\n.dot-stretching {\n position: relative;\n width: 10px;\n height: 10px;\n border-radius: 5px;\n background-color: #9880ff;\n color: #9880ff;\n transform: scale(1.25, 1.25);\n animation: dot-stretching 2s infinite ease-in;\n}\n\n.dot-stretching::before, .dot-stretching::after {\n content: '';\n display: inline-block;\n position: absolute;\n top: 0;\n}\n\n.dot-stretching::before {\n width: 10px;\n height: 10px;\n border-radius: 5px;\n background-color: #9880ff;\n color: #9880ff;\n animation: dot-stretching-before 2s infinite ease-in;\n}\n\n.dot-stretching::after {\n width: 10px;\n height: 10px;\n border-radius: 5px;\n background-color: #9880ff;\n color: #9880ff;\n animation: dot-stretching-after 2s infinite ease-in;\n}\n\n@keyframes dot-stretching {\n 0% {\n transform: scale(1.25, 1.25);\n }\n 50%,\n 60% {\n transform: scale(0.8, 0.8);\n }\n 100% {\n transform: scale(1.25, 1.25);\n }\n}\n\n@keyframes dot-stretching-before {\n 0% {\n transform: translate(0) scale(0.7, 0.7);\n }\n 50%,\n 60% {\n transform: translate(-20px) scale(1, 1);\n }\n 100% {\n transform: translate(0) scale(0.7, 0.7);\n }\n}\n\n@keyframes dot-stretching-after {\n 0% {\n transform: translate(0) scale(0.7, 0.7);\n }\n 50%,\n 60% {\n transform: translate(20px) scale(1, 1);\n }\n 100% {\n transform: translate(0) scale(0.7, 0.7);\n }\n}\n\n/**\n * ==============================================\n * Experimental: Gooey Effect\n * Dot Gathering\n * ==============================================\n */\n.dot-gathering {\n position: relative;\n width: 12px;\n height: 12px;\n border-radius: 6px;\n background-color: black;\n color: transparent;\n margin: -1px 0;\n filter: blur(2px);\n}\n\n.dot-gathering::before, .dot-gathering::after {\n content: '';\n display: inline-block;\n position: absolute;\n top: 0;\n left: -50px;\n width: 12px;\n height: 12px;\n border-radius: 6px;\n background-color: black;\n color: transparent;\n opacity: 0;\n filter: blur(2px);\n animation: dot-gathering 2s infinite ease-in;\n}\n\n.dot-gathering::after {\n animation-delay: .5s;\n}\n\n@keyframes dot-gathering {\n 0% {\n opacity: 0;\n transform: translateX(0);\n }\n 35%,\n 60% {\n opacity: 1;\n transform: translateX(50px);\n }\n 100% {\n opacity: 0;\n transform: translateX(100px);\n }\n}\n\n/**\n * ==============================================\n * Experimental: Gooey Effect\n * Dot Hourglass\n * ==============================================\n */\n.dot-hourglass {\n position: relative;\n top: -15px;\n width: 12px;\n height: 12px;\n border-radius: 6px;\n background-color: black;\n color: transparent;\n margin: -1px 0;\n filter: blur(2px);\n transform-origin: 5px 20px;\n animation: dot-hourglass 2.4s infinite ease-in-out;\n animation-delay: .6s;\n}\n\n.dot-hourglass::before, .dot-hourglass::after {\n content: '';\n display: inline-block;\n position: absolute;\n top: 0;\n left: 0;\n width: 12px;\n height: 12px;\n border-radius: 6px;\n background-color: black;\n color: transparent;\n filter: blur(2px);\n}\n\n.dot-hourglass::before {\n top: 30px;\n}\n\n.dot-hourglass::after {\n animation: dot-hourglass-after 2.4s infinite cubic-bezier(0.65, 0.05, 0.36, 1);\n}\n\n@keyframes dot-hourglass {\n 0% {\n transform: rotateZ(0deg);\n }\n 25% {\n transform: rotateZ(180deg);\n }\n 50% {\n transform: rotateZ(180deg);\n }\n 75% {\n transform: rotateZ(360deg);\n }\n 100% {\n transform: rotateZ(360deg);\n }\n}\n\n@keyframes dot-hourglass-after {\n 0% {\n transform: translateY(0);\n }\n 25% {\n transform: translateY(30px);\n }\n 50% {\n transform: translateY(30px);\n }\n 75% {\n transform: translateY(0);\n }\n 100% {\n transform: translateY(0);\n }\n}\n\n/**\n * ==============================================\n * Experimental: Gooey Effect\n * Dot Overtaking\n * ==============================================\n */\n.dot-overtaking {\n position: relative;\n width: 12px;\n height: 12px;\n border-radius: 6px;\n background-color: transparent;\n color: black;\n margin: -1px 0;\n box-shadow: 0 -20px 0 0;\n filter: blur(2px);\n animation: dot-overtaking 2s infinite cubic-bezier(0.2, 0.6, 0.8, 0.2);\n}\n\n.dot-overtaking::before, .dot-overtaking::after {\n content: '';\n display: inline-block;\n position: absolute;\n top: 0;\n left: 0;\n width: 12px;\n height: 12px;\n border-radius: 6px;\n background-color: transparent;\n color: black;\n box-shadow: 0 -20px 0 0;\n filter: blur(2px);\n}\n\n.dot-overtaking::before {\n animation: dot-overtaking 2s infinite cubic-bezier(0.2, 0.6, 0.8, 0.2);\n animation-delay: .3s;\n}\n\n.dot-overtaking::after {\n animation: dot-overtaking 1.5s infinite cubic-bezier(0.2, 0.6, 0.8, 0.2);\n animation-delay: .6s;\n}\n\n@keyframes dot-overtaking {\n 0% {\n transform: rotateZ(0deg);\n }\n 100% {\n transform: rotateZ(360deg);\n }\n}\n\n/**\n * ==============================================\n * Experimental: Gooey Effect\n * Dot Shuttle\n * ==============================================\n */\n.dot-shuttle {\n position: relative;\n left: -15px;\n width: 12px;\n height: 12px;\n border-radius: 6px;\n background-color: black;\n color: transparent;\n margin: -1px 0;\n filter: blur(2px);\n}\n\n.dot-shuttle::before, .dot-shuttle::after {\n content: '';\n display: inline-block;\n position: absolute;\n top: 0;\n width: 12px;\n height: 12px;\n border-radius: 6px;\n background-color: black;\n color: transparent;\n filter: blur(2px);\n}\n\n.dot-shuttle::before {\n left: 15px;\n animation: dot-shuttle 2s infinite ease-out;\n}\n\n.dot-shuttle::after {\n left: 30px;\n}\n\n@keyframes dot-shuttle {\n 0%,\n 50%,\n 100% {\n transform: translateX(0);\n }\n 25% {\n transform: translateX(-45px);\n }\n 75% {\n transform: translateX(45px);\n }\n}\n\n/**\n * ==============================================\n * Experimental: Emoji\n * Dot Bouncing\n * ==============================================\n */\n.dot-bouncing {\n position: relative;\n height: 10px;\n font-size: 10px;\n}\n\n.dot-bouncing::before {\n content: '⚽🏀🏐';\n display: inline-block;\n position: relative;\n animation: dot-bouncing 1s infinite;\n}\n\n@keyframes dot-bouncing {\n 0% {\n top: -20px;\n animation-timing-function: ease-in;\n }\n 34% {\n transform: scale(1, 1);\n }\n 35% {\n top: 20px;\n animation-timing-function: ease-out;\n transform: scale(1.5, 0.5);\n }\n 45% {\n transform: scale(1, 1);\n }\n 90% {\n top: -20px;\n }\n 100% {\n top: -20px;\n }\n}\n\n/**\n * ==============================================\n * Experimental: Emoji\n * Dot Rolling\n * ==============================================\n */\n.dot-rolling {\n position: relative;\n height: 10px;\n font-size: 10px;\n}\n\n.dot-rolling::before {\n content: '⚽';\n display: inline-block;\n position: relative;\n transform: translateX(-25px);\n animation: dot-rolling 3s infinite;\n}\n\n@keyframes dot-rolling {\n 0% {\n content: '⚽';\n transform: translateX(-25px) rotateZ(0deg);\n }\n 16.667% {\n content: '⚽';\n transform: translateX(25px) rotateZ(720deg);\n }\n 33.333% {\n content: '⚽';\n transform: translateX(-25px) rotateZ(0deg);\n }\n 34.333% {\n content: '🏀';\n transform: translateX(-25px) rotateZ(0deg);\n }\n 50% {\n content: '🏀';\n transform: translateX(25px) rotateZ(720deg);\n }\n 66.667% {\n content: '🏀';\n transform: translateX(-25px) rotateZ(0deg);\n }\n 67.667% {\n content: '🏐';\n transform: translateX(-25px) rotateZ(0deg);\n }\n 83.333% {\n content: '🏐';\n transform: translateX(25px) rotateZ(720deg);\n }\n 100% {\n content: '🏐';\n transform: translateX(-25px) rotateZ(0deg);\n }\n}\n"]} \ No newline at end of file +{"version":3,"sources":["","three-dots.css"],"names":[],"mappings":";AAAA;;;;;;;GAAA;ACAA,gBAAgB;AAChB;;;;EAIE;AACF;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,yBAAyB;EACzB,cAAc;EACd,iDAAyC;EAAzC,yCAAyC;AAC3C;;AAEA;EACE,WAAW;EACX,qBAAqB;EACrB,kBAAkB;EAClB,MAAM;AACR;;AAEA;EACE,WAAW;EACX,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,yBAAyB;EACzB,cAAc;EACd,wDAAgD;EAAhD,gDAAgD;AAClD;;AAEA;EACE,UAAU;EACV,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,yBAAyB;EACzB,cAAc;EACd,uDAA+C;EAA/C,+CAA+C;AACjD;;AAEA;EACE;IACE,sBAAsB;EACxB;EACA;IACE,wBAAwB;EAC1B;EACA;IACE,yBAAyB;EAC3B;EACA;IACE,sBAAsB;EACxB;EACA;IACE,sBAAsB;EACxB;AACF;;AAhBA;EACE;IACE,sBAAsB;EACxB;EACA;IACE,wBAAwB;EAC1B;EACA;IACE,yBAAyB;EAC3B;EACA;IACE,sBAAsB;EACxB;EACA;IACE,sBAAsB;EACxB;AACF;;AAEA;EACE;IACE,sBAAsB;EACxB;EACA;IACE,sBAAsB;EACxB;EACA;IACE,wBAAwB;EAC1B;EACA;IACE,sBAAsB;EACxB;EACA;IACE,sBAAsB;EACxB;AACF;;AAhBA;EACE;IACE,sBAAsB;EACxB;EACA;IACE,sBAAsB;EACxB;EACA;IACE,wBAAwB;EAC1B;EACA;IACE,sBAAsB;EACxB;EACA;IACE,sBAAsB;EACxB;AACF;;AAEA;EACE;IACE,sBAAsB;EACxB;EACA;IACE,sBAAsB;EACxB;EACA;IACE,yBAAyB;EAC3B;EACA;IACE,wBAAwB;EAC1B;EACA;IACE,sBAAsB;EACxB;AACF;;AAhBA;EACE;IACE,sBAAsB;EACxB;EACA;IACE,sBAAsB;EACxB;EACA;IACE,yBAAyB;EAC3B;EACA;IACE,wBAAwB;EAC1B;EACA;IACE,sBAAsB;EACxB;AACF;;AAEA;;;;EAIE;AACF;EACE,kBAAkB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AS;EACT,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,yBAAyB;EACzB,cAAc;AAChB;;AAEA;EACE,eAAe;EACf,SAAS;EACT,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,yBAAyB;EACzB,cAAc;AAChB;;AAEA;EACE;IACE,6CAA6C;EAC/C;EACA;IACE,+CAA+C;EACjD;AACF;;AAPA;EACE;IACE,6CAA6C;EAC/C;EACA;IACE,+CAA+C;EACjD;AACF;;AAEA;;;;EAIE;AACF;EACE,kBAAkB;EAClB,QAAQ;EACR,aAAa;EACb,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,yBAAyB;EACzB,cAAc;EACd,iFAAiF;EACjF,8CAAsC;EAAtC,sCAAsC;AACxC;;AAEA;EACE;IACE,iFAAiF;EACnF;EACA;IACE,kFAAkF;EACpF;EACA;IACE,sFAAsF;EACxF;EACA;IACE,qFAAqF;EACvF;EACA;IACE,iFAAiF;EACnF;EACA;IACE,kFAAkF;EACpF;EACA;IACE,sFAAsF;EACxF;EACA;IACE,qFAAqF;EACvF;EACA;IACE,iFAAiF;EACnF;EACA;IACE,kFAAkF;EACpF;EACA;IACE,sFAAsF;EACxF;EACA;IACE,qFAAqF;EACvF;EACA;IACE,iFAAiF;EACnF;AACF;;AAxCA;EACE;IACE,iFAAiF;EACnF;EACA;IACE,kFAAkF;EACpF;EACA;IACE,sFAAsF;EACxF;EACA;IACE,qFAAqF;EACvF;EACA;IACE,iFAAiF;EACnF;EACA;IACE,kFAAkF;EACpF;EACA;IACE,sFAAsF;EACxF;EACA;IACE,qFAAqF;EACvF;EACA;IACE,iFAAiF;EACnF;EACA;IACE,kFAAkF;EACpF;EACA;IACE,sFAAsF;EACxF;EACA;IACE,qFAAqF;EACvF;EACA;IACE,iFAAiF;EACnF;AACF;;AAEA;;;;EAIE;AACF;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,yBAAyB;EACzB,cAAc;EACd,6EAAqE;EAArE,qEAAqE;AACvE;;AAEA;EACE,WAAW;EACX,qBAAqB;EACrB,kBAAkB;EAClB,MAAM;AACR;;AAEA;EACE,WAAW;EACX,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,yBAAyB;EACzB,cAAc;EACd,8DAAsD;EAAtD,sDAAsD;AACxD;;AAEA;EACE,WAAW;EACX,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,yBAAyB;EACzB,cAAc;EACd,4EAAoE;EAApE,oEAAoE;AACtE;;AAEA;EACE;IACE,sBAAsB;EACxB;EACA;IACE,uBAAuB;EACzB;EACA;IACE,uBAAuB;EACzB;AACF;;AAVA;EACE;IACE,sBAAsB;EACxB;EACA;IACE,uBAAuB;EACzB;EACA;IACE,uBAAuB;EACzB;AACF;;AAEA;EACE;IACE,WAAW;EACb;EACA;IACE,WAAW;EACb;EACA;IACE,WAAW;EACb;EACA;IACE,WAAW;EACb;AACF;;AAbA;EACE;IACE,WAAW;EACb;EACA;IACE,WAAW;EACb;EACA;IACE,WAAW;EACb;EACA;IACE,WAAW;EACb;AACF;;AAEA;EACE;IACE,YAAY;EACd;EACA;IACE,WAAW;EACb;EACA;IACE,YAAY;EACd;EACA;IACE,YAAY;EACd;AACF;;AAbA;EACE;IACE,YAAY;EACd;EACA;IACE,WAAW;EACb;EACA;IACE,YAAY;EACd;EACA;IACE,YAAY;EACd;AACF;;AAEA;;;;EAIE;AACF;EACE,kBAAkB;EAClB,aAAa;EACb,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,yBAAyB;EACzB,cAAc;EACd,wCAAwC;EACxC,gDAAwC;EAAxC,wCAAwC;EACxC,8BAAsB;EAAtB,sBAAsB;AACxB;;AAEA;EACE,WAAW;EACX,qBAAqB;EACrB,kBAAkB;EAClB,MAAM;EACN,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,yBAAyB;EACzB,cAAc;AAChB;;AAEA;EACE,wCAAwC;EACxC,gDAAwC;EAAxC,wCAAwC;EACxC,+BAAuB;EAAvB,uBAAuB;AACzB;;AAEA;EACE,wCAAwC;EACxC,gDAAwC;EAAxC,wCAAwC;EACxC,+BAAuB;EAAvB,uBAAuB;AACzB;;AAEA;EACE;IACE,wCAAwC;EAC1C;EACA;IACE,yCAAyC;EAC3C;EACA;IACE,yCAAyC;EAC3C;AACF;;AAVA;EACE;IACE,wCAAwC;EAC1C;EACA;IACE,yCAAyC;EAC3C;EACA;IACE,yCAAyC;EAC3C;AACF;;AAEA;;;;EAIE;AACF;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,6BAA6B;EAC7B,kBAAkB;EAClB,uTAAuT;EACvT,gDAAwC;EAAxC,wCAAwC;AAC1C;;AAEA;EACE;;IAEE,sUAAsU;EACxU;EACA;IACE,sUAAsU;EACxU;EACA;IACE,sUAAsU;EACxU;EACA;IACE,sUAAsU;EACxU;EACA;IACE,sUAAsU;EACxU;EACA;IACE,sUAAsU;EACxU;EACA;IACE,sUAAsU;EACxU;EACA;IACE,sUAAsU;EACxU;AACF;;AA1BA;EACE;;IAEE,sUAAsU;EACxU;EACA;IACE,sUAAsU;EACxU;EACA;IACE,sUAAsU;EACxU;EACA;IACE,sUAAsU;EACxU;EACA;IACE,sUAAsU;EACxU;EACA;IACE,sUAAsU;EACxU;EACA;IACE,sUAAsU;EACxU;EACA;IACE,sUAAsU;EACxU;AACF;;AAEA;;;;EAIE;AACF;EACE,kBAAkB;EAClB,aAAa;EACb,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,yBAAyB;EACzB,cAAc;EACd,gCAAgC;EAChC,iDAAyC;EAAzC,yCAAyC;EACzC,4BAAoB;EAApB,oBAAoB;AACtB;;AAEA;EACE,WAAW;EACX,qBAAqB;EACrB,kBAAkB;EAClB,MAAM;AACR;;AAEA;EACE,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,yBAAyB;EACzB,cAAc;EACd,wDAAgD;EAAhD,gDAAgD;EAChD,2BAAmB;EAAnB,mBAAmB;AACrB;;AAEA;EACE,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,yBAAyB;EACzB,cAAc;EACd,uDAA+C;EAA/C,+CAA+C;EAC/C,4BAAoB;EAApB,oBAAoB;AACtB;;AAEA;EACE;IACE,mDAAmD;EACrD;EACA;;;IAGE,gCAAgC;EAClC;EACA;IACE,kDAAkD;EACpD;AACF;;AAZA;EACE;IACE,mDAAmD;EACrD;EACA;;;IAGE,gCAAgC;EAClC;EACA;IACE,kDAAkD;EACpD;AACF;;AAEA;EACE;IACE,mDAAmD;EACrD;EACA;;;IAGE,gCAAgC;EAClC;EACA;IACE,kDAAkD;EACpD;AACF;;AAZA;EACE;IACE,mDAAmD;EACrD;EACA;;;IAGE,gCAAgC;EAClC;EACA;IACE,kDAAkD;EACpD;AACF;;AAEA;EACE;IACE,oDAAoD;EACtD;EACA;;;IAGE,iCAAiC;EACnC;EACA;IACE,mDAAmD;EACrD;AACF;;AAZA;EACE;IACE,oDAAoD;EACtD;EACA;;;IAGE,iCAAiC;EACnC;EACA;IACE,mDAAmD;EACrD;AACF;;AAEA;;;;EAIE;AACF;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,yBAAyB;EACzB,cAAc;EACd,4BAA4B;EAC5B,qDAA6C;EAA7C,6CAA6C;AAC/C;;AAEA;EACE,WAAW;EACX,qBAAqB;EACrB,kBAAkB;EAClB,MAAM;AACR;;AAEA;EACE,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,yBAAyB;EACzB,cAAc;EACd,4DAAoD;EAApD,oDAAoD;AACtD;;AAEA;EACE,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,yBAAyB;EACzB,cAAc;EACd,2DAAmD;EAAnD,mDAAmD;AACrD;;AAEA;EACE;IACE,4BAA4B;EAC9B;EACA;;IAEE,0BAA0B;EAC5B;EACA;IACE,4BAA4B;EAC9B;AACF;;AAXA;EACE;IACE,4BAA4B;EAC9B;EACA;;IAEE,0BAA0B;EAC5B;EACA;IACE,4BAA4B;EAC9B;AACF;;AAEA;EACE;IACE,uCAAuC;EACzC;EACA;;IAEE,uCAAuC;EACzC;EACA;IACE,uCAAuC;EACzC;AACF;;AAXA;EACE;IACE,uCAAuC;EACzC;EACA;;IAEE,uCAAuC;EACzC;EACA;IACE,uCAAuC;EACzC;AACF;;AAEA;EACE;IACE,uCAAuC;EACzC;EACA;;IAEE,sCAAsC;EACxC;EACA;IACE,uCAAuC;EACzC;AA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","file":"three-dots.css","sourcesContent":[null,"@charset \"UTF-8\";\n/**\n * ==============================================\n * Dot Elastic\n * ==============================================\n */\n.dot-elastic {\n position: relative;\n width: 10px;\n height: 10px;\n border-radius: 5px;\n background-color: #9880ff;\n color: #9880ff;\n animation: dot-elastic 1s infinite linear;\n}\n\n.dot-elastic::before, .dot-elastic::after {\n content: '';\n display: inline-block;\n position: absolute;\n top: 0;\n}\n\n.dot-elastic::before {\n left: -15px;\n width: 10px;\n height: 10px;\n border-radius: 5px;\n background-color: #9880ff;\n color: #9880ff;\n animation: dot-elastic-before 1s infinite linear;\n}\n\n.dot-elastic::after {\n left: 15px;\n width: 10px;\n height: 10px;\n border-radius: 5px;\n background-color: #9880ff;\n color: #9880ff;\n animation: dot-elastic-after 1s infinite linear;\n}\n\n@keyframes dot-elastic-before {\n 0% {\n transform: scale(1, 1);\n }\n 25% {\n transform: scale(1, 1.5);\n }\n 50% {\n transform: scale(1, 0.67);\n }\n 75% {\n transform: scale(1, 1);\n }\n 100% {\n transform: scale(1, 1);\n }\n}\n\n@keyframes dot-elastic {\n 0% {\n transform: scale(1, 1);\n }\n 25% {\n transform: scale(1, 1);\n }\n 50% {\n transform: scale(1, 1.5);\n }\n 75% {\n transform: scale(1, 1);\n }\n 100% {\n transform: scale(1, 1);\n }\n}\n\n@keyframes dot-elastic-after {\n 0% {\n transform: scale(1, 1);\n }\n 25% {\n transform: scale(1, 1);\n }\n 50% {\n transform: scale(1, 0.67);\n }\n 75% {\n transform: scale(1, 1.5);\n }\n 100% {\n transform: scale(1, 1);\n }\n}\n\n/**\n * ==============================================\n * Dot Pulse\n * ==============================================\n */\n.dot-pulse {\n position: relative;\n left: -9999px;\n width: 10px;\n height: 10px;\n border-radius: 5px;\n background-color: #9880ff;\n color: #9880ff;\n box-shadow: 9999px 0 0 -5px;\n animation: dot-pulse 1.5s infinite linear;\n animation-delay: .25s;\n}\n\n.dot-pulse::before, .dot-pulse::after {\n content: \"\";\n display: inline-block;\n position: absolute;\n top: 0;\n width: 10px;\n height: 10px;\n border-radius: 5px;\n background-color: #9880ff;\n color: #9880ff;\n}\n\n.dot-pulse::before {\n box-shadow: 9984px 0 0 -5px;\n animation: dot-pulse-before 1.5s infinite linear;\n animation-delay: 0s;\n}\n\n.dot-pulse::after {\n box-shadow: 10014px 0 0 -5px;\n animation: dot-pulse-after 1.5s infinite linear;\n animation-delay: .5s;\n}\n\n@keyframes dot-pulse-before {\n 0% {\n box-shadow: 9984px 0 0 -5px;\n }\n 30% {\n box-shadow: 9984px 0 0 2px;\n }\n 60%,\n 100% {\n box-shadow: 9984px 0 0 -5px;\n }\n}\n\n@keyframes dot-pulse {\n 0% {\n box-shadow: 9999px 0 0 -5px;\n }\n 30% {\n box-shadow: 9999px 0 0 2px;\n }\n 60%,\n 100% {\n box-shadow: 9999px 0 0 -5px;\n }\n}\n\n@keyframes dot-pulse-after {\n 0% {\n box-shadow: 10014px 0 0 -5px;\n }\n 30% {\n box-shadow: 10014px 0 0 2px;\n }\n 60%,\n 100% {\n box-shadow: 10014px 0 0 -5px;\n }\n}\n\n/**\n * ==============================================\n * Dot Flashing\n * ==============================================\n */\n.dot-flashing {\n position: relative;\n width: 10px;\n height: 10px;\n border-radius: 5px;\n background-color: #9880ff;\n color: #9880ff;\n animation: dot-flashing 1s infinite linear alternate;\n animation-delay: .5s;\n}\n\n.dot-flashing::before, .dot-flashing::after {\n content: '';\n display: inline-block;\n position: absolute;\n top: 0;\n}\n\n.dot-flashing::before {\n left: -15px;\n width: 10px;\n height: 10px;\n border-radius: 5px;\n background-color: #9880ff;\n color: #9880ff;\n animation: dot-flashing 1s infinite alternate;\n animation-delay: 0s;\n}\n\n.dot-flashing::after {\n left: 15px;\n width: 10px;\n height: 10px;\n border-radius: 5px;\n background-color: #9880ff;\n color: #9880ff;\n animation: dot-flashing 1s infinite alternate;\n animation-delay: 1s;\n}\n\n@keyframes dot-flashing {\n 0% {\n background-color: #9880ff;\n }\n 50%,\n 100% {\n background-color: #ebe6ff;\n }\n}\n\n/**\n * ==============================================\n * Dot Collision\n * ==============================================\n */\n.dot-collision {\n position: relative;\n width: 10px;\n height: 10px;\n border-radius: 5px;\n background-color: #9880ff;\n color: #9880ff;\n}\n\n.dot-collision::before, .dot-collision::after {\n content: '';\n display: inline-block;\n position: absolute;\n top: 0;\n}\n\n.dot-collision::before {\n left: -10px;\n width: 10px;\n height: 10px;\n border-radius: 5px;\n background-color: #9880ff;\n color: #9880ff;\n animation: dot-collision-before 2s infinite ease-in;\n}\n\n.dot-collision::after {\n left: 10px;\n width: 10px;\n height: 10px;\n border-radius: 5px;\n background-color: #9880ff;\n color: #9880ff;\n animation: dot-collision-after 2s infinite ease-in;\n animation-delay: 1s;\n}\n\n@keyframes dot-collision-before {\n 0%,\n 50%,\n 75%,\n 100% {\n transform: translateX(0);\n }\n 25% {\n transform: translateX(-15px);\n }\n}\n\n@keyframes dot-collision-after {\n 0%,\n 50%,\n 75%,\n 100% {\n transform: translateX(0);\n }\n 25% {\n transform: translateX(15px);\n }\n}\n\n/**\n * ==============================================\n * Dot Revolution\n * ==============================================\n */\n.dot-revolution {\n position: relative;\n width: 10px;\n height: 10px;\n border-radius: 5px;\n background-color: #9880ff;\n color: #9880ff;\n}\n\n.dot-revolution::before, .dot-revolution::after {\n content: '';\n display: inline-block;\n position: absolute;\n}\n\n.dot-revolution::before {\n left: 0;\n top: -15px;\n width: 10px;\n height: 10px;\n border-radius: 5px;\n background-color: #9880ff;\n color: #9880ff;\n transform-origin: 5px 20px;\n animation: dot-revolution 1.4s linear infinite;\n}\n\n.dot-revolution::after {\n left: 0;\n top: -30px;\n width: 10px;\n height: 10px;\n border-radius: 5px;\n background-color: #9880ff;\n color: #9880ff;\n transform-origin: 5px 35px;\n animation: dot-revolution 1s linear infinite;\n}\n\n@keyframes dot-revolution {\n 0% {\n transform: rotateZ(0deg) translate3d(0, 0, 0);\n }\n 100% {\n transform: rotateZ(360deg) translate3d(0, 0, 0);\n }\n}\n\n/**\n * ==============================================\n * Dot Carousel\n * ==============================================\n */\n.dot-carousel {\n position: relative;\n left: -9999px;\n width: 10px;\n height: 10px;\n border-radius: 5px;\n background-color: #9880ff;\n color: #9880ff;\n box-shadow: 9984px 0 0 0 #9880ff, 9999px 0 0 0 #9880ff, 10014px 0 0 0 #9880ff;\n animation: dot-carousel 1.5s infinite linear;\n}\n\n@keyframes dot-carousel {\n 0% {\n box-shadow: 9984px 0 0 -1px #9880ff, 9999px 0 0 1px #9880ff, 10014px 0 0 -1px #9880ff;\n }\n 50% {\n box-shadow: 10014px 0 0 -1px #9880ff, 9984px 0 0 -1px #9880ff, 9999px 0 0 1px #9880ff;\n }\n 100% {\n box-shadow: 9999px 0 0 1px #9880ff, 10014px 0 0 -1px #9880ff, 9984px 0 0 -1px #9880ff;\n }\n}\n\n/**\n * ==============================================\n * Dot Typing\n * ==============================================\n */\n.dot-typing {\n position: relative;\n left: -9999px;\n width: 10px;\n height: 10px;\n border-radius: 5px;\n background-color: #9880ff;\n color: #9880ff;\n box-shadow: 9984px 0 0 0 #9880ff, 9999px 0 0 0 #9880ff, 10014px 0 0 0 #9880ff;\n animation: dot-typing 1.5s infinite linear;\n}\n\n@keyframes dot-typing {\n 0% {\n box-shadow: 9984px 0 0 0 #9880ff, 9999px 0 0 0 #9880ff, 10014px 0 0 0 #9880ff;\n }\n 16.667% {\n box-shadow: 9984px -10px 0 0 #9880ff, 9999px 0 0 0 #9880ff, 10014px 0 0 0 #9880ff;\n }\n 33.333% {\n box-shadow: 9984px 0 0 0 #9880ff, 9999px 0 0 0 #9880ff, 10014px 0 0 0 #9880ff;\n }\n 50% {\n box-shadow: 9984px 0 0 0 #9880ff, 9999px -10px 0 0 #9880ff, 10014px 0 0 0 #9880ff;\n }\n 66.667% {\n box-shadow: 9984px 0 0 0 #9880ff, 9999px 0 0 0 #9880ff, 10014px 0 0 0 #9880ff;\n }\n 83.333% {\n box-shadow: 9984px 0 0 0 #9880ff, 9999px 0 0 0 #9880ff, 10014px -10px 0 0 #9880ff;\n }\n 100% {\n box-shadow: 9984px 0 0 0 #9880ff, 9999px 0 0 0 #9880ff, 10014px 0 0 0 #9880ff;\n }\n}\n\n/**\n * ==============================================\n * Dot Windmill\n * ==============================================\n */\n.dot-windmill {\n position: relative;\n top: -10px;\n width: 10px;\n height: 10px;\n border-radius: 5px;\n background-color: #9880ff;\n color: #9880ff;\n transform-origin: 5px 15px;\n animation: dot-windmill 2s infinite linear;\n}\n\n.dot-windmill::before, .dot-windmill::after {\n content: '';\n display: inline-block;\n position: absolute;\n}\n\n.dot-windmill::before {\n left: -8.66254px;\n top: 15px;\n width: 10px;\n height: 10px;\n border-radius: 5px;\n background-color: #9880ff;\n color: #9880ff;\n}\n\n.dot-windmill::after {\n left: 8.66254px;\n top: 15px;\n width: 10px;\n height: 10px;\n border-radius: 5px;\n background-color: #9880ff;\n color: #9880ff;\n}\n\n@keyframes dot-windmill {\n 0% {\n transform: rotateZ(0deg) translate3d(0, 0, 0);\n }\n 100% {\n transform: rotateZ(720deg) translate3d(0, 0, 0);\n }\n}\n\n/**\n * ==============================================\n * Dot Bricks\n * ==============================================\n */\n.dot-bricks {\n position: relative;\n top: 8px;\n left: -9999px;\n width: 10px;\n height: 10px;\n border-radius: 5px;\n background-color: #9880ff;\n color: #9880ff;\n box-shadow: 9991px -16px 0 0 #9880ff, 9991px 0 0 0 #9880ff, 10007px 0 0 0 #9880ff;\n animation: dot-bricks 2s infinite ease;\n}\n\n@keyframes dot-bricks {\n 0% {\n box-shadow: 9991px -16px 0 0 #9880ff, 9991px 0 0 0 #9880ff, 10007px 0 0 0 #9880ff;\n }\n 8.333% {\n box-shadow: 10007px -16px 0 0 #9880ff, 9991px 0 0 0 #9880ff, 10007px 0 0 0 #9880ff;\n }\n 16.667% {\n box-shadow: 10007px -16px 0 0 #9880ff, 9991px -16px 0 0 #9880ff, 10007px 0 0 0 #9880ff;\n }\n 25% {\n box-shadow: 10007px -16px 0 0 #9880ff, 9991px -16px 0 0 #9880ff, 9991px 0 0 0 #9880ff;\n }\n 33.333% {\n box-shadow: 10007px 0 0 0 #9880ff, 9991px -16px 0 0 #9880ff, 9991px 0 0 0 #9880ff;\n }\n 41.667% {\n box-shadow: 10007px 0 0 0 #9880ff, 10007px -16px 0 0 #9880ff, 9991px 0 0 0 #9880ff;\n }\n 50% {\n box-shadow: 10007px 0 0 0 #9880ff, 10007px -16px 0 0 #9880ff, 9991px -16px 0 0 #9880ff;\n }\n 58.333% {\n box-shadow: 9991px 0 0 0 #9880ff, 10007px -16px 0 0 #9880ff, 9991px -16px 0 0 #9880ff;\n }\n 66.666% {\n box-shadow: 9991px 0 0 0 #9880ff, 10007px 0 0 0 #9880ff, 9991px -16px 0 0 #9880ff;\n }\n 75% {\n box-shadow: 9991px 0 0 0 #9880ff, 10007px 0 0 0 #9880ff, 10007px -16px 0 0 #9880ff;\n }\n 83.333% {\n box-shadow: 9991px -16px 0 0 #9880ff, 10007px 0 0 0 #9880ff, 10007px -16px 0 0 #9880ff;\n }\n 91.667% {\n box-shadow: 9991px -16px 0 0 #9880ff, 9991px 0 0 0 #9880ff, 10007px -16px 0 0 #9880ff;\n }\n 100% {\n box-shadow: 9991px -16px 0 0 #9880ff, 9991px 0 0 0 #9880ff, 10007px 0 0 0 #9880ff;\n }\n}\n\n/**\n * ==============================================\n * Dot Floating\n * ==============================================\n */\n.dot-floating {\n position: relative;\n width: 10px;\n height: 10px;\n border-radius: 5px;\n background-color: #9880ff;\n color: #9880ff;\n animation: dot-floating 3s infinite cubic-bezier(0.15, 0.6, 0.9, 0.1);\n}\n\n.dot-floating::before, .dot-floating::after {\n content: '';\n display: inline-block;\n position: absolute;\n top: 0;\n}\n\n.dot-floating::before {\n left: -12px;\n width: 10px;\n height: 10px;\n border-radius: 5px;\n background-color: #9880ff;\n color: #9880ff;\n animation: dot-floating-before 3s infinite ease-in-out;\n}\n\n.dot-floating::after {\n left: -24px;\n width: 10px;\n height: 10px;\n border-radius: 5px;\n background-color: #9880ff;\n color: #9880ff;\n animation: dot-floating-after 3s infinite cubic-bezier(0.4, 0, 1, 1);\n}\n\n@keyframes dot-floating {\n 0% {\n left: calc(-50% - 5px);\n }\n 75% {\n left: calc(50% + 105px);\n }\n 100% {\n left: calc(50% + 105px);\n }\n}\n\n@keyframes dot-floating-before {\n 0% {\n left: -50px;\n }\n 50% {\n left: -12px;\n }\n 75% {\n left: -50px;\n }\n 100% {\n left: -50px;\n }\n}\n\n@keyframes dot-floating-after {\n 0% {\n left: -100px;\n }\n 50% {\n left: -24px;\n }\n 75% {\n left: -100px;\n }\n 100% {\n left: -100px;\n }\n}\n\n/**\n * ==============================================\n * Dot Fire\n * ==============================================\n */\n.dot-fire {\n position: relative;\n left: -9999px;\n width: 10px;\n height: 10px;\n border-radius: 5px;\n background-color: #9880ff;\n color: #9880ff;\n box-shadow: 9999px 22.5px 0 -5px #9880ff;\n animation: dot-fire 1.5s infinite linear;\n animation-delay: -.85s;\n}\n\n.dot-fire::before, .dot-fire::after {\n content: '';\n display: inline-block;\n position: absolute;\n top: 0;\n width: 10px;\n height: 10px;\n border-radius: 5px;\n background-color: #9880ff;\n color: #9880ff;\n}\n\n.dot-fire::before {\n box-shadow: 9999px 22.5px 0 -5px #9880ff;\n animation: dot-fire 1.5s infinite linear;\n animation-delay: -1.85s;\n}\n\n.dot-fire::after {\n box-shadow: 9999px 22.5px 0 -5px #9880ff;\n animation: dot-fire 1.5s infinite linear;\n animation-delay: -2.85s;\n}\n\n@keyframes dot-fire {\n 1% {\n box-shadow: 9999px 22.5px 0 -5px #9880ff;\n }\n 50% {\n box-shadow: 9999px -5.625px 0 2px #9880ff;\n }\n 100% {\n box-shadow: 9999px -22.5px 0 -5px #9880ff;\n }\n}\n\n/**\n * ==============================================\n * Dot Spin\n * ==============================================\n */\n.dot-spin {\n position: relative;\n width: 10px;\n height: 10px;\n border-radius: 5px;\n background-color: transparent;\n color: transparent;\n box-shadow: 0 -18px 0 0 #9880ff, 12.72793px -12.72793px 0 0 #9880ff, 18px 0 0 0 #9880ff, 12.72793px 12.72793px 0 0 rgba(152, 128, 255, 0), 0 18px 0 0 rgba(152, 128, 255, 0), -12.72793px 12.72793px 0 0 rgba(152, 128, 255, 0), -18px 0 0 0 rgba(152, 128, 255, 0), -12.72793px -12.72793px 0 0 rgba(152, 128, 255, 0);\n animation: dot-spin 1.5s infinite linear;\n}\n\n@keyframes dot-spin {\n 0%,\n 100% {\n box-shadow: 0 -18px 0 0 #9880ff, 12.72793px -12.72793px 0 0 #9880ff, 18px 0 0 0 #9880ff, 12.72793px 12.72793px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72793px 12.72793px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72793px -12.72793px 0 -5px rgba(152, 128, 255, 0);\n }\n 12.5% {\n box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72793px -12.72793px 0 0 #9880ff, 18px 0 0 0 #9880ff, 12.72793px 12.72793px 0 0 #9880ff, 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72793px 12.72793px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72793px -12.72793px 0 -5px rgba(152, 128, 255, 0);\n }\n 25% {\n box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72793px -12.72793px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 0 #9880ff, 12.72793px 12.72793px 0 0 #9880ff, 0 18px 0 0 #9880ff, -12.72793px 12.72793px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72793px -12.72793px 0 -5px rgba(152, 128, 255, 0);\n }\n 37.5% {\n box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72793px -12.72793px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72793px 12.72793px 0 0 #9880ff, 0 18px 0 0 #9880ff, -12.72793px 12.72793px 0 0 #9880ff, -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72793px -12.72793px 0 -5px rgba(152, 128, 255, 0);\n }\n 50% {\n box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72793px -12.72793px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72793px 12.72793px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 0 #9880ff, -12.72793px 12.72793px 0 0 #9880ff, -18px 0 0 0 #9880ff, -12.72793px -12.72793px 0 -5px rgba(152, 128, 255, 0);\n }\n 62.5% {\n box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72793px -12.72793px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72793px 12.72793px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72793px 12.72793px 0 0 #9880ff, -18px 0 0 0 #9880ff, -12.72793px -12.72793px 0 0 #9880ff;\n }\n 75% {\n box-shadow: 0 -18px 0 0 #9880ff, 12.72793px -12.72793px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72793px 12.72793px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72793px 12.72793px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 0 #9880ff, -12.72793px -12.72793px 0 0 #9880ff;\n }\n 87.5% {\n box-shadow: 0 -18px 0 0 #9880ff, 12.72793px -12.72793px 0 0 #9880ff, 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72793px 12.72793px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72793px 12.72793px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72793px -12.72793px 0 0 #9880ff;\n }\n}\n\n/**\n * ==============================================\n * Dot Falling\n * ==============================================\n */\n.dot-falling {\n position: relative;\n left: -9999px;\n width: 10px;\n height: 10px;\n border-radius: 5px;\n background-color: #9880ff;\n color: #9880ff;\n box-shadow: 9999px 0 0 0 #9880ff;\n animation: dot-falling 1s infinite linear;\n animation-delay: .1s;\n}\n\n.dot-falling::before, .dot-falling::after {\n content: '';\n display: inline-block;\n position: absolute;\n top: 0;\n}\n\n.dot-falling::before {\n width: 10px;\n height: 10px;\n border-radius: 5px;\n background-color: #9880ff;\n color: #9880ff;\n animation: dot-falling-before 1s infinite linear;\n animation-delay: 0s;\n}\n\n.dot-falling::after {\n width: 10px;\n height: 10px;\n border-radius: 5px;\n background-color: #9880ff;\n color: #9880ff;\n animation: dot-falling-after 1s infinite linear;\n animation-delay: .2s;\n}\n\n@keyframes dot-falling {\n 0% {\n box-shadow: 9999px -15px 0 0 rgba(152, 128, 255, 0);\n }\n 25%,\n 50%,\n 75% {\n box-shadow: 9999px 0 0 0 #9880ff;\n }\n 100% {\n box-shadow: 9999px 15px 0 0 rgba(152, 128, 255, 0);\n }\n}\n\n@keyframes dot-falling-before {\n 0% {\n box-shadow: 9984px -15px 0 0 rgba(152, 128, 255, 0);\n }\n 25%,\n 50%,\n 75% {\n box-shadow: 9984px 0 0 0 #9880ff;\n }\n 100% {\n box-shadow: 9984px 15px 0 0 rgba(152, 128, 255, 0);\n }\n}\n\n@keyframes dot-falling-after {\n 0% {\n box-shadow: 10014px -15px 0 0 rgba(152, 128, 255, 0);\n }\n 25%,\n 50%,\n 75% {\n box-shadow: 10014px 0 0 0 #9880ff;\n }\n 100% {\n box-shadow: 10014px 15px 0 0 rgba(152, 128, 255, 0);\n }\n}\n\n/**\n * ==============================================\n * Dot Stretching\n * ==============================================\n */\n.dot-stretching {\n position: relative;\n width: 10px;\n height: 10px;\n border-radius: 5px;\n background-color: #9880ff;\n color: #9880ff;\n transform: scale(1.25, 1.25);\n animation: dot-stretching 2s infinite ease-in;\n}\n\n.dot-stretching::before, .dot-stretching::after {\n content: '';\n display: inline-block;\n position: absolute;\n top: 0;\n}\n\n.dot-stretching::before {\n width: 10px;\n height: 10px;\n border-radius: 5px;\n background-color: #9880ff;\n color: #9880ff;\n animation: dot-stretching-before 2s infinite ease-in;\n}\n\n.dot-stretching::after {\n width: 10px;\n height: 10px;\n border-radius: 5px;\n background-color: #9880ff;\n color: #9880ff;\n animation: dot-stretching-after 2s infinite ease-in;\n}\n\n@keyframes dot-stretching {\n 0% {\n transform: scale(1.25, 1.25);\n }\n 50%,\n 60% {\n transform: scale(0.8, 0.8);\n }\n 100% {\n transform: scale(1.25, 1.25);\n }\n}\n\n@keyframes dot-stretching-before {\n 0% {\n transform: translate(0) scale(0.7, 0.7);\n }\n 50%,\n 60% {\n transform: translate(-20px) scale(1, 1);\n }\n 100% {\n transform: translate(0) scale(0.7, 0.7);\n }\n}\n\n@keyframes dot-stretching-after {\n 0% {\n transform: translate(0) scale(0.7, 0.7);\n }\n 50%,\n 60% {\n transform: translate(20px) scale(1, 1);\n }\n 100% {\n transform: translate(0) scale(0.7, 0.7);\n }\n}\n\n/**\n * ==============================================\n * Experimental: Gooey Effect\n * Dot Gathering\n * ==============================================\n */\n.dot-gathering {\n position: relative;\n width: 12px;\n height: 12px;\n border-radius: 6px;\n background-color: black;\n color: transparent;\n margin: -1px 0;\n filter: blur(2px);\n}\n\n.dot-gathering::before, .dot-gathering::after {\n content: '';\n display: inline-block;\n position: absolute;\n top: 0;\n left: -50px;\n width: 12px;\n height: 12px;\n border-radius: 6px;\n background-color: black;\n color: transparent;\n opacity: 0;\n filter: blur(2px);\n animation: dot-gathering 2s infinite ease-in;\n}\n\n.dot-gathering::after {\n animation-delay: .5s;\n}\n\n@keyframes dot-gathering {\n 0% {\n opacity: 0;\n transform: translateX(0);\n }\n 35%,\n 60% {\n opacity: 1;\n transform: translateX(50px);\n }\n 100% {\n opacity: 0;\n transform: translateX(100px);\n }\n}\n\n/**\n * ==============================================\n * Experimental: Gooey Effect\n * Dot Hourglass\n * ==============================================\n */\n.dot-hourglass {\n position: relative;\n top: -15px;\n width: 12px;\n height: 12px;\n border-radius: 6px;\n background-color: black;\n color: transparent;\n margin: -1px 0;\n filter: blur(2px);\n transform-origin: 5px 20px;\n animation: dot-hourglass 2.4s infinite ease-in-out;\n animation-delay: .6s;\n}\n\n.dot-hourglass::before, .dot-hourglass::after {\n content: '';\n display: inline-block;\n position: absolute;\n top: 0;\n left: 0;\n width: 12px;\n height: 12px;\n border-radius: 6px;\n background-color: black;\n color: transparent;\n filter: blur(2px);\n}\n\n.dot-hourglass::before {\n top: 30px;\n}\n\n.dot-hourglass::after {\n animation: dot-hourglass-after 2.4s infinite cubic-bezier(0.65, 0.05, 0.36, 1);\n}\n\n@keyframes dot-hourglass {\n 0% {\n transform: rotateZ(0deg);\n }\n 25% {\n transform: rotateZ(180deg);\n }\n 50% {\n transform: rotateZ(180deg);\n }\n 75% {\n transform: rotateZ(360deg);\n }\n 100% {\n transform: rotateZ(360deg);\n }\n}\n\n@keyframes dot-hourglass-after {\n 0% {\n transform: translateY(0);\n }\n 25% {\n transform: translateY(30px);\n }\n 50% {\n transform: translateY(30px);\n }\n 75% {\n transform: translateY(0);\n }\n 100% {\n transform: translateY(0);\n }\n}\n\n/**\n * ==============================================\n * Experimental: Gooey Effect\n * Dot Overtaking\n * ==============================================\n */\n.dot-overtaking {\n position: relative;\n width: 12px;\n height: 12px;\n border-radius: 6px;\n background-color: transparent;\n color: black;\n margin: -1px 0;\n box-shadow: 0 -20px 0 0;\n filter: blur(2px);\n animation: dot-overtaking 2s infinite cubic-bezier(0.2, 0.6, 0.8, 0.2);\n}\n\n.dot-overtaking::before, .dot-overtaking::after {\n content: '';\n display: inline-block;\n position: absolute;\n top: 0;\n left: 0;\n width: 12px;\n height: 12px;\n border-radius: 6px;\n background-color: transparent;\n color: black;\n box-shadow: 0 -20px 0 0;\n filter: blur(2px);\n}\n\n.dot-overtaking::before {\n animation: dot-overtaking 2s infinite cubic-bezier(0.2, 0.6, 0.8, 0.2);\n animation-delay: .3s;\n}\n\n.dot-overtaking::after {\n animation: dot-overtaking 1.5s infinite cubic-bezier(0.2, 0.6, 0.8, 0.2);\n animation-delay: .6s;\n}\n\n@keyframes dot-overtaking {\n 0% {\n transform: rotateZ(0deg);\n }\n 100% {\n transform: rotateZ(360deg);\n }\n}\n\n/**\n * ==============================================\n * Experimental: Gooey Effect\n * Dot Shuttle\n * ==============================================\n */\n.dot-shuttle {\n position: relative;\n left: -15px;\n width: 12px;\n height: 12px;\n border-radius: 6px;\n background-color: black;\n color: transparent;\n margin: -1px 0;\n filter: blur(2px);\n}\n\n.dot-shuttle::before, .dot-shuttle::after {\n content: '';\n display: inline-block;\n position: absolute;\n top: 0;\n width: 12px;\n height: 12px;\n border-radius: 6px;\n background-color: black;\n color: transparent;\n filter: blur(2px);\n}\n\n.dot-shuttle::before {\n left: 15px;\n animation: dot-shuttle 2s infinite ease-out;\n}\n\n.dot-shuttle::after {\n left: 30px;\n}\n\n@keyframes dot-shuttle {\n 0%,\n 50%,\n 100% {\n transform: translateX(0);\n }\n 25% {\n transform: translateX(-45px);\n }\n 75% {\n transform: translateX(45px);\n }\n}\n\n/**\n * ==============================================\n * Experimental: Emoji\n * Dot Bouncing\n * ==============================================\n */\n.dot-bouncing {\n position: relative;\n height: 10px;\n font-size: 10px;\n}\n\n.dot-bouncing::before {\n content: '⚽🏀🏐';\n display: inline-block;\n position: relative;\n animation: dot-bouncing 1s infinite;\n}\n\n@keyframes dot-bouncing {\n 0% {\n top: -20px;\n animation-timing-function: ease-in;\n }\n 34% {\n transform: scale(1, 1);\n }\n 35% {\n top: 20px;\n animation-timing-function: ease-out;\n transform: scale(1.5, 0.5);\n }\n 45% {\n transform: scale(1, 1);\n }\n 90% {\n top: -20px;\n }\n 100% {\n top: -20px;\n }\n}\n\n/**\n * ==============================================\n * Experimental: Emoji\n * Dot Rolling\n * ==============================================\n */\n.dot-rolling {\n position: relative;\n height: 10px;\n font-size: 10px;\n}\n\n.dot-rolling::before {\n content: '⚽';\n display: inline-block;\n position: relative;\n transform: translateX(-25px);\n animation: dot-rolling 3s infinite;\n}\n\n@keyframes dot-rolling {\n 0% {\n content: '⚽';\n transform: translateX(-25px) rotateZ(0deg);\n }\n 16.667% {\n content: '⚽';\n transform: translateX(25px) rotateZ(720deg);\n }\n 33.333% {\n content: '⚽';\n transform: translateX(-25px) rotateZ(0deg);\n }\n 34.333% {\n content: '🏀';\n transform: translateX(-25px) rotateZ(0deg);\n }\n 50% {\n content: '🏀';\n transform: translateX(25px) rotateZ(720deg);\n }\n 66.667% {\n content: '🏀';\n transform: translateX(-25px) rotateZ(0deg);\n }\n 67.667% {\n content: '🏐';\n transform: translateX(-25px) rotateZ(0deg);\n }\n 83.333% {\n content: '🏐';\n transform: translateX(25px) rotateZ(720deg);\n }\n 100% {\n content: '🏐';\n transform: translateX(-25px) rotateZ(0deg);\n }\n}\n"]} \ No newline at end of file diff --git a/dist/three-dots.min.css b/dist/three-dots.min.css index efa6036..56efde8 100644 --- a/dist/three-dots.min.css +++ b/dist/three-dots.min.css @@ -1,11 +1,11 @@ /*! - * three-dots - v0.2.1 + * three-dots - v0.2.2 * CSS loading animation made by single element. * https://nzbin.github.io/three-dots/ * * Copyright (c) 2018 nzbin * Released under MIT License - */.dot-elastic{position:relative;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;-webkit-animation:dot-elastic 1s infinite linear;animation:dot-elastic 1s infinite linear}.dot-elastic::before,.dot-elastic::after{content:'';display:inline-block;position:absolute;top:0}.dot-elastic::before{left:-15px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;-webkit-animation:dot-elastic-before 1s infinite linear;animation:dot-elastic-before 1s infinite linear}.dot-elastic::after{left:15px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;-webkit-animation:dot-elastic-after 1s infinite linear;animation:dot-elastic-after 1s infinite linear}@-webkit-keyframes dot-elastic-before{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 dot-elastic-before{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)}}@-webkit-keyframes dot-elastic{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 dot-elastic{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)}}@-webkit-keyframes dot-elastic-after{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)}}@keyframes dot-elastic-after{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:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;box-shadow:9999px 0 0 -5px;-webkit-animation:dot-pulse 1.5s infinite linear;animation:dot-pulse 1.5s infinite linear;-webkit-animation-delay:.25s;animation-delay:.25s}.dot-pulse::before,.dot-pulse::after{content:"";display:inline-block;position:absolute;top:0;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff}.dot-pulse::before{box-shadow:9984px 0 0 -5px;-webkit-animation:dot-pulse-before 1.5s infinite linear;animation:dot-pulse-before 1.5s infinite linear;-webkit-animation-delay:0s;animation-delay:0s}.dot-pulse::after{box-shadow:10014px 0 0 -5px;-webkit-animation:dot-pulse-after 1.5s infinite linear;animation:dot-pulse-after 1.5s infinite linear;-webkit-animation-delay:.5s;animation-delay:.5s}@-webkit-keyframes dot-pulse-before{0%{box-shadow:9984px 0 0 -5px}30%{box-shadow:9984px 0 0 2px}60%,100%{box-shadow:9984px 0 0 -5px}}@keyframes dot-pulse-before{0%{box-shadow:9984px 0 0 -5px}30%{box-shadow:9984px 0 0 2px}60%,100%{box-shadow:9984px 0 0 -5px}}@-webkit-keyframes dot-pulse{0%{box-shadow:9999px 0 0 -5px}30%{box-shadow:9999px 0 0 2px}60%,100%{box-shadow:9999px 0 0 -5px}}@keyframes dot-pulse{0%{box-shadow:9999px 0 0 -5px}30%{box-shadow:9999px 0 0 2px}60%,100%{box-shadow:9999px 0 0 -5px}}@-webkit-keyframes dot-pulse-after{0%{box-shadow:10014px 0 0 -5px}30%{box-shadow:10014px 0 0 2px}60%,100%{box-shadow:10014px 0 0 -5px}}@keyframes dot-pulse-after{0%{box-shadow:10014px 0 0 -5px}30%{box-shadow:10014px 0 0 2px}60%,100%{box-shadow:10014px 0 0 -5px}}.dot-flashing{position:relative;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;-webkit-animation:dot-flashing 1s infinite linear alternate;animation:dot-flashing 1s infinite linear alternate;-webkit-animation-delay:.5s;animation-delay:.5s}.dot-flashing::before,.dot-flashing::after{content:'';display:inline-block;position:absolute;top:0}.dot-flashing::before{left:-15px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;-webkit-animation:dot-flashing 1s infinite alternate;animation:dot-flashing 1s infinite alternate;-webkit-animation-delay:0s;animation-delay:0s}.dot-flashing::after{left:15px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;-webkit-animation:dot-flashing 1s infinite alternate;animation:dot-flashing 1s infinite alternate;-webkit-animation-delay:1s;animation-delay:1s}@-webkit-keyframes dot-flashing{0%{background-color:#9880ff}50%,100%{background-color:#ebe6ff}}@keyframes dot-flashing{0%{background-color:#9880ff}50%,100%{background-color:#ebe6ff}}.dot-collision{position:relative;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff}.dot-collision::before,.dot-collision::after{content:'';display:inline-block;position:absolute;top:0}.dot-collision::before{left:-10px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;-webkit-animation:dot-collision-before 2s infinite ease-in;animation:dot-collision-before 2s infinite ease-in}.dot-collision::after{left:10px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;-webkit-animation:dot-collision-after 2s infinite ease-in;animation:dot-collision-after 2s infinite ease-in;-webkit-animation-delay:1s;animation-delay:1s}@-webkit-keyframes dot-collision-before{0%,50%,75%,100%{transform:translateX(0)}25%{transform:translateX(-15px)}}@keyframes dot-collision-before{0%,50%,75%,100%{transform:translateX(0)}25%{transform:translateX(-15px)}}@-webkit-keyframes dot-collision-after{0%,50%,75%,100%{transform:translateX(0)}25%{transform:translateX(15px)}}@keyframes dot-collision-after{0%,50%,75%,100%{transform:translateX(0)}25%{transform:translateX(15px)}}.dot-revolution{position:relative;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff}.dot-revolution::before,.dot-revolution::after{content:'';display:inline-block;position:absolute}.dot-revolution::before{left:0;top:-15px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;transform-origin:5px 20px;-webkit-animation:dot-revolution 1.4s linear infinite;animation:dot-revolution 1.4s linear infinite}.dot-revolution::after{left:0;top:-30px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;transform-origin:5px 35px;-webkit-animation:dot-revolution 1s linear infinite;animation:dot-revolution 1s linear infinite}@-webkit-keyframes dot-revolution{0%{transform:rotateZ(0deg) translate3d(0, 0, 0)}100%{transform:rotateZ(360deg) translate3d(0, 0, 0)}}@keyframes dot-revolution{0%{transform:rotateZ(0deg) translate3d(0, 0, 0)}100%{transform:rotateZ(360deg) translate3d(0, 0, 0)}}.dot-carousel{position:relative;left:-9999px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;box-shadow:9984px 0 0 0 #9880ff,9999px 0 0 0 #9880ff,10014px 0 0 0 #9880ff;-webkit-animation:dot-carousel 1.5s infinite linear;animation:dot-carousel 1.5s infinite linear}@-webkit-keyframes dot-carousel{0%{box-shadow:9984px 0 0 -1px #9880ff,9999px 0 0 1px #9880ff,10014px 0 0 -1px #9880ff}50%{box-shadow:10014px 0 0 -1px #9880ff,9984px 0 0 -1px #9880ff,9999px 0 0 1px #9880ff}100%{box-shadow:9999px 0 0 1px #9880ff,10014px 0 0 -1px #9880ff,9984px 0 0 -1px #9880ff}}@keyframes dot-carousel{0%{box-shadow:9984px 0 0 -1px #9880ff,9999px 0 0 1px #9880ff,10014px 0 0 -1px #9880ff}50%{box-shadow:10014px 0 0 -1px #9880ff,9984px 0 0 -1px #9880ff,9999px 0 0 1px #9880ff}100%{box-shadow:9999px 0 0 1px #9880ff,10014px 0 0 -1px #9880ff,9984px 0 0 -1px #9880ff}}.dot-typing{position:relative;left:-9999px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;box-shadow:9984px 0 0 0 #9880ff,9999px 0 0 0 #9880ff,10014px 0 0 0 #9880ff;-webkit-animation:dot-typing 1.5s infinite linear;animation:dot-typing 1.5s infinite linear}@-webkit-keyframes dot-typing{0%{box-shadow:9984px 0 0 0 #9880ff,9999px 0 0 0 #9880ff,10014px 0 0 0 #9880ff}16.667%{box-shadow:9984px -10px 0 0 #9880ff,9999px 0 0 0 #9880ff,10014px 0 0 0 #9880ff}33.333%{box-shadow:9984px 0 0 0 #9880ff,9999px 0 0 0 #9880ff,10014px 0 0 0 #9880ff}50%{box-shadow:9984px 0 0 0 #9880ff,9999px -10px 0 0 #9880ff,10014px 0 0 0 #9880ff}66.667%{box-shadow:9984px 0 0 0 #9880ff,9999px 0 0 0 #9880ff,10014px 0 0 0 #9880ff}83.333%{box-shadow:9984px 0 0 0 #9880ff,9999px 0 0 0 #9880ff,10014px -10px 0 0 #9880ff}100%{box-shadow:9984px 0 0 0 #9880ff,9999px 0 0 0 #9880ff,10014px 0 0 0 #9880ff}}@keyframes dot-typing{0%{box-shadow:9984px 0 0 0 #9880ff,9999px 0 0 0 #9880ff,10014px 0 0 0 #9880ff}16.667%{box-shadow:9984px -10px 0 0 #9880ff,9999px 0 0 0 #9880ff,10014px 0 0 0 #9880ff}33.333%{box-shadow:9984px 0 0 0 #9880ff,9999px 0 0 0 #9880ff,10014px 0 0 0 #9880ff}50%{box-shadow:9984px 0 0 0 #9880ff,9999px -10px 0 0 #9880ff,10014px 0 0 0 #9880ff}66.667%{box-shadow:9984px 0 0 0 #9880ff,9999px 0 0 0 #9880ff,10014px 0 0 0 #9880ff}83.333%{box-shadow:9984px 0 0 0 #9880ff,9999px 0 0 0 #9880ff,10014px -10px 0 0 #9880ff}100%{box-shadow:9984px 0 0 0 #9880ff,9999px 0 0 0 #9880ff,10014px 0 0 0 #9880ff}}.dot-windmill{position:relative;top:-10px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;transform-origin:5px 15px;-webkit-animation:dot-windmill 2s infinite linear;animation:dot-windmill 2s infinite linear}.dot-windmill::before,.dot-windmill::after{content:'';display:inline-block;position:absolute}.dot-windmill::before{left:-8.66px;top:15px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff}.dot-windmill::after{left:8.66px;top:15px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff}@-webkit-keyframes dot-windmill{0%{transform:rotateZ(0deg) translate3d(0, 0, 0)}100%{transform:rotateZ(720deg) translate3d(0, 0, 0)}}@keyframes dot-windmill{0%{transform:rotateZ(0deg) translate3d(0, 0, 0)}100%{transform:rotateZ(720deg) translate3d(0, 0, 0)}}.dot-bricks{position:relative;top:8px;left:-9999px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;box-shadow:9991px -16px 0 0 #9880ff,9991px 0 0 0 #9880ff,10007px 0 0 0 #9880ff;-webkit-animation:dot-bricks 2s infinite ease;animation:dot-bricks 2s infinite ease}@-webkit-keyframes dot-bricks{0%{box-shadow:9991px -16px 0 0 #9880ff,9991px 0 0 0 #9880ff,10007px 0 0 0 #9880ff}8.333%{box-shadow:10007px -16px 0 0 #9880ff,9991px 0 0 0 #9880ff,10007px 0 0 0 #9880ff}16.667%{box-shadow:10007px -16px 0 0 #9880ff,9991px -16px 0 0 #9880ff,10007px 0 0 0 #9880ff}25%{box-shadow:10007px -16px 0 0 #9880ff,9991px -16px 0 0 #9880ff,9991px 0 0 0 #9880ff}33.333%{box-shadow:10007px 0 0 0 #9880ff,9991px -16px 0 0 #9880ff,9991px 0 0 0 #9880ff}41.667%{box-shadow:10007px 0 0 0 #9880ff,10007px -16px 0 0 #9880ff,9991px 0 0 0 #9880ff}50%{box-shadow:10007px 0 0 0 #9880ff,10007px -16px 0 0 #9880ff,9991px -16px 0 0 #9880ff}58.333%{box-shadow:9991px 0 0 0 #9880ff,10007px -16px 0 0 #9880ff,9991px -16px 0 0 #9880ff}66.666%{box-shadow:9991px 0 0 0 #9880ff,10007px 0 0 0 #9880ff,9991px -16px 0 0 #9880ff}75%{box-shadow:9991px 0 0 0 #9880ff,10007px 0 0 0 #9880ff,10007px -16px 0 0 #9880ff}83.333%{box-shadow:9991px -16px 0 0 #9880ff,10007px 0 0 0 #9880ff,10007px -16px 0 0 #9880ff}91.667%{box-shadow:9991px -16px 0 0 #9880ff,9991px 0 0 0 #9880ff,10007px -16px 0 0 #9880ff}100%{box-shadow:9991px -16px 0 0 #9880ff,9991px 0 0 0 #9880ff,10007px 0 0 0 #9880ff}}@keyframes dot-bricks{0%{box-shadow:9991px -16px 0 0 #9880ff,9991px 0 0 0 #9880ff,10007px 0 0 0 #9880ff}8.333%{box-shadow:10007px -16px 0 0 #9880ff,9991px 0 0 0 #9880ff,10007px 0 0 0 #9880ff}16.667%{box-shadow:10007px -16px 0 0 #9880ff,9991px -16px 0 0 #9880ff,10007px 0 0 0 #9880ff}25%{box-shadow:10007px -16px 0 0 #9880ff,9991px -16px 0 0 #9880ff,9991px 0 0 0 #9880ff}33.333%{box-shadow:10007px 0 0 0 #9880ff,9991px -16px 0 0 #9880ff,9991px 0 0 0 #9880ff}41.667%{box-shadow:10007px 0 0 0 #9880ff,10007px -16px 0 0 #9880ff,9991px 0 0 0 #9880ff}50%{box-shadow:10007px 0 0 0 #9880ff,10007px -16px 0 0 #9880ff,9991px -16px 0 0 #9880ff}58.333%{box-shadow:9991px 0 0 0 #9880ff,10007px -16px 0 0 #9880ff,9991px -16px 0 0 #9880ff}66.666%{box-shadow:9991px 0 0 0 #9880ff,10007px 0 0 0 #9880ff,9991px -16px 0 0 #9880ff}75%{box-shadow:9991px 0 0 0 #9880ff,10007px 0 0 0 #9880ff,10007px -16px 0 0 #9880ff}83.333%{box-shadow:9991px -16px 0 0 #9880ff,10007px 0 0 0 #9880ff,10007px -16px 0 0 #9880ff}91.667%{box-shadow:9991px -16px 0 0 #9880ff,9991px 0 0 0 #9880ff,10007px -16px 0 0 #9880ff}100%{box-shadow:9991px -16px 0 0 #9880ff,9991px 0 0 0 #9880ff,10007px 0 0 0 #9880ff}}.dot-floating{position:relative;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;-webkit-animation:dot-floating 3s infinite cubic-bezier(0.15, 0.6, 0.9, 0.1);animation:dot-floating 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:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;-webkit-animation:dot-floating-before 3s infinite ease-in-out;animation:dot-floating-before 3s infinite ease-in-out}.dot-floating::after{left:-24px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;-webkit-animation:dot-floating-after 3s infinite cubic-bezier(0.4, 0, 1, 1);animation:dot-floating-after 3s infinite cubic-bezier(0.4, 0, 1, 1)}@-webkit-keyframes dot-floating{0%{left:calc(-50% - 5px)}75%{left:calc(50% + 105px)}100%{left:calc(50% + 105px)}}@keyframes dot-floating{0%{left:calc(-50% - 5px)}75%{left:calc(50% + 105px)}100%{left:calc(50% + 105px)}}@-webkit-keyframes dot-floating-before{0%{left:-50px}50%{left:-12px}75%{left:-50px}100%{left:-50px}}@keyframes dot-floating-before{0%{left:-50px}50%{left:-12px}75%{left:-50px}100%{left:-50px}}@-webkit-keyframes dot-floating-after{0%{left:-100px}50%{left:-24px}75%{left:-100px}100%{left:-100px}}@keyframes dot-floating-after{0%{left:-100px}50%{left:-24px}75%{left:-100px}100%{left:-100px}}.dot-fire{position:relative;left:-9999px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;box-shadow:9999px 22.5px 0 -5px #9880ff;-webkit-animation:dot-fire 1.5s infinite linear;animation:dot-fire 1.5s infinite linear;-webkit-animation-delay:-.85s;animation-delay:-.85s}.dot-fire::before,.dot-fire::after{content:'';display:inline-block;position:absolute;top:0;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff}.dot-fire::before{box-shadow:9999px 22.5px 0 -5px #9880ff;-webkit-animation:dot-fire 1.5s infinite linear;animation:dot-fire 1.5s infinite linear;-webkit-animation-delay:-1.85s;animation-delay:-1.85s}.dot-fire::after{box-shadow:9999px 22.5px 0 -5px #9880ff;-webkit-animation:dot-fire 1.5s infinite linear;animation:dot-fire 1.5s infinite linear;-webkit-animation-delay:-2.85s;animation-delay:-2.85s}@-webkit-keyframes dot-fire{1%{box-shadow:9999px 22.5px 0 -5px #9880ff}50%{box-shadow:9999px -5.625px 0 2px #9880ff}100%{box-shadow:9999px -22.5px 0 -5px #9880ff}}@keyframes dot-fire{1%{box-shadow:9999px 22.5px 0 -5px #9880ff}50%{box-shadow:9999px -5.625px 0 2px #9880ff}100%{box-shadow:9999px -22.5px 0 -5px #9880ff}}.dot-spin{position:relative;width:10px;height:10px;border-radius:5px;background-color:rgba(0,0,0,0);color:rgba(0,0,0,0);box-shadow:0 -18px 0 0 #9880ff,12.72984px -12.72984px 0 0 #9880ff,18px 0 0 0 #9880ff,12.72984px 12.72984px 0 0 rgba(152,128,255,0),0 18px 0 0 rgba(152,128,255,0),-12.72984px 12.72984px 0 0 rgba(152,128,255,0),-18px 0 0 0 rgba(152,128,255,0),-12.72984px -12.72984px 0 0 rgba(152,128,255,0);-webkit-animation:dot-spin 1.5s infinite linear;animation:dot-spin 1.5s infinite linear}@-webkit-keyframes dot-spin{0%,100%{box-shadow:0 -18px 0 0 #9880ff,12.72984px -12.72984px 0 0 #9880ff,18px 0 0 0 #9880ff,12.72984px 12.72984px 0 -5px rgba(152,128,255,0),0 18px 0 -5px rgba(152,128,255,0),-12.72984px 12.72984px 0 -5px rgba(152,128,255,0),-18px 0 0 -5px rgba(152,128,255,0),-12.72984px -12.72984px 0 -5px rgba(152,128,255,0)}12.5%{box-shadow:0 -18px 0 -5px rgba(152,128,255,0),12.72984px -12.72984px 0 0 #9880ff,18px 0 0 0 #9880ff,12.72984px 12.72984px 0 0 #9880ff,0 18px 0 -5px rgba(152,128,255,0),-12.72984px 12.72984px 0 -5px rgba(152,128,255,0),-18px 0 0 -5px rgba(152,128,255,0),-12.72984px -12.72984px 0 -5px rgba(152,128,255,0)}25%{box-shadow:0 -18px 0 -5px rgba(152,128,255,0),12.72984px -12.72984px 0 -5px rgba(152,128,255,0),18px 0 0 0 #9880ff,12.72984px 12.72984px 0 0 #9880ff,0 18px 0 0 #9880ff,-12.72984px 12.72984px 0 -5px rgba(152,128,255,0),-18px 0 0 -5px rgba(152,128,255,0),-12.72984px -12.72984px 0 -5px rgba(152,128,255,0)}37.5%{box-shadow:0 -18px 0 -5px rgba(152,128,255,0),12.72984px -12.72984px 0 -5px rgba(152,128,255,0),18px 0 0 -5px rgba(152,128,255,0),12.72984px 12.72984px 0 0 #9880ff,0 18px 0 0 #9880ff,-12.72984px 12.72984px 0 0 #9880ff,-18px 0 0 -5px rgba(152,128,255,0),-12.72984px -12.72984px 0 -5px rgba(152,128,255,0)}50%{box-shadow:0 -18px 0 -5px rgba(152,128,255,0),12.72984px -12.72984px 0 -5px rgba(152,128,255,0),18px 0 0 -5px rgba(152,128,255,0),12.72984px 12.72984px 0 -5px rgba(152,128,255,0),0 18px 0 0 #9880ff,-12.72984px 12.72984px 0 0 #9880ff,-18px 0 0 0 #9880ff,-12.72984px -12.72984px 0 -5px rgba(152,128,255,0)}62.5%{box-shadow:0 -18px 0 -5px rgba(152,128,255,0),12.72984px -12.72984px 0 -5px rgba(152,128,255,0),18px 0 0 -5px rgba(152,128,255,0),12.72984px 12.72984px 0 -5px rgba(152,128,255,0),0 18px 0 -5px rgba(152,128,255,0),-12.72984px 12.72984px 0 0 #9880ff,-18px 0 0 0 #9880ff,-12.72984px -12.72984px 0 0 #9880ff}75%{box-shadow:0 -18px 0 0 #9880ff,12.72984px -12.72984px 0 -5px rgba(152,128,255,0),18px 0 0 -5px rgba(152,128,255,0),12.72984px 12.72984px 0 -5px rgba(152,128,255,0),0 18px 0 -5px rgba(152,128,255,0),-12.72984px 12.72984px 0 -5px rgba(152,128,255,0),-18px 0 0 0 #9880ff,-12.72984px -12.72984px 0 0 #9880ff}87.5%{box-shadow:0 -18px 0 0 #9880ff,12.72984px -12.72984px 0 0 #9880ff,18px 0 0 -5px rgba(152,128,255,0),12.72984px 12.72984px 0 -5px rgba(152,128,255,0),0 18px 0 -5px rgba(152,128,255,0),-12.72984px 12.72984px 0 -5px rgba(152,128,255,0),-18px 0 0 -5px rgba(152,128,255,0),-12.72984px -12.72984px 0 0 #9880ff}}@keyframes dot-spin{0%,100%{box-shadow:0 -18px 0 0 #9880ff,12.72984px -12.72984px 0 0 #9880ff,18px 0 0 0 #9880ff,12.72984px 12.72984px 0 -5px rgba(152,128,255,0),0 18px 0 -5px rgba(152,128,255,0),-12.72984px 12.72984px 0 -5px rgba(152,128,255,0),-18px 0 0 -5px rgba(152,128,255,0),-12.72984px -12.72984px 0 -5px rgba(152,128,255,0)}12.5%{box-shadow:0 -18px 0 -5px rgba(152,128,255,0),12.72984px -12.72984px 0 0 #9880ff,18px 0 0 0 #9880ff,12.72984px 12.72984px 0 0 #9880ff,0 18px 0 -5px rgba(152,128,255,0),-12.72984px 12.72984px 0 -5px rgba(152,128,255,0),-18px 0 0 -5px rgba(152,128,255,0),-12.72984px -12.72984px 0 -5px rgba(152,128,255,0)}25%{box-shadow:0 -18px 0 -5px rgba(152,128,255,0),12.72984px -12.72984px 0 -5px rgba(152,128,255,0),18px 0 0 0 #9880ff,12.72984px 12.72984px 0 0 #9880ff,0 18px 0 0 #9880ff,-12.72984px 12.72984px 0 -5px rgba(152,128,255,0),-18px 0 0 -5px rgba(152,128,255,0),-12.72984px -12.72984px 0 -5px rgba(152,128,255,0)}37.5%{box-shadow:0 -18px 0 -5px rgba(152,128,255,0),12.72984px -12.72984px 0 -5px rgba(152,128,255,0),18px 0 0 -5px rgba(152,128,255,0),12.72984px 12.72984px 0 0 #9880ff,0 18px 0 0 #9880ff,-12.72984px 12.72984px 0 0 #9880ff,-18px 0 0 -5px rgba(152,128,255,0),-12.72984px -12.72984px 0 -5px rgba(152,128,255,0)}50%{box-shadow:0 -18px 0 -5px rgba(152,128,255,0),12.72984px -12.72984px 0 -5px rgba(152,128,255,0),18px 0 0 -5px rgba(152,128,255,0),12.72984px 12.72984px 0 -5px rgba(152,128,255,0),0 18px 0 0 #9880ff,-12.72984px 12.72984px 0 0 #9880ff,-18px 0 0 0 #9880ff,-12.72984px -12.72984px 0 -5px rgba(152,128,255,0)}62.5%{box-shadow:0 -18px 0 -5px rgba(152,128,255,0),12.72984px -12.72984px 0 -5px rgba(152,128,255,0),18px 0 0 -5px rgba(152,128,255,0),12.72984px 12.72984px 0 -5px rgba(152,128,255,0),0 18px 0 -5px rgba(152,128,255,0),-12.72984px 12.72984px 0 0 #9880ff,-18px 0 0 0 #9880ff,-12.72984px -12.72984px 0 0 #9880ff}75%{box-shadow:0 -18px 0 0 #9880ff,12.72984px -12.72984px 0 -5px rgba(152,128,255,0),18px 0 0 -5px rgba(152,128,255,0),12.72984px 12.72984px 0 -5px rgba(152,128,255,0),0 18px 0 -5px rgba(152,128,255,0),-12.72984px 12.72984px 0 -5px rgba(152,128,255,0),-18px 0 0 0 #9880ff,-12.72984px -12.72984px 0 0 #9880ff}87.5%{box-shadow:0 -18px 0 0 #9880ff,12.72984px -12.72984px 0 0 #9880ff,18px 0 0 -5px rgba(152,128,255,0),12.72984px 12.72984px 0 -5px rgba(152,128,255,0),0 18px 0 -5px rgba(152,128,255,0),-12.72984px 12.72984px 0 -5px rgba(152,128,255,0),-18px 0 0 -5px rgba(152,128,255,0),-12.72984px -12.72984px 0 0 #9880ff}}.dot-falling{position:relative;left:-9999px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;box-shadow:9999px 0 0 0 #9880ff;-webkit-animation:dot-falling 1s infinite linear;animation:dot-falling 1s infinite linear;-webkit-animation-delay:.1s;animation-delay:.1s}.dot-falling::before,.dot-falling::after{content:'';display:inline-block;position:absolute;top:0}.dot-falling::before{width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;-webkit-animation:dot-falling-before 1s infinite linear;animation:dot-falling-before 1s infinite linear;-webkit-animation-delay:0s;animation-delay:0s}.dot-falling::after{width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;-webkit-animation:dot-falling-after 1s infinite linear;animation:dot-falling-after 1s infinite linear;-webkit-animation-delay:.2s;animation-delay:.2s}@-webkit-keyframes dot-falling{0%{box-shadow:9999px -15px 0 0 rgba(152,128,255,0)}25%,50%,75%{box-shadow:9999px 0 0 0 #9880ff}100%{box-shadow:9999px 15px 0 0 rgba(152,128,255,0)}}@keyframes dot-falling{0%{box-shadow:9999px -15px 0 0 rgba(152,128,255,0)}25%,50%,75%{box-shadow:9999px 0 0 0 #9880ff}100%{box-shadow:9999px 15px 0 0 rgba(152,128,255,0)}}@-webkit-keyframes dot-falling-before{0%{box-shadow:9984px -15px 0 0 rgba(152,128,255,0)}25%,50%,75%{box-shadow:9984px 0 0 0 #9880ff}100%{box-shadow:9984px 15px 0 0 rgba(152,128,255,0)}}@keyframes dot-falling-before{0%{box-shadow:9984px -15px 0 0 rgba(152,128,255,0)}25%,50%,75%{box-shadow:9984px 0 0 0 #9880ff}100%{box-shadow:9984px 15px 0 0 rgba(152,128,255,0)}}@-webkit-keyframes dot-falling-after{0%{box-shadow:10014px -15px 0 0 rgba(152,128,255,0)}25%,50%,75%{box-shadow:10014px 0 0 0 #9880ff}100%{box-shadow:10014px 15px 0 0 rgba(152,128,255,0)}}@keyframes dot-falling-after{0%{box-shadow:10014px -15px 0 0 rgba(152,128,255,0)}25%,50%,75%{box-shadow:10014px 0 0 0 #9880ff}100%{box-shadow:10014px 15px 0 0 rgba(152,128,255,0)}}.dot-stretching{position:relative;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;transform:scale(1.25, 1.25);-webkit-animation:dot-stretching 2s infinite ease-in;animation:dot-stretching 2s infinite ease-in}.dot-stretching::before,.dot-stretching::after{content:'';display:inline-block;position:absolute;top:0}.dot-stretching::before{width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;-webkit-animation:dot-stretching-before 2s infinite ease-in;animation:dot-stretching-before 2s infinite ease-in}.dot-stretching::after{width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;-webkit-animation:dot-stretching-after 2s infinite ease-in;animation:dot-stretching-after 2s infinite ease-in}@-webkit-keyframes dot-stretching{0%{transform:scale(1.25, 1.25)}50%,60%{transform:scale(.8, .8)}100%{transform:scale(1.25, 1.25)}}@keyframes dot-stretching{0%{transform:scale(1.25, 1.25)}50%,60%{transform:scale(.8, .8)}100%{transform:scale(1.25, 1.25)}}@-webkit-keyframes dot-stretching-before{0%{transform:translate(0) scale(.7, .7)}50%,60%{transform:translate(-20px) scale(1, 1)}100%{transform:translate(0) scale(.7, .7)}}@keyframes dot-stretching-before{0%{transform:translate(0) scale(.7, .7)}50%,60%{transform:translate(-20px) scale(1, 1)}100%{transform:translate(0) scale(.7, .7)}}@-webkit-keyframes dot-stretching-after{0%{transform:translate(0) scale(.7, .7)}50%,60%{transform:translate(20px) scale(1, 1)}100%{transform:translate(0) scale(.7, .7)}}@keyframes dot-stretching-after{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:rgba(0,0,0,0);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:rgba(0,0,0,0);opacity:0;filter:blur(2px);-webkit-animation:dot-gathering 2s infinite ease-in;animation:dot-gathering 2s infinite ease-in}.dot-gathering::after{-webkit-animation-delay:.5s;animation-delay:.5s}@-webkit-keyframes dot-gathering{0%{opacity:0;transform:translateX(0)}35%,60%{opacity:1;transform:translateX(50px)}100%{opacity:0;transform:translateX(100px)}}@keyframes dot-gathering{0%{opacity:0;transform:translateX(0)}35%,60%{opacity:1;transform:translateX(50px)}100%{opacity:0;transform:translateX(100px)}}.dot-hourglass{position:relative;top:-15px;width:12px;height:12px;border-radius:6px;background-color:#000;color:rgba(0,0,0,0);margin:-1px 0;filter:blur(2px);transform-origin:5px 20px;-webkit-animation:dot-hourglass 2.4s infinite ease-in-out;animation:dot-hourglass 2.4s infinite ease-in-out;-webkit-animation-delay:.6s;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:rgba(0,0,0,0);filter:blur(2px)}.dot-hourglass::before{top:30px}.dot-hourglass::after{-webkit-animation:dot-hourglass-after 2.4s infinite cubic-bezier(0.65, 0.05, 0.36, 1);animation:dot-hourglass-after 2.4s infinite cubic-bezier(0.65, 0.05, 0.36, 1)}@-webkit-keyframes dot-hourglass{0%{transform:rotateZ(0deg)}25%{transform:rotateZ(180deg)}50%{transform:rotateZ(180deg)}75%{transform:rotateZ(360deg)}100%{transform:rotateZ(360deg)}}@keyframes dot-hourglass{0%{transform:rotateZ(0deg)}25%{transform:rotateZ(180deg)}50%{transform:rotateZ(180deg)}75%{transform:rotateZ(360deg)}100%{transform:rotateZ(360deg)}}@-webkit-keyframes dot-hourglass-after{0%{transform:translateY(0)}25%{transform:translateY(30px)}50%{transform:translateY(30px)}75%{transform:translateY(0)}100%{transform:translateY(0)}}@keyframes dot-hourglass-after{0%{transform:translateY(0)}25%{transform:translateY(30px)}50%{transform:translateY(30px)}75%{transform:translateY(0)}100%{transform:translateY(0)}}.dot-overtaking{position:relative;width:12px;height:12px;border-radius:6px;background-color:rgba(0,0,0,0);color:#000;margin:-1px 0;box-shadow:0 -20px 0 0;filter:blur(2px);-webkit-animation:dot-overtaking 2s infinite cubic-bezier(0.2, 0.6, 0.8, 0.2);animation:dot-overtaking 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:rgba(0,0,0,0);color:#000;box-shadow:0 -20px 0 0;filter:blur(2px)}.dot-overtaking::before{-webkit-animation:dot-overtaking 2s infinite cubic-bezier(0.2, 0.6, 0.8, 0.2);animation:dot-overtaking 2s infinite cubic-bezier(0.2, 0.6, 0.8, 0.2);-webkit-animation-delay:.3s;animation-delay:.3s}.dot-overtaking::after{-webkit-animation:dot-overtaking 1.5s infinite cubic-bezier(0.2, 0.6, 0.8, 0.2);animation:dot-overtaking 1.5s infinite cubic-bezier(0.2, 0.6, 0.8, 0.2);-webkit-animation-delay:.6s;animation-delay:.6s}@-webkit-keyframes dot-overtaking{0%{transform:rotateZ(0deg)}100%{transform:rotateZ(360deg)}}@keyframes dot-overtaking{0%{transform:rotateZ(0deg)}100%{transform:rotateZ(360deg)}}.dot-shuttle{position:relative;left:-15px;width:12px;height:12px;border-radius:6px;background-color:#000;color:rgba(0,0,0,0);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:rgba(0,0,0,0);filter:blur(2px)}.dot-shuttle::before{left:15px;-webkit-animation:dot-shuttle 2s infinite ease-out;animation:dot-shuttle 2s infinite ease-out}.dot-shuttle::after{left:30px}@-webkit-keyframes dot-shuttle{0%,50%,100%{transform:translateX(0)}25%{transform:translateX(-45px)}75%{transform:translateX(45px)}}@keyframes dot-shuttle{0%,50%,100%{transform:translateX(0)}25%{transform:translateX(-45px)}75%{transform:translateX(45px)}}.dot-bouncing{position:relative;height:10px;font-size:10px}.dot-bouncing::before{content:'⚽🏀🏐';display:inline-block;position:relative;-webkit-animation:dot-bouncing 1s infinite;animation:dot-bouncing 1s infinite}@-webkit-keyframes dot-bouncing{0%{top:-20px;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}34%{transform:scale(1, 1)}35%{top:20px;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;transform:scale(1.5, 0.5)}45%{transform:scale(1, 1)}90%{top:-20px}100%{top:-20px}}@keyframes dot-bouncing{0%{top:-20px;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}34%{transform:scale(1, 1)}35%{top:20px;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;transform:scale(1.5, 0.5)}45%{transform:scale(1, 1)}90%{top:-20px}100%{top:-20px}}.dot-rolling{position:relative;height:10px;font-size:10px}.dot-rolling::before{content:'⚽';display:inline-block;position:relative;transform:translateX(-25px);-webkit-animation:dot-rolling 3s infinite;animation:dot-rolling 3s infinite}@-webkit-keyframes dot-rolling{0%{content:'⚽';transform:translateX(-25px) rotateZ(0deg)}16.667%{content:'⚽';transform:translateX(25px) rotateZ(720deg)}33.333%{content:'⚽';transform:translateX(-25px) rotateZ(0deg)}34.333%{content:'🏀';transform:translateX(-25px) rotateZ(0deg)}50%{content:'🏀';transform:translateX(25px) rotateZ(720deg)}66.667%{content:'🏀';transform:translateX(-25px) rotateZ(0deg)}67.667%{content:'🏐';transform:translateX(-25px) rotateZ(0deg)}83.333%{content:'🏐';transform:translateX(25px) rotateZ(720deg)}100%{content:'🏐';transform:translateX(-25px) rotateZ(0deg)}}@keyframes dot-rolling{0%{content:'⚽';transform:translateX(-25px) rotateZ(0deg)}16.667%{content:'⚽';transform:translateX(25px) rotateZ(720deg)}33.333%{content:'⚽';transform:translateX(-25px) rotateZ(0deg)}34.333%{content:'🏀';transform:translateX(-25px) rotateZ(0deg)}50%{content:'🏀';transform:translateX(25px) rotateZ(720deg)}66.667%{content:'🏀';transform:translateX(-25px) rotateZ(0deg)}67.667%{content:'🏐';transform:translateX(-25px) rotateZ(0deg)}83.333%{content:'🏐';transform:translateX(25px) rotateZ(720deg)}100%{content:'🏐';transform:translateX(-25px) rotateZ(0deg)}} + */.dot-elastic{position:relative;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;-webkit-animation:dot-elastic 1s infinite linear;animation:dot-elastic 1s infinite linear}.dot-elastic::before,.dot-elastic::after{content:'';display:inline-block;position:absolute;top:0}.dot-elastic::before{left:-15px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;-webkit-animation:dot-elastic-before 1s infinite linear;animation:dot-elastic-before 1s infinite linear}.dot-elastic::after{left:15px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;-webkit-animation:dot-elastic-after 1s infinite linear;animation:dot-elastic-after 1s infinite linear}@-webkit-keyframes dot-elastic-before{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 dot-elastic-before{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)}}@-webkit-keyframes dot-elastic{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 dot-elastic{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)}}@-webkit-keyframes dot-elastic-after{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)}}@keyframes dot-elastic-after{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:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;box-shadow:9999px 0 0 -5px;-webkit-animation:dot-pulse 1.5s infinite linear;animation:dot-pulse 1.5s infinite linear;-webkit-animation-delay:.25s;animation-delay:.25s}.dot-pulse::before,.dot-pulse::after{content:"";display:inline-block;position:absolute;top:0;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff}.dot-pulse::before{box-shadow:9984px 0 0 -5px;-webkit-animation:dot-pulse-before 1.5s infinite linear;animation:dot-pulse-before 1.5s infinite linear;-webkit-animation-delay:0s;animation-delay:0s}.dot-pulse::after{box-shadow:10014px 0 0 -5px;-webkit-animation:dot-pulse-after 1.5s infinite linear;animation:dot-pulse-after 1.5s infinite linear;-webkit-animation-delay:.5s;animation-delay:.5s}@-webkit-keyframes dot-pulse-before{0%{box-shadow:9984px 0 0 -5px}30%{box-shadow:9984px 0 0 2px}60%,100%{box-shadow:9984px 0 0 -5px}}@keyframes dot-pulse-before{0%{box-shadow:9984px 0 0 -5px}30%{box-shadow:9984px 0 0 2px}60%,100%{box-shadow:9984px 0 0 -5px}}@-webkit-keyframes dot-pulse{0%{box-shadow:9999px 0 0 -5px}30%{box-shadow:9999px 0 0 2px}60%,100%{box-shadow:9999px 0 0 -5px}}@keyframes dot-pulse{0%{box-shadow:9999px 0 0 -5px}30%{box-shadow:9999px 0 0 2px}60%,100%{box-shadow:9999px 0 0 -5px}}@-webkit-keyframes dot-pulse-after{0%{box-shadow:10014px 0 0 -5px}30%{box-shadow:10014px 0 0 2px}60%,100%{box-shadow:10014px 0 0 -5px}}@keyframes dot-pulse-after{0%{box-shadow:10014px 0 0 -5px}30%{box-shadow:10014px 0 0 2px}60%,100%{box-shadow:10014px 0 0 -5px}}.dot-flashing{position:relative;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;-webkit-animation:dot-flashing 1s infinite linear alternate;animation:dot-flashing 1s infinite linear alternate;-webkit-animation-delay:.5s;animation-delay:.5s}.dot-flashing::before,.dot-flashing::after{content:'';display:inline-block;position:absolute;top:0}.dot-flashing::before{left:-15px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;-webkit-animation:dot-flashing 1s infinite alternate;animation:dot-flashing 1s infinite alternate;-webkit-animation-delay:0s;animation-delay:0s}.dot-flashing::after{left:15px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;-webkit-animation:dot-flashing 1s infinite alternate;animation:dot-flashing 1s infinite alternate;-webkit-animation-delay:1s;animation-delay:1s}@-webkit-keyframes dot-flashing{0%{background-color:#9880ff}50%,100%{background-color:#ebe6ff}}@keyframes dot-flashing{0%{background-color:#9880ff}50%,100%{background-color:#ebe6ff}}.dot-collision{position:relative;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff}.dot-collision::before,.dot-collision::after{content:'';display:inline-block;position:absolute;top:0}.dot-collision::before{left:-10px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;-webkit-animation:dot-collision-before 2s infinite ease-in;animation:dot-collision-before 2s infinite ease-in}.dot-collision::after{left:10px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;-webkit-animation:dot-collision-after 2s infinite ease-in;animation:dot-collision-after 2s infinite ease-in;-webkit-animation-delay:1s;animation-delay:1s}@-webkit-keyframes dot-collision-before{0%,50%,75%,100%{transform:translateX(0)}25%{transform:translateX(-15px)}}@keyframes dot-collision-before{0%,50%,75%,100%{transform:translateX(0)}25%{transform:translateX(-15px)}}@-webkit-keyframes dot-collision-after{0%,50%,75%,100%{transform:translateX(0)}25%{transform:translateX(15px)}}@keyframes dot-collision-after{0%,50%,75%,100%{transform:translateX(0)}25%{transform:translateX(15px)}}.dot-revolution{position:relative;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff}.dot-revolution::before,.dot-revolution::after{content:'';display:inline-block;position:absolute}.dot-revolution::before{left:0;top:-15px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;transform-origin:5px 20px;-webkit-animation:dot-revolution 1.4s linear infinite;animation:dot-revolution 1.4s linear infinite}.dot-revolution::after{left:0;top:-30px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;transform-origin:5px 35px;-webkit-animation:dot-revolution 1s linear infinite;animation:dot-revolution 1s linear infinite}@-webkit-keyframes dot-revolution{0%{transform:rotateZ(0deg) translate3d(0, 0, 0)}100%{transform:rotateZ(360deg) translate3d(0, 0, 0)}}@keyframes dot-revolution{0%{transform:rotateZ(0deg) translate3d(0, 0, 0)}100%{transform:rotateZ(360deg) translate3d(0, 0, 0)}}.dot-carousel{position:relative;left:-9999px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;box-shadow:9984px 0 0 0 #9880ff,9999px 0 0 0 #9880ff,10014px 0 0 0 #9880ff;-webkit-animation:dot-carousel 1.5s infinite linear;animation:dot-carousel 1.5s infinite linear}@-webkit-keyframes dot-carousel{0%{box-shadow:9984px 0 0 -1px #9880ff,9999px 0 0 1px #9880ff,10014px 0 0 -1px #9880ff}50%{box-shadow:10014px 0 0 -1px #9880ff,9984px 0 0 -1px #9880ff,9999px 0 0 1px #9880ff}100%{box-shadow:9999px 0 0 1px #9880ff,10014px 0 0 -1px #9880ff,9984px 0 0 -1px #9880ff}}@keyframes dot-carousel{0%{box-shadow:9984px 0 0 -1px #9880ff,9999px 0 0 1px #9880ff,10014px 0 0 -1px #9880ff}50%{box-shadow:10014px 0 0 -1px #9880ff,9984px 0 0 -1px #9880ff,9999px 0 0 1px #9880ff}100%{box-shadow:9999px 0 0 1px #9880ff,10014px 0 0 -1px #9880ff,9984px 0 0 -1px #9880ff}}.dot-typing{position:relative;left:-9999px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;box-shadow:9984px 0 0 0 #9880ff,9999px 0 0 0 #9880ff,10014px 0 0 0 #9880ff;-webkit-animation:dot-typing 1.5s infinite linear;animation:dot-typing 1.5s infinite linear}@-webkit-keyframes dot-typing{0%{box-shadow:9984px 0 0 0 #9880ff,9999px 0 0 0 #9880ff,10014px 0 0 0 #9880ff}16.667%{box-shadow:9984px -10px 0 0 #9880ff,9999px 0 0 0 #9880ff,10014px 0 0 0 #9880ff}33.333%{box-shadow:9984px 0 0 0 #9880ff,9999px 0 0 0 #9880ff,10014px 0 0 0 #9880ff}50%{box-shadow:9984px 0 0 0 #9880ff,9999px -10px 0 0 #9880ff,10014px 0 0 0 #9880ff}66.667%{box-shadow:9984px 0 0 0 #9880ff,9999px 0 0 0 #9880ff,10014px 0 0 0 #9880ff}83.333%{box-shadow:9984px 0 0 0 #9880ff,9999px 0 0 0 #9880ff,10014px -10px 0 0 #9880ff}100%{box-shadow:9984px 0 0 0 #9880ff,9999px 0 0 0 #9880ff,10014px 0 0 0 #9880ff}}@keyframes dot-typing{0%{box-shadow:9984px 0 0 0 #9880ff,9999px 0 0 0 #9880ff,10014px 0 0 0 #9880ff}16.667%{box-shadow:9984px -10px 0 0 #9880ff,9999px 0 0 0 #9880ff,10014px 0 0 0 #9880ff}33.333%{box-shadow:9984px 0 0 0 #9880ff,9999px 0 0 0 #9880ff,10014px 0 0 0 #9880ff}50%{box-shadow:9984px 0 0 0 #9880ff,9999px -10px 0 0 #9880ff,10014px 0 0 0 #9880ff}66.667%{box-shadow:9984px 0 0 0 #9880ff,9999px 0 0 0 #9880ff,10014px 0 0 0 #9880ff}83.333%{box-shadow:9984px 0 0 0 #9880ff,9999px 0 0 0 #9880ff,10014px -10px 0 0 #9880ff}100%{box-shadow:9984px 0 0 0 #9880ff,9999px 0 0 0 #9880ff,10014px 0 0 0 #9880ff}}.dot-windmill{position:relative;top:-10px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;transform-origin:5px 15px;-webkit-animation:dot-windmill 2s infinite linear;animation:dot-windmill 2s infinite linear}.dot-windmill::before,.dot-windmill::after{content:'';display:inline-block;position:absolute}.dot-windmill::before{left:-8.66254px;top:15px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff}.dot-windmill::after{left:8.66254px;top:15px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff}@-webkit-keyframes dot-windmill{0%{transform:rotateZ(0deg) translate3d(0, 0, 0)}100%{transform:rotateZ(720deg) translate3d(0, 0, 0)}}@keyframes dot-windmill{0%{transform:rotateZ(0deg) translate3d(0, 0, 0)}100%{transform:rotateZ(720deg) translate3d(0, 0, 0)}}.dot-bricks{position:relative;top:8px;left:-9999px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;box-shadow:9991px -16px 0 0 #9880ff,9991px 0 0 0 #9880ff,10007px 0 0 0 #9880ff;-webkit-animation:dot-bricks 2s infinite ease;animation:dot-bricks 2s infinite ease}@-webkit-keyframes dot-bricks{0%{box-shadow:9991px -16px 0 0 #9880ff,9991px 0 0 0 #9880ff,10007px 0 0 0 #9880ff}8.333%{box-shadow:10007px -16px 0 0 #9880ff,9991px 0 0 0 #9880ff,10007px 0 0 0 #9880ff}16.667%{box-shadow:10007px -16px 0 0 #9880ff,9991px -16px 0 0 #9880ff,10007px 0 0 0 #9880ff}25%{box-shadow:10007px -16px 0 0 #9880ff,9991px -16px 0 0 #9880ff,9991px 0 0 0 #9880ff}33.333%{box-shadow:10007px 0 0 0 #9880ff,9991px -16px 0 0 #9880ff,9991px 0 0 0 #9880ff}41.667%{box-shadow:10007px 0 0 0 #9880ff,10007px -16px 0 0 #9880ff,9991px 0 0 0 #9880ff}50%{box-shadow:10007px 0 0 0 #9880ff,10007px -16px 0 0 #9880ff,9991px -16px 0 0 #9880ff}58.333%{box-shadow:9991px 0 0 0 #9880ff,10007px -16px 0 0 #9880ff,9991px -16px 0 0 #9880ff}66.666%{box-shadow:9991px 0 0 0 #9880ff,10007px 0 0 0 #9880ff,9991px -16px 0 0 #9880ff}75%{box-shadow:9991px 0 0 0 #9880ff,10007px 0 0 0 #9880ff,10007px -16px 0 0 #9880ff}83.333%{box-shadow:9991px -16px 0 0 #9880ff,10007px 0 0 0 #9880ff,10007px -16px 0 0 #9880ff}91.667%{box-shadow:9991px -16px 0 0 #9880ff,9991px 0 0 0 #9880ff,10007px -16px 0 0 #9880ff}100%{box-shadow:9991px -16px 0 0 #9880ff,9991px 0 0 0 #9880ff,10007px 0 0 0 #9880ff}}@keyframes dot-bricks{0%{box-shadow:9991px -16px 0 0 #9880ff,9991px 0 0 0 #9880ff,10007px 0 0 0 #9880ff}8.333%{box-shadow:10007px -16px 0 0 #9880ff,9991px 0 0 0 #9880ff,10007px 0 0 0 #9880ff}16.667%{box-shadow:10007px -16px 0 0 #9880ff,9991px -16px 0 0 #9880ff,10007px 0 0 0 #9880ff}25%{box-shadow:10007px -16px 0 0 #9880ff,9991px -16px 0 0 #9880ff,9991px 0 0 0 #9880ff}33.333%{box-shadow:10007px 0 0 0 #9880ff,9991px -16px 0 0 #9880ff,9991px 0 0 0 #9880ff}41.667%{box-shadow:10007px 0 0 0 #9880ff,10007px -16px 0 0 #9880ff,9991px 0 0 0 #9880ff}50%{box-shadow:10007px 0 0 0 #9880ff,10007px -16px 0 0 #9880ff,9991px -16px 0 0 #9880ff}58.333%{box-shadow:9991px 0 0 0 #9880ff,10007px -16px 0 0 #9880ff,9991px -16px 0 0 #9880ff}66.666%{box-shadow:9991px 0 0 0 #9880ff,10007px 0 0 0 #9880ff,9991px -16px 0 0 #9880ff}75%{box-shadow:9991px 0 0 0 #9880ff,10007px 0 0 0 #9880ff,10007px -16px 0 0 #9880ff}83.333%{box-shadow:9991px -16px 0 0 #9880ff,10007px 0 0 0 #9880ff,10007px -16px 0 0 #9880ff}91.667%{box-shadow:9991px -16px 0 0 #9880ff,9991px 0 0 0 #9880ff,10007px -16px 0 0 #9880ff}100%{box-shadow:9991px -16px 0 0 #9880ff,9991px 0 0 0 #9880ff,10007px 0 0 0 #9880ff}}.dot-floating{position:relative;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;-webkit-animation:dot-floating 3s infinite cubic-bezier(0.15, 0.6, 0.9, 0.1);animation:dot-floating 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:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;-webkit-animation:dot-floating-before 3s infinite ease-in-out;animation:dot-floating-before 3s infinite ease-in-out}.dot-floating::after{left:-24px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;-webkit-animation:dot-floating-after 3s infinite cubic-bezier(0.4, 0, 1, 1);animation:dot-floating-after 3s infinite cubic-bezier(0.4, 0, 1, 1)}@-webkit-keyframes dot-floating{0%{left:calc(-50% - 5px)}75%{left:calc(50% + 105px)}100%{left:calc(50% + 105px)}}@keyframes dot-floating{0%{left:calc(-50% - 5px)}75%{left:calc(50% + 105px)}100%{left:calc(50% + 105px)}}@-webkit-keyframes dot-floating-before{0%{left:-50px}50%{left:-12px}75%{left:-50px}100%{left:-50px}}@keyframes dot-floating-before{0%{left:-50px}50%{left:-12px}75%{left:-50px}100%{left:-50px}}@-webkit-keyframes dot-floating-after{0%{left:-100px}50%{left:-24px}75%{left:-100px}100%{left:-100px}}@keyframes dot-floating-after{0%{left:-100px}50%{left:-24px}75%{left:-100px}100%{left:-100px}}.dot-fire{position:relative;left:-9999px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;box-shadow:9999px 22.5px 0 -5px #9880ff;-webkit-animation:dot-fire 1.5s infinite linear;animation:dot-fire 1.5s infinite linear;-webkit-animation-delay:-.85s;animation-delay:-.85s}.dot-fire::before,.dot-fire::after{content:'';display:inline-block;position:absolute;top:0;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff}.dot-fire::before{box-shadow:9999px 22.5px 0 -5px #9880ff;-webkit-animation:dot-fire 1.5s infinite linear;animation:dot-fire 1.5s infinite linear;-webkit-animation-delay:-1.85s;animation-delay:-1.85s}.dot-fire::after{box-shadow:9999px 22.5px 0 -5px #9880ff;-webkit-animation:dot-fire 1.5s infinite linear;animation:dot-fire 1.5s infinite linear;-webkit-animation-delay:-2.85s;animation-delay:-2.85s}@-webkit-keyframes dot-fire{1%{box-shadow:9999px 22.5px 0 -5px #9880ff}50%{box-shadow:9999px -5.625px 0 2px #9880ff}100%{box-shadow:9999px -22.5px 0 -5px #9880ff}}@keyframes dot-fire{1%{box-shadow:9999px 22.5px 0 -5px #9880ff}50%{box-shadow:9999px -5.625px 0 2px #9880ff}100%{box-shadow:9999px -22.5px 0 -5px #9880ff}}.dot-spin{position:relative;width:10px;height:10px;border-radius:5px;background-color:rgba(0,0,0,0);color:rgba(0,0,0,0);box-shadow:0 -18px 0 0 #9880ff,12.72793px -12.72793px 0 0 #9880ff,18px 0 0 0 #9880ff,12.72793px 12.72793px 0 0 rgba(152,128,255,0),0 18px 0 0 rgba(152,128,255,0),-12.72793px 12.72793px 0 0 rgba(152,128,255,0),-18px 0 0 0 rgba(152,128,255,0),-12.72793px -12.72793px 0 0 rgba(152,128,255,0);-webkit-animation:dot-spin 1.5s infinite linear;animation:dot-spin 1.5s infinite linear}@-webkit-keyframes dot-spin{0%,100%{box-shadow:0 -18px 0 0 #9880ff,12.72793px -12.72793px 0 0 #9880ff,18px 0 0 0 #9880ff,12.72793px 12.72793px 0 -5px rgba(152,128,255,0),0 18px 0 -5px rgba(152,128,255,0),-12.72793px 12.72793px 0 -5px rgba(152,128,255,0),-18px 0 0 -5px rgba(152,128,255,0),-12.72793px -12.72793px 0 -5px rgba(152,128,255,0)}12.5%{box-shadow:0 -18px 0 -5px rgba(152,128,255,0),12.72793px -12.72793px 0 0 #9880ff,18px 0 0 0 #9880ff,12.72793px 12.72793px 0 0 #9880ff,0 18px 0 -5px rgba(152,128,255,0),-12.72793px 12.72793px 0 -5px rgba(152,128,255,0),-18px 0 0 -5px rgba(152,128,255,0),-12.72793px -12.72793px 0 -5px rgba(152,128,255,0)}25%{box-shadow:0 -18px 0 -5px rgba(152,128,255,0),12.72793px -12.72793px 0 -5px rgba(152,128,255,0),18px 0 0 0 #9880ff,12.72793px 12.72793px 0 0 #9880ff,0 18px 0 0 #9880ff,-12.72793px 12.72793px 0 -5px rgba(152,128,255,0),-18px 0 0 -5px rgba(152,128,255,0),-12.72793px -12.72793px 0 -5px rgba(152,128,255,0)}37.5%{box-shadow:0 -18px 0 -5px rgba(152,128,255,0),12.72793px -12.72793px 0 -5px rgba(152,128,255,0),18px 0 0 -5px rgba(152,128,255,0),12.72793px 12.72793px 0 0 #9880ff,0 18px 0 0 #9880ff,-12.72793px 12.72793px 0 0 #9880ff,-18px 0 0 -5px rgba(152,128,255,0),-12.72793px -12.72793px 0 -5px rgba(152,128,255,0)}50%{box-shadow:0 -18px 0 -5px rgba(152,128,255,0),12.72793px -12.72793px 0 -5px rgba(152,128,255,0),18px 0 0 -5px rgba(152,128,255,0),12.72793px 12.72793px 0 -5px rgba(152,128,255,0),0 18px 0 0 #9880ff,-12.72793px 12.72793px 0 0 #9880ff,-18px 0 0 0 #9880ff,-12.72793px -12.72793px 0 -5px rgba(152,128,255,0)}62.5%{box-shadow:0 -18px 0 -5px rgba(152,128,255,0),12.72793px -12.72793px 0 -5px rgba(152,128,255,0),18px 0 0 -5px rgba(152,128,255,0),12.72793px 12.72793px 0 -5px rgba(152,128,255,0),0 18px 0 -5px rgba(152,128,255,0),-12.72793px 12.72793px 0 0 #9880ff,-18px 0 0 0 #9880ff,-12.72793px -12.72793px 0 0 #9880ff}75%{box-shadow:0 -18px 0 0 #9880ff,12.72793px -12.72793px 0 -5px rgba(152,128,255,0),18px 0 0 -5px rgba(152,128,255,0),12.72793px 12.72793px 0 -5px rgba(152,128,255,0),0 18px 0 -5px rgba(152,128,255,0),-12.72793px 12.72793px 0 -5px rgba(152,128,255,0),-18px 0 0 0 #9880ff,-12.72793px -12.72793px 0 0 #9880ff}87.5%{box-shadow:0 -18px 0 0 #9880ff,12.72793px -12.72793px 0 0 #9880ff,18px 0 0 -5px rgba(152,128,255,0),12.72793px 12.72793px 0 -5px rgba(152,128,255,0),0 18px 0 -5px rgba(152,128,255,0),-12.72793px 12.72793px 0 -5px rgba(152,128,255,0),-18px 0 0 -5px rgba(152,128,255,0),-12.72793px -12.72793px 0 0 #9880ff}}@keyframes dot-spin{0%,100%{box-shadow:0 -18px 0 0 #9880ff,12.72793px -12.72793px 0 0 #9880ff,18px 0 0 0 #9880ff,12.72793px 12.72793px 0 -5px rgba(152,128,255,0),0 18px 0 -5px rgba(152,128,255,0),-12.72793px 12.72793px 0 -5px rgba(152,128,255,0),-18px 0 0 -5px rgba(152,128,255,0),-12.72793px -12.72793px 0 -5px rgba(152,128,255,0)}12.5%{box-shadow:0 -18px 0 -5px rgba(152,128,255,0),12.72793px -12.72793px 0 0 #9880ff,18px 0 0 0 #9880ff,12.72793px 12.72793px 0 0 #9880ff,0 18px 0 -5px rgba(152,128,255,0),-12.72793px 12.72793px 0 -5px rgba(152,128,255,0),-18px 0 0 -5px rgba(152,128,255,0),-12.72793px -12.72793px 0 -5px rgba(152,128,255,0)}25%{box-shadow:0 -18px 0 -5px rgba(152,128,255,0),12.72793px -12.72793px 0 -5px rgba(152,128,255,0),18px 0 0 0 #9880ff,12.72793px 12.72793px 0 0 #9880ff,0 18px 0 0 #9880ff,-12.72793px 12.72793px 0 -5px rgba(152,128,255,0),-18px 0 0 -5px rgba(152,128,255,0),-12.72793px -12.72793px 0 -5px rgba(152,128,255,0)}37.5%{box-shadow:0 -18px 0 -5px rgba(152,128,255,0),12.72793px -12.72793px 0 -5px rgba(152,128,255,0),18px 0 0 -5px rgba(152,128,255,0),12.72793px 12.72793px 0 0 #9880ff,0 18px 0 0 #9880ff,-12.72793px 12.72793px 0 0 #9880ff,-18px 0 0 -5px rgba(152,128,255,0),-12.72793px -12.72793px 0 -5px rgba(152,128,255,0)}50%{box-shadow:0 -18px 0 -5px rgba(152,128,255,0),12.72793px -12.72793px 0 -5px rgba(152,128,255,0),18px 0 0 -5px rgba(152,128,255,0),12.72793px 12.72793px 0 -5px rgba(152,128,255,0),0 18px 0 0 #9880ff,-12.72793px 12.72793px 0 0 #9880ff,-18px 0 0 0 #9880ff,-12.72793px -12.72793px 0 -5px rgba(152,128,255,0)}62.5%{box-shadow:0 -18px 0 -5px rgba(152,128,255,0),12.72793px -12.72793px 0 -5px rgba(152,128,255,0),18px 0 0 -5px rgba(152,128,255,0),12.72793px 12.72793px 0 -5px rgba(152,128,255,0),0 18px 0 -5px rgba(152,128,255,0),-12.72793px 12.72793px 0 0 #9880ff,-18px 0 0 0 #9880ff,-12.72793px -12.72793px 0 0 #9880ff}75%{box-shadow:0 -18px 0 0 #9880ff,12.72793px -12.72793px 0 -5px rgba(152,128,255,0),18px 0 0 -5px rgba(152,128,255,0),12.72793px 12.72793px 0 -5px rgba(152,128,255,0),0 18px 0 -5px rgba(152,128,255,0),-12.72793px 12.72793px 0 -5px rgba(152,128,255,0),-18px 0 0 0 #9880ff,-12.72793px -12.72793px 0 0 #9880ff}87.5%{box-shadow:0 -18px 0 0 #9880ff,12.72793px -12.72793px 0 0 #9880ff,18px 0 0 -5px rgba(152,128,255,0),12.72793px 12.72793px 0 -5px rgba(152,128,255,0),0 18px 0 -5px rgba(152,128,255,0),-12.72793px 12.72793px 0 -5px rgba(152,128,255,0),-18px 0 0 -5px rgba(152,128,255,0),-12.72793px -12.72793px 0 0 #9880ff}}.dot-falling{position:relative;left:-9999px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;box-shadow:9999px 0 0 0 #9880ff;-webkit-animation:dot-falling 1s infinite linear;animation:dot-falling 1s infinite linear;-webkit-animation-delay:.1s;animation-delay:.1s}.dot-falling::before,.dot-falling::after{content:'';display:inline-block;position:absolute;top:0}.dot-falling::before{width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;-webkit-animation:dot-falling-before 1s infinite linear;animation:dot-falling-before 1s infinite linear;-webkit-animation-delay:0s;animation-delay:0s}.dot-falling::after{width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;-webkit-animation:dot-falling-after 1s infinite linear;animation:dot-falling-after 1s infinite linear;-webkit-animation-delay:.2s;animation-delay:.2s}@-webkit-keyframes dot-falling{0%{box-shadow:9999px -15px 0 0 rgba(152,128,255,0)}25%,50%,75%{box-shadow:9999px 0 0 0 #9880ff}100%{box-shadow:9999px 15px 0 0 rgba(152,128,255,0)}}@keyframes dot-falling{0%{box-shadow:9999px -15px 0 0 rgba(152,128,255,0)}25%,50%,75%{box-shadow:9999px 0 0 0 #9880ff}100%{box-shadow:9999px 15px 0 0 rgba(152,128,255,0)}}@-webkit-keyframes dot-falling-before{0%{box-shadow:9984px -15px 0 0 rgba(152,128,255,0)}25%,50%,75%{box-shadow:9984px 0 0 0 #9880ff}100%{box-shadow:9984px 15px 0 0 rgba(152,128,255,0)}}@keyframes dot-falling-before{0%{box-shadow:9984px -15px 0 0 rgba(152,128,255,0)}25%,50%,75%{box-shadow:9984px 0 0 0 #9880ff}100%{box-shadow:9984px 15px 0 0 rgba(152,128,255,0)}}@-webkit-keyframes dot-falling-after{0%{box-shadow:10014px -15px 0 0 rgba(152,128,255,0)}25%,50%,75%{box-shadow:10014px 0 0 0 #9880ff}100%{box-shadow:10014px 15px 0 0 rgba(152,128,255,0)}}@keyframes dot-falling-after{0%{box-shadow:10014px -15px 0 0 rgba(152,128,255,0)}25%,50%,75%{box-shadow:10014px 0 0 0 #9880ff}100%{box-shadow:10014px 15px 0 0 rgba(152,128,255,0)}}.dot-stretching{position:relative;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;transform:scale(1.25, 1.25);-webkit-animation:dot-stretching 2s infinite ease-in;animation:dot-stretching 2s infinite ease-in}.dot-stretching::before,.dot-stretching::after{content:'';display:inline-block;position:absolute;top:0}.dot-stretching::before{width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;-webkit-animation:dot-stretching-before 2s infinite ease-in;animation:dot-stretching-before 2s infinite ease-in}.dot-stretching::after{width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;-webkit-animation:dot-stretching-after 2s infinite ease-in;animation:dot-stretching-after 2s infinite ease-in}@-webkit-keyframes dot-stretching{0%{transform:scale(1.25, 1.25)}50%,60%{transform:scale(.8, .8)}100%{transform:scale(1.25, 1.25)}}@keyframes dot-stretching{0%{transform:scale(1.25, 1.25)}50%,60%{transform:scale(.8, .8)}100%{transform:scale(1.25, 1.25)}}@-webkit-keyframes dot-stretching-before{0%{transform:translate(0) scale(.7, .7)}50%,60%{transform:translate(-20px) scale(1, 1)}100%{transform:translate(0) scale(.7, .7)}}@keyframes dot-stretching-before{0%{transform:translate(0) scale(.7, .7)}50%,60%{transform:translate(-20px) scale(1, 1)}100%{transform:translate(0) scale(.7, .7)}}@-webkit-keyframes dot-stretching-after{0%{transform:translate(0) scale(.7, .7)}50%,60%{transform:translate(20px) scale(1, 1)}100%{transform:translate(0) scale(.7, .7)}}@keyframes dot-stretching-after{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:rgba(0,0,0,0);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:rgba(0,0,0,0);opacity:0;filter:blur(2px);-webkit-animation:dot-gathering 2s infinite ease-in;animation:dot-gathering 2s infinite ease-in}.dot-gathering::after{-webkit-animation-delay:.5s;animation-delay:.5s}@-webkit-keyframes dot-gathering{0%{opacity:0;transform:translateX(0)}35%,60%{opacity:1;transform:translateX(50px)}100%{opacity:0;transform:translateX(100px)}}@keyframes dot-gathering{0%{opacity:0;transform:translateX(0)}35%,60%{opacity:1;transform:translateX(50px)}100%{opacity:0;transform:translateX(100px)}}.dot-hourglass{position:relative;top:-15px;width:12px;height:12px;border-radius:6px;background-color:#000;color:rgba(0,0,0,0);margin:-1px 0;filter:blur(2px);transform-origin:5px 20px;-webkit-animation:dot-hourglass 2.4s infinite ease-in-out;animation:dot-hourglass 2.4s infinite ease-in-out;-webkit-animation-delay:.6s;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:rgba(0,0,0,0);filter:blur(2px)}.dot-hourglass::before{top:30px}.dot-hourglass::after{-webkit-animation:dot-hourglass-after 2.4s infinite cubic-bezier(0.65, 0.05, 0.36, 1);animation:dot-hourglass-after 2.4s infinite cubic-bezier(0.65, 0.05, 0.36, 1)}@-webkit-keyframes dot-hourglass{0%{transform:rotateZ(0deg)}25%{transform:rotateZ(180deg)}50%{transform:rotateZ(180deg)}75%{transform:rotateZ(360deg)}100%{transform:rotateZ(360deg)}}@keyframes dot-hourglass{0%{transform:rotateZ(0deg)}25%{transform:rotateZ(180deg)}50%{transform:rotateZ(180deg)}75%{transform:rotateZ(360deg)}100%{transform:rotateZ(360deg)}}@-webkit-keyframes dot-hourglass-after{0%{transform:translateY(0)}25%{transform:translateY(30px)}50%{transform:translateY(30px)}75%{transform:translateY(0)}100%{transform:translateY(0)}}@keyframes dot-hourglass-after{0%{transform:translateY(0)}25%{transform:translateY(30px)}50%{transform:translateY(30px)}75%{transform:translateY(0)}100%{transform:translateY(0)}}.dot-overtaking{position:relative;width:12px;height:12px;border-radius:6px;background-color:rgba(0,0,0,0);color:#000;margin:-1px 0;box-shadow:0 -20px 0 0;filter:blur(2px);-webkit-animation:dot-overtaking 2s infinite cubic-bezier(0.2, 0.6, 0.8, 0.2);animation:dot-overtaking 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:rgba(0,0,0,0);color:#000;box-shadow:0 -20px 0 0;filter:blur(2px)}.dot-overtaking::before{-webkit-animation:dot-overtaking 2s infinite cubic-bezier(0.2, 0.6, 0.8, 0.2);animation:dot-overtaking 2s infinite cubic-bezier(0.2, 0.6, 0.8, 0.2);-webkit-animation-delay:.3s;animation-delay:.3s}.dot-overtaking::after{-webkit-animation:dot-overtaking 1.5s infinite cubic-bezier(0.2, 0.6, 0.8, 0.2);animation:dot-overtaking 1.5s infinite cubic-bezier(0.2, 0.6, 0.8, 0.2);-webkit-animation-delay:.6s;animation-delay:.6s}@-webkit-keyframes dot-overtaking{0%{transform:rotateZ(0deg)}100%{transform:rotateZ(360deg)}}@keyframes dot-overtaking{0%{transform:rotateZ(0deg)}100%{transform:rotateZ(360deg)}}.dot-shuttle{position:relative;left:-15px;width:12px;height:12px;border-radius:6px;background-color:#000;color:rgba(0,0,0,0);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:rgba(0,0,0,0);filter:blur(2px)}.dot-shuttle::before{left:15px;-webkit-animation:dot-shuttle 2s infinite ease-out;animation:dot-shuttle 2s infinite ease-out}.dot-shuttle::after{left:30px}@-webkit-keyframes dot-shuttle{0%,50%,100%{transform:translateX(0)}25%{transform:translateX(-45px)}75%{transform:translateX(45px)}}@keyframes dot-shuttle{0%,50%,100%{transform:translateX(0)}25%{transform:translateX(-45px)}75%{transform:translateX(45px)}}.dot-bouncing{position:relative;height:10px;font-size:10px}.dot-bouncing::before{content:'⚽🏀🏐';display:inline-block;position:relative;-webkit-animation:dot-bouncing 1s infinite;animation:dot-bouncing 1s infinite}@-webkit-keyframes dot-bouncing{0%{top:-20px;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}34%{transform:scale(1, 1)}35%{top:20px;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;transform:scale(1.5, 0.5)}45%{transform:scale(1, 1)}90%{top:-20px}100%{top:-20px}}@keyframes dot-bouncing{0%{top:-20px;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}34%{transform:scale(1, 1)}35%{top:20px;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;transform:scale(1.5, 0.5)}45%{transform:scale(1, 1)}90%{top:-20px}100%{top:-20px}}.dot-rolling{position:relative;height:10px;font-size:10px}.dot-rolling::before{content:'⚽';display:inline-block;position:relative;transform:translateX(-25px);-webkit-animation:dot-rolling 3s infinite;animation:dot-rolling 3s infinite}@-webkit-keyframes dot-rolling{0%{content:'⚽';transform:translateX(-25px) rotateZ(0deg)}16.667%{content:'⚽';transform:translateX(25px) rotateZ(720deg)}33.333%{content:'⚽';transform:translateX(-25px) rotateZ(0deg)}34.333%{content:'🏀';transform:translateX(-25px) rotateZ(0deg)}50%{content:'🏀';transform:translateX(25px) rotateZ(720deg)}66.667%{content:'🏀';transform:translateX(-25px) rotateZ(0deg)}67.667%{content:'🏐';transform:translateX(-25px) rotateZ(0deg)}83.333%{content:'🏐';transform:translateX(25px) rotateZ(720deg)}100%{content:'🏐';transform:translateX(-25px) rotateZ(0deg)}}@keyframes dot-rolling{0%{content:'⚽';transform:translateX(-25px) rotateZ(0deg)}16.667%{content:'⚽';transform:translateX(25px) rotateZ(720deg)}33.333%{content:'⚽';transform:translateX(-25px) rotateZ(0deg)}34.333%{content:'🏀';transform:translateX(-25px) rotateZ(0deg)}50%{content:'🏀';transform:translateX(25px) rotateZ(720deg)}66.667%{content:'🏀';transform:translateX(-25px) rotateZ(0deg)}67.667%{content:'🏐';transform:translateX(-25px) rotateZ(0deg)}83.333%{content:'🏐';transform:translateX(25px) rotateZ(720deg)}100%{content:'🏐';transform:translateX(-25px) rotateZ(0deg)}} /*# sourceMappingURL=three-dots.min.css.map */ \ No newline at end of file diff --git a/dist/three-dots.min.css.map b/dist/three-dots.min.css.map index a0dc481..e38a73e 100644 --- a/dist/three-dots.min.css.map +++ b/dist/three-dots.min.css.map @@ -1 +1 @@ -{"version":3,"sources":["","three-dots.min.css"],"names":[],"mappings":"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","file":"three-dots.min.css","sourcesContent":[null,".dot-elastic{position:relative;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;animation:dot-elastic 1s infinite linear}.dot-elastic::before,.dot-elastic::after{content:'';display:inline-block;position:absolute;top:0}.dot-elastic::before{left:-15px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;animation:dot-elastic-before 1s infinite linear}.dot-elastic::after{left:15px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;animation:dot-elastic-after 1s infinite linear}@keyframes dot-elastic-before{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 dot-elastic{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 dot-elastic-after{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:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;box-shadow:9999px 0 0 -5px;animation:dot-pulse 1.5s infinite linear;animation-delay:.25s}.dot-pulse::before,.dot-pulse::after{content:\"\";display:inline-block;position:absolute;top:0;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff}.dot-pulse::before{box-shadow:9984px 0 0 -5px;animation:dot-pulse-before 1.5s infinite linear;animation-delay:0s}.dot-pulse::after{box-shadow:10014px 0 0 -5px;animation:dot-pulse-after 1.5s infinite linear;animation-delay:.5s}@keyframes dot-pulse-before{0%{box-shadow:9984px 0 0 -5px}30%{box-shadow:9984px 0 0 2px}60%,100%{box-shadow:9984px 0 0 -5px}}@keyframes dot-pulse{0%{box-shadow:9999px 0 0 -5px}30%{box-shadow:9999px 0 0 2px}60%,100%{box-shadow:9999px 0 0 -5px}}@keyframes dot-pulse-after{0%{box-shadow:10014px 0 0 -5px}30%{box-shadow:10014px 0 0 2px}60%,100%{box-shadow:10014px 0 0 -5px}}.dot-flashing{position:relative;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;animation:dot-flashing 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:-15px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;animation:dot-flashing 1s infinite alternate;animation-delay:0s}.dot-flashing::after{left:15px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;animation:dot-flashing 1s infinite alternate;animation-delay:1s}@keyframes dot-flashing{0%{background-color:#9880ff}50%,100%{background-color:#ebe6ff}}.dot-collision{position:relative;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff}.dot-collision::before,.dot-collision::after{content:'';display:inline-block;position:absolute;top:0}.dot-collision::before{left:-10px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;animation:dot-collision-before 2s infinite ease-in}.dot-collision::after{left:10px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;animation:dot-collision-after 2s infinite ease-in;animation-delay:1s}@keyframes dot-collision-before{0%,50%,75%,100%{transform:translateX(0)}25%{transform:translateX(-15px)}}@keyframes dot-collision-after{0%,50%,75%,100%{transform:translateX(0)}25%{transform:translateX(15px)}}.dot-revolution{position:relative;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff}.dot-revolution::before,.dot-revolution::after{content:'';display:inline-block;position:absolute}.dot-revolution::before{left:0;top:-15px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;transform-origin:5px 20px;animation:dot-revolution 1.4s linear infinite}.dot-revolution::after{left:0;top:-30px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;transform-origin:5px 35px;animation:dot-revolution 1s linear infinite}@keyframes dot-revolution{0%{transform:rotateZ(0deg) translate3d(0, 0, 0)}100%{transform:rotateZ(360deg) translate3d(0, 0, 0)}}.dot-carousel{position:relative;left:-9999px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;box-shadow:9984px 0 0 0 #9880ff,9999px 0 0 0 #9880ff,10014px 0 0 0 #9880ff;animation:dot-carousel 1.5s infinite linear}@keyframes dot-carousel{0%{box-shadow:9984px 0 0 -1px #9880ff,9999px 0 0 1px #9880ff,10014px 0 0 -1px #9880ff}50%{box-shadow:10014px 0 0 -1px #9880ff,9984px 0 0 -1px #9880ff,9999px 0 0 1px #9880ff}100%{box-shadow:9999px 0 0 1px #9880ff,10014px 0 0 -1px #9880ff,9984px 0 0 -1px #9880ff}}.dot-typing{position:relative;left:-9999px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;box-shadow:9984px 0 0 0 #9880ff,9999px 0 0 0 #9880ff,10014px 0 0 0 #9880ff;animation:dot-typing 1.5s infinite linear}@keyframes dot-typing{0%{box-shadow:9984px 0 0 0 #9880ff,9999px 0 0 0 #9880ff,10014px 0 0 0 #9880ff}16.667%{box-shadow:9984px -10px 0 0 #9880ff,9999px 0 0 0 #9880ff,10014px 0 0 0 #9880ff}33.333%{box-shadow:9984px 0 0 0 #9880ff,9999px 0 0 0 #9880ff,10014px 0 0 0 #9880ff}50%{box-shadow:9984px 0 0 0 #9880ff,9999px -10px 0 0 #9880ff,10014px 0 0 0 #9880ff}66.667%{box-shadow:9984px 0 0 0 #9880ff,9999px 0 0 0 #9880ff,10014px 0 0 0 #9880ff}83.333%{box-shadow:9984px 0 0 0 #9880ff,9999px 0 0 0 #9880ff,10014px -10px 0 0 #9880ff}100%{box-shadow:9984px 0 0 0 #9880ff,9999px 0 0 0 #9880ff,10014px 0 0 0 #9880ff}}.dot-windmill{position:relative;top:-10px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;transform-origin:5px 15px;animation:dot-windmill 2s infinite linear}.dot-windmill::before,.dot-windmill::after{content:'';display:inline-block;position:absolute}.dot-windmill::before{left:-8.66px;top:15px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff}.dot-windmill::after{left:8.66px;top:15px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff}@keyframes dot-windmill{0%{transform:rotateZ(0deg) translate3d(0, 0, 0)}100%{transform:rotateZ(720deg) translate3d(0, 0, 0)}}.dot-bricks{position:relative;top:8px;left:-9999px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;box-shadow:9991px -16px 0 0 #9880ff,9991px 0 0 0 #9880ff,10007px 0 0 0 #9880ff;animation:dot-bricks 2s infinite ease}@keyframes dot-bricks{0%{box-shadow:9991px -16px 0 0 #9880ff,9991px 0 0 0 #9880ff,10007px 0 0 0 #9880ff}8.333%{box-shadow:10007px -16px 0 0 #9880ff,9991px 0 0 0 #9880ff,10007px 0 0 0 #9880ff}16.667%{box-shadow:10007px -16px 0 0 #9880ff,9991px -16px 0 0 #9880ff,10007px 0 0 0 #9880ff}25%{box-shadow:10007px -16px 0 0 #9880ff,9991px -16px 0 0 #9880ff,9991px 0 0 0 #9880ff}33.333%{box-shadow:10007px 0 0 0 #9880ff,9991px -16px 0 0 #9880ff,9991px 0 0 0 #9880ff}41.667%{box-shadow:10007px 0 0 0 #9880ff,10007px -16px 0 0 #9880ff,9991px 0 0 0 #9880ff}50%{box-shadow:10007px 0 0 0 #9880ff,10007px -16px 0 0 #9880ff,9991px -16px 0 0 #9880ff}58.333%{box-shadow:9991px 0 0 0 #9880ff,10007px -16px 0 0 #9880ff,9991px -16px 0 0 #9880ff}66.666%{box-shadow:9991px 0 0 0 #9880ff,10007px 0 0 0 #9880ff,9991px -16px 0 0 #9880ff}75%{box-shadow:9991px 0 0 0 #9880ff,10007px 0 0 0 #9880ff,10007px -16px 0 0 #9880ff}83.333%{box-shadow:9991px -16px 0 0 #9880ff,10007px 0 0 0 #9880ff,10007px -16px 0 0 #9880ff}91.667%{box-shadow:9991px -16px 0 0 #9880ff,9991px 0 0 0 #9880ff,10007px -16px 0 0 #9880ff}100%{box-shadow:9991px -16px 0 0 #9880ff,9991px 0 0 0 #9880ff,10007px 0 0 0 #9880ff}}.dot-floating{position:relative;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;animation:dot-floating 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:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;animation:dot-floating-before 3s infinite ease-in-out}.dot-floating::after{left:-24px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;animation:dot-floating-after 3s infinite cubic-bezier(0.4, 0, 1, 1)}@keyframes dot-floating{0%{left:calc(-50% - 5px)}75%{left:calc(50% + 105px)}100%{left:calc(50% + 105px)}}@keyframes dot-floating-before{0%{left:-50px}50%{left:-12px}75%{left:-50px}100%{left:-50px}}@keyframes dot-floating-after{0%{left:-100px}50%{left:-24px}75%{left:-100px}100%{left:-100px}}.dot-fire{position:relative;left:-9999px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;box-shadow:9999px 22.5px 0 -5px #9880ff;animation:dot-fire 1.5s infinite linear;animation-delay:-.85s}.dot-fire::before,.dot-fire::after{content:'';display:inline-block;position:absolute;top:0;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff}.dot-fire::before{box-shadow:9999px 22.5px 0 -5px #9880ff;animation:dot-fire 1.5s infinite linear;animation-delay:-1.85s}.dot-fire::after{box-shadow:9999px 22.5px 0 -5px #9880ff;animation:dot-fire 1.5s infinite linear;animation-delay:-2.85s}@keyframes dot-fire{1%{box-shadow:9999px 22.5px 0 -5px #9880ff}50%{box-shadow:9999px -5.625px 0 2px #9880ff}100%{box-shadow:9999px -22.5px 0 -5px #9880ff}}.dot-spin{position:relative;width:10px;height:10px;border-radius:5px;background-color:rgba(0,0,0,0);color:rgba(0,0,0,0);box-shadow:0 -18px 0 0 #9880ff,12.72984px -12.72984px 0 0 #9880ff,18px 0 0 0 #9880ff,12.72984px 12.72984px 0 0 rgba(152,128,255,0),0 18px 0 0 rgba(152,128,255,0),-12.72984px 12.72984px 0 0 rgba(152,128,255,0),-18px 0 0 0 rgba(152,128,255,0),-12.72984px -12.72984px 0 0 rgba(152,128,255,0);animation:dot-spin 1.5s infinite linear}@keyframes dot-spin{0%,100%{box-shadow:0 -18px 0 0 #9880ff,12.72984px -12.72984px 0 0 #9880ff,18px 0 0 0 #9880ff,12.72984px 12.72984px 0 -5px rgba(152,128,255,0),0 18px 0 -5px rgba(152,128,255,0),-12.72984px 12.72984px 0 -5px rgba(152,128,255,0),-18px 0 0 -5px rgba(152,128,255,0),-12.72984px -12.72984px 0 -5px rgba(152,128,255,0)}12.5%{box-shadow:0 -18px 0 -5px rgba(152,128,255,0),12.72984px -12.72984px 0 0 #9880ff,18px 0 0 0 #9880ff,12.72984px 12.72984px 0 0 #9880ff,0 18px 0 -5px rgba(152,128,255,0),-12.72984px 12.72984px 0 -5px rgba(152,128,255,0),-18px 0 0 -5px rgba(152,128,255,0),-12.72984px -12.72984px 0 -5px rgba(152,128,255,0)}25%{box-shadow:0 -18px 0 -5px rgba(152,128,255,0),12.72984px -12.72984px 0 -5px rgba(152,128,255,0),18px 0 0 0 #9880ff,12.72984px 12.72984px 0 0 #9880ff,0 18px 0 0 #9880ff,-12.72984px 12.72984px 0 -5px rgba(152,128,255,0),-18px 0 0 -5px rgba(152,128,255,0),-12.72984px -12.72984px 0 -5px rgba(152,128,255,0)}37.5%{box-shadow:0 -18px 0 -5px rgba(152,128,255,0),12.72984px -12.72984px 0 -5px rgba(152,128,255,0),18px 0 0 -5px rgba(152,128,255,0),12.72984px 12.72984px 0 0 #9880ff,0 18px 0 0 #9880ff,-12.72984px 12.72984px 0 0 #9880ff,-18px 0 0 -5px rgba(152,128,255,0),-12.72984px -12.72984px 0 -5px rgba(152,128,255,0)}50%{box-shadow:0 -18px 0 -5px rgba(152,128,255,0),12.72984px -12.72984px 0 -5px rgba(152,128,255,0),18px 0 0 -5px rgba(152,128,255,0),12.72984px 12.72984px 0 -5px rgba(152,128,255,0),0 18px 0 0 #9880ff,-12.72984px 12.72984px 0 0 #9880ff,-18px 0 0 0 #9880ff,-12.72984px -12.72984px 0 -5px rgba(152,128,255,0)}62.5%{box-shadow:0 -18px 0 -5px rgba(152,128,255,0),12.72984px -12.72984px 0 -5px rgba(152,128,255,0),18px 0 0 -5px rgba(152,128,255,0),12.72984px 12.72984px 0 -5px rgba(152,128,255,0),0 18px 0 -5px rgba(152,128,255,0),-12.72984px 12.72984px 0 0 #9880ff,-18px 0 0 0 #9880ff,-12.72984px -12.72984px 0 0 #9880ff}75%{box-shadow:0 -18px 0 0 #9880ff,12.72984px -12.72984px 0 -5px rgba(152,128,255,0),18px 0 0 -5px rgba(152,128,255,0),12.72984px 12.72984px 0 -5px rgba(152,128,255,0),0 18px 0 -5px rgba(152,128,255,0),-12.72984px 12.72984px 0 -5px rgba(152,128,255,0),-18px 0 0 0 #9880ff,-12.72984px -12.72984px 0 0 #9880ff}87.5%{box-shadow:0 -18px 0 0 #9880ff,12.72984px -12.72984px 0 0 #9880ff,18px 0 0 -5px rgba(152,128,255,0),12.72984px 12.72984px 0 -5px rgba(152,128,255,0),0 18px 0 -5px rgba(152,128,255,0),-12.72984px 12.72984px 0 -5px rgba(152,128,255,0),-18px 0 0 -5px rgba(152,128,255,0),-12.72984px -12.72984px 0 0 #9880ff}}.dot-falling{position:relative;left:-9999px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;box-shadow:9999px 0 0 0 #9880ff;animation:dot-falling 1s infinite linear;animation-delay:.1s}.dot-falling::before,.dot-falling::after{content:'';display:inline-block;position:absolute;top:0}.dot-falling::before{width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;animation:dot-falling-before 1s infinite linear;animation-delay:0s}.dot-falling::after{width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;animation:dot-falling-after 1s infinite linear;animation-delay:.2s}@keyframes dot-falling{0%{box-shadow:9999px -15px 0 0 rgba(152,128,255,0)}25%,50%,75%{box-shadow:9999px 0 0 0 #9880ff}100%{box-shadow:9999px 15px 0 0 rgba(152,128,255,0)}}@keyframes dot-falling-before{0%{box-shadow:9984px -15px 0 0 rgba(152,128,255,0)}25%,50%,75%{box-shadow:9984px 0 0 0 #9880ff}100%{box-shadow:9984px 15px 0 0 rgba(152,128,255,0)}}@keyframes dot-falling-after{0%{box-shadow:10014px -15px 0 0 rgba(152,128,255,0)}25%,50%,75%{box-shadow:10014px 0 0 0 #9880ff}100%{box-shadow:10014px 15px 0 0 rgba(152,128,255,0)}}.dot-stretching{position:relative;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;transform:scale(1.25, 1.25);animation:dot-stretching 2s infinite ease-in}.dot-stretching::before,.dot-stretching::after{content:'';display:inline-block;position:absolute;top:0}.dot-stretching::before{width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;animation:dot-stretching-before 2s infinite ease-in}.dot-stretching::after{width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;animation:dot-stretching-after 2s infinite ease-in}@keyframes dot-stretching{0%{transform:scale(1.25, 1.25)}50%,60%{transform:scale(.8, .8)}100%{transform:scale(1.25, 1.25)}}@keyframes dot-stretching-before{0%{transform:translate(0) scale(.7, .7)}50%,60%{transform:translate(-20px) scale(1, 1)}100%{transform:translate(0) scale(.7, .7)}}@keyframes dot-stretching-after{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:rgba(0,0,0,0);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:rgba(0,0,0,0);opacity:0;filter:blur(2px);animation:dot-gathering 2s infinite ease-in}.dot-gathering::after{animation-delay:.5s}@keyframes dot-gathering{0%{opacity:0;transform:translateX(0)}35%,60%{opacity:1;transform:translateX(50px)}100%{opacity:0;transform:translateX(100px)}}.dot-hourglass{position:relative;top:-15px;width:12px;height:12px;border-radius:6px;background-color:#000;color:rgba(0,0,0,0);margin:-1px 0;filter:blur(2px);transform-origin:5px 20px;animation:dot-hourglass 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:rgba(0,0,0,0);filter:blur(2px)}.dot-hourglass::before{top:30px}.dot-hourglass::after{animation:dot-hourglass-after 2.4s infinite cubic-bezier(0.65, 0.05, 0.36, 1)}@keyframes dot-hourglass{0%{transform:rotateZ(0deg)}25%{transform:rotateZ(180deg)}50%{transform:rotateZ(180deg)}75%{transform:rotateZ(360deg)}100%{transform:rotateZ(360deg)}}@keyframes dot-hourglass-after{0%{transform:translateY(0)}25%{transform:translateY(30px)}50%{transform:translateY(30px)}75%{transform:translateY(0)}100%{transform:translateY(0)}}.dot-overtaking{position:relative;width:12px;height:12px;border-radius:6px;background-color:rgba(0,0,0,0);color:#000;margin:-1px 0;box-shadow:0 -20px 0 0;filter:blur(2px);animation:dot-overtaking 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:rgba(0,0,0,0);color:#000;box-shadow:0 -20px 0 0;filter:blur(2px)}.dot-overtaking::before{animation:dot-overtaking 2s infinite cubic-bezier(0.2, 0.6, 0.8, 0.2);animation-delay:.3s}.dot-overtaking::after{animation:dot-overtaking 1.5s infinite cubic-bezier(0.2, 0.6, 0.8, 0.2);animation-delay:.6s}@keyframes dot-overtaking{0%{transform:rotateZ(0deg)}100%{transform:rotateZ(360deg)}}.dot-shuttle{position:relative;left:-15px;width:12px;height:12px;border-radius:6px;background-color:#000;color:rgba(0,0,0,0);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:rgba(0,0,0,0);filter:blur(2px)}.dot-shuttle::before{left:15px;animation:dot-shuttle 2s infinite ease-out}.dot-shuttle::after{left:30px}@keyframes dot-shuttle{0%,50%,100%{transform:translateX(0)}25%{transform:translateX(-45px)}75%{transform:translateX(45px)}}.dot-bouncing{position:relative;height:10px;font-size:10px}.dot-bouncing::before{content:'⚽🏀🏐';display:inline-block;position:relative;animation:dot-bouncing 1s infinite}@keyframes dot-bouncing{0%{top:-20px;animation-timing-function:ease-in}34%{transform:scale(1, 1)}35%{top:20px;animation-timing-function:ease-out;transform:scale(1.5, 0.5)}45%{transform:scale(1, 1)}90%{top:-20px}100%{top:-20px}}.dot-rolling{position:relative;height:10px;font-size:10px}.dot-rolling::before{content:'⚽';display:inline-block;position:relative;transform:translateX(-25px);animation:dot-rolling 3s infinite}@keyframes dot-rolling{0%{content:'⚽';transform:translateX(-25px) rotateZ(0deg)}16.667%{content:'⚽';transform:translateX(25px) rotateZ(720deg)}33.333%{content:'⚽';transform:translateX(-25px) rotateZ(0deg)}34.333%{content:'🏀';transform:translateX(-25px) rotateZ(0deg)}50%{content:'🏀';transform:translateX(25px) rotateZ(720deg)}66.667%{content:'🏀';transform:translateX(-25px) rotateZ(0deg)}67.667%{content:'🏐';transform:translateX(-25px) rotateZ(0deg)}83.333%{content:'🏐';transform:translateX(25px) rotateZ(720deg)}100%{content:'🏐';transform:translateX(-25px) rotateZ(0deg)}}\n"]} \ No newline at end of file +{"version":3,"sources":["","three-dots.min.css"],"names":[],"mappings":"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","file":"three-dots.min.css","sourcesContent":[null,".dot-elastic{position:relative;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;animation:dot-elastic 1s infinite linear}.dot-elastic::before,.dot-elastic::after{content:'';display:inline-block;position:absolute;top:0}.dot-elastic::before{left:-15px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;animation:dot-elastic-before 1s infinite linear}.dot-elastic::after{left:15px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;animation:dot-elastic-after 1s infinite linear}@keyframes dot-elastic-before{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 dot-elastic{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 dot-elastic-after{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:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;box-shadow:9999px 0 0 -5px;animation:dot-pulse 1.5s infinite linear;animation-delay:.25s}.dot-pulse::before,.dot-pulse::after{content:\"\";display:inline-block;position:absolute;top:0;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff}.dot-pulse::before{box-shadow:9984px 0 0 -5px;animation:dot-pulse-before 1.5s infinite linear;animation-delay:0s}.dot-pulse::after{box-shadow:10014px 0 0 -5px;animation:dot-pulse-after 1.5s infinite linear;animation-delay:.5s}@keyframes dot-pulse-before{0%{box-shadow:9984px 0 0 -5px}30%{box-shadow:9984px 0 0 2px}60%,100%{box-shadow:9984px 0 0 -5px}}@keyframes dot-pulse{0%{box-shadow:9999px 0 0 -5px}30%{box-shadow:9999px 0 0 2px}60%,100%{box-shadow:9999px 0 0 -5px}}@keyframes dot-pulse-after{0%{box-shadow:10014px 0 0 -5px}30%{box-shadow:10014px 0 0 2px}60%,100%{box-shadow:10014px 0 0 -5px}}.dot-flashing{position:relative;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;animation:dot-flashing 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:-15px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;animation:dot-flashing 1s infinite alternate;animation-delay:0s}.dot-flashing::after{left:15px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;animation:dot-flashing 1s infinite alternate;animation-delay:1s}@keyframes dot-flashing{0%{background-color:#9880ff}50%,100%{background-color:#ebe6ff}}.dot-collision{position:relative;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff}.dot-collision::before,.dot-collision::after{content:'';display:inline-block;position:absolute;top:0}.dot-collision::before{left:-10px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;animation:dot-collision-before 2s infinite ease-in}.dot-collision::after{left:10px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;animation:dot-collision-after 2s infinite ease-in;animation-delay:1s}@keyframes dot-collision-before{0%,50%,75%,100%{transform:translateX(0)}25%{transform:translateX(-15px)}}@keyframes dot-collision-after{0%,50%,75%,100%{transform:translateX(0)}25%{transform:translateX(15px)}}.dot-revolution{position:relative;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff}.dot-revolution::before,.dot-revolution::after{content:'';display:inline-block;position:absolute}.dot-revolution::before{left:0;top:-15px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;transform-origin:5px 20px;animation:dot-revolution 1.4s linear infinite}.dot-revolution::after{left:0;top:-30px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;transform-origin:5px 35px;animation:dot-revolution 1s linear infinite}@keyframes dot-revolution{0%{transform:rotateZ(0deg) translate3d(0, 0, 0)}100%{transform:rotateZ(360deg) translate3d(0, 0, 0)}}.dot-carousel{position:relative;left:-9999px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;box-shadow:9984px 0 0 0 #9880ff,9999px 0 0 0 #9880ff,10014px 0 0 0 #9880ff;animation:dot-carousel 1.5s infinite linear}@keyframes dot-carousel{0%{box-shadow:9984px 0 0 -1px #9880ff,9999px 0 0 1px #9880ff,10014px 0 0 -1px #9880ff}50%{box-shadow:10014px 0 0 -1px #9880ff,9984px 0 0 -1px #9880ff,9999px 0 0 1px #9880ff}100%{box-shadow:9999px 0 0 1px #9880ff,10014px 0 0 -1px #9880ff,9984px 0 0 -1px #9880ff}}.dot-typing{position:relative;left:-9999px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;box-shadow:9984px 0 0 0 #9880ff,9999px 0 0 0 #9880ff,10014px 0 0 0 #9880ff;animation:dot-typing 1.5s infinite linear}@keyframes dot-typing{0%{box-shadow:9984px 0 0 0 #9880ff,9999px 0 0 0 #9880ff,10014px 0 0 0 #9880ff}16.667%{box-shadow:9984px -10px 0 0 #9880ff,9999px 0 0 0 #9880ff,10014px 0 0 0 #9880ff}33.333%{box-shadow:9984px 0 0 0 #9880ff,9999px 0 0 0 #9880ff,10014px 0 0 0 #9880ff}50%{box-shadow:9984px 0 0 0 #9880ff,9999px -10px 0 0 #9880ff,10014px 0 0 0 #9880ff}66.667%{box-shadow:9984px 0 0 0 #9880ff,9999px 0 0 0 #9880ff,10014px 0 0 0 #9880ff}83.333%{box-shadow:9984px 0 0 0 #9880ff,9999px 0 0 0 #9880ff,10014px -10px 0 0 #9880ff}100%{box-shadow:9984px 0 0 0 #9880ff,9999px 0 0 0 #9880ff,10014px 0 0 0 #9880ff}}.dot-windmill{position:relative;top:-10px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;transform-origin:5px 15px;animation:dot-windmill 2s infinite linear}.dot-windmill::before,.dot-windmill::after{content:'';display:inline-block;position:absolute}.dot-windmill::before{left:-8.66254px;top:15px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff}.dot-windmill::after{left:8.66254px;top:15px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff}@keyframes dot-windmill{0%{transform:rotateZ(0deg) translate3d(0, 0, 0)}100%{transform:rotateZ(720deg) translate3d(0, 0, 0)}}.dot-bricks{position:relative;top:8px;left:-9999px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;box-shadow:9991px -16px 0 0 #9880ff,9991px 0 0 0 #9880ff,10007px 0 0 0 #9880ff;animation:dot-bricks 2s infinite ease}@keyframes dot-bricks{0%{box-shadow:9991px -16px 0 0 #9880ff,9991px 0 0 0 #9880ff,10007px 0 0 0 #9880ff}8.333%{box-shadow:10007px -16px 0 0 #9880ff,9991px 0 0 0 #9880ff,10007px 0 0 0 #9880ff}16.667%{box-shadow:10007px -16px 0 0 #9880ff,9991px -16px 0 0 #9880ff,10007px 0 0 0 #9880ff}25%{box-shadow:10007px -16px 0 0 #9880ff,9991px -16px 0 0 #9880ff,9991px 0 0 0 #9880ff}33.333%{box-shadow:10007px 0 0 0 #9880ff,9991px -16px 0 0 #9880ff,9991px 0 0 0 #9880ff}41.667%{box-shadow:10007px 0 0 0 #9880ff,10007px -16px 0 0 #9880ff,9991px 0 0 0 #9880ff}50%{box-shadow:10007px 0 0 0 #9880ff,10007px -16px 0 0 #9880ff,9991px -16px 0 0 #9880ff}58.333%{box-shadow:9991px 0 0 0 #9880ff,10007px -16px 0 0 #9880ff,9991px -16px 0 0 #9880ff}66.666%{box-shadow:9991px 0 0 0 #9880ff,10007px 0 0 0 #9880ff,9991px -16px 0 0 #9880ff}75%{box-shadow:9991px 0 0 0 #9880ff,10007px 0 0 0 #9880ff,10007px -16px 0 0 #9880ff}83.333%{box-shadow:9991px -16px 0 0 #9880ff,10007px 0 0 0 #9880ff,10007px -16px 0 0 #9880ff}91.667%{box-shadow:9991px -16px 0 0 #9880ff,9991px 0 0 0 #9880ff,10007px -16px 0 0 #9880ff}100%{box-shadow:9991px -16px 0 0 #9880ff,9991px 0 0 0 #9880ff,10007px 0 0 0 #9880ff}}.dot-floating{position:relative;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;animation:dot-floating 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:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;animation:dot-floating-before 3s infinite ease-in-out}.dot-floating::after{left:-24px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;animation:dot-floating-after 3s infinite cubic-bezier(0.4, 0, 1, 1)}@keyframes dot-floating{0%{left:calc(-50% - 5px)}75%{left:calc(50% + 105px)}100%{left:calc(50% + 105px)}}@keyframes dot-floating-before{0%{left:-50px}50%{left:-12px}75%{left:-50px}100%{left:-50px}}@keyframes dot-floating-after{0%{left:-100px}50%{left:-24px}75%{left:-100px}100%{left:-100px}}.dot-fire{position:relative;left:-9999px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;box-shadow:9999px 22.5px 0 -5px #9880ff;animation:dot-fire 1.5s infinite linear;animation-delay:-.85s}.dot-fire::before,.dot-fire::after{content:'';display:inline-block;position:absolute;top:0;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff}.dot-fire::before{box-shadow:9999px 22.5px 0 -5px #9880ff;animation:dot-fire 1.5s infinite linear;animation-delay:-1.85s}.dot-fire::after{box-shadow:9999px 22.5px 0 -5px #9880ff;animation:dot-fire 1.5s infinite linear;animation-delay:-2.85s}@keyframes dot-fire{1%{box-shadow:9999px 22.5px 0 -5px #9880ff}50%{box-shadow:9999px -5.625px 0 2px #9880ff}100%{box-shadow:9999px -22.5px 0 -5px #9880ff}}.dot-spin{position:relative;width:10px;height:10px;border-radius:5px;background-color:rgba(0,0,0,0);color:rgba(0,0,0,0);box-shadow:0 -18px 0 0 #9880ff,12.72793px -12.72793px 0 0 #9880ff,18px 0 0 0 #9880ff,12.72793px 12.72793px 0 0 rgba(152,128,255,0),0 18px 0 0 rgba(152,128,255,0),-12.72793px 12.72793px 0 0 rgba(152,128,255,0),-18px 0 0 0 rgba(152,128,255,0),-12.72793px -12.72793px 0 0 rgba(152,128,255,0);animation:dot-spin 1.5s infinite linear}@keyframes dot-spin{0%,100%{box-shadow:0 -18px 0 0 #9880ff,12.72793px -12.72793px 0 0 #9880ff,18px 0 0 0 #9880ff,12.72793px 12.72793px 0 -5px rgba(152,128,255,0),0 18px 0 -5px rgba(152,128,255,0),-12.72793px 12.72793px 0 -5px rgba(152,128,255,0),-18px 0 0 -5px rgba(152,128,255,0),-12.72793px -12.72793px 0 -5px rgba(152,128,255,0)}12.5%{box-shadow:0 -18px 0 -5px rgba(152,128,255,0),12.72793px -12.72793px 0 0 #9880ff,18px 0 0 0 #9880ff,12.72793px 12.72793px 0 0 #9880ff,0 18px 0 -5px rgba(152,128,255,0),-12.72793px 12.72793px 0 -5px rgba(152,128,255,0),-18px 0 0 -5px rgba(152,128,255,0),-12.72793px -12.72793px 0 -5px rgba(152,128,255,0)}25%{box-shadow:0 -18px 0 -5px rgba(152,128,255,0),12.72793px -12.72793px 0 -5px rgba(152,128,255,0),18px 0 0 0 #9880ff,12.72793px 12.72793px 0 0 #9880ff,0 18px 0 0 #9880ff,-12.72793px 12.72793px 0 -5px rgba(152,128,255,0),-18px 0 0 -5px rgba(152,128,255,0),-12.72793px -12.72793px 0 -5px rgba(152,128,255,0)}37.5%{box-shadow:0 -18px 0 -5px rgba(152,128,255,0),12.72793px -12.72793px 0 -5px rgba(152,128,255,0),18px 0 0 -5px rgba(152,128,255,0),12.72793px 12.72793px 0 0 #9880ff,0 18px 0 0 #9880ff,-12.72793px 12.72793px 0 0 #9880ff,-18px 0 0 -5px rgba(152,128,255,0),-12.72793px -12.72793px 0 -5px rgba(152,128,255,0)}50%{box-shadow:0 -18px 0 -5px rgba(152,128,255,0),12.72793px -12.72793px 0 -5px rgba(152,128,255,0),18px 0 0 -5px rgba(152,128,255,0),12.72793px 12.72793px 0 -5px rgba(152,128,255,0),0 18px 0 0 #9880ff,-12.72793px 12.72793px 0 0 #9880ff,-18px 0 0 0 #9880ff,-12.72793px -12.72793px 0 -5px rgba(152,128,255,0)}62.5%{box-shadow:0 -18px 0 -5px rgba(152,128,255,0),12.72793px -12.72793px 0 -5px rgba(152,128,255,0),18px 0 0 -5px rgba(152,128,255,0),12.72793px 12.72793px 0 -5px rgba(152,128,255,0),0 18px 0 -5px rgba(152,128,255,0),-12.72793px 12.72793px 0 0 #9880ff,-18px 0 0 0 #9880ff,-12.72793px -12.72793px 0 0 #9880ff}75%{box-shadow:0 -18px 0 0 #9880ff,12.72793px -12.72793px 0 -5px rgba(152,128,255,0),18px 0 0 -5px rgba(152,128,255,0),12.72793px 12.72793px 0 -5px rgba(152,128,255,0),0 18px 0 -5px rgba(152,128,255,0),-12.72793px 12.72793px 0 -5px rgba(152,128,255,0),-18px 0 0 0 #9880ff,-12.72793px -12.72793px 0 0 #9880ff}87.5%{box-shadow:0 -18px 0 0 #9880ff,12.72793px -12.72793px 0 0 #9880ff,18px 0 0 -5px rgba(152,128,255,0),12.72793px 12.72793px 0 -5px rgba(152,128,255,0),0 18px 0 -5px rgba(152,128,255,0),-12.72793px 12.72793px 0 -5px rgba(152,128,255,0),-18px 0 0 -5px rgba(152,128,255,0),-12.72793px -12.72793px 0 0 #9880ff}}.dot-falling{position:relative;left:-9999px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;box-shadow:9999px 0 0 0 #9880ff;animation:dot-falling 1s infinite linear;animation-delay:.1s}.dot-falling::before,.dot-falling::after{content:'';display:inline-block;position:absolute;top:0}.dot-falling::before{width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;animation:dot-falling-before 1s infinite linear;animation-delay:0s}.dot-falling::after{width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;animation:dot-falling-after 1s infinite linear;animation-delay:.2s}@keyframes dot-falling{0%{box-shadow:9999px -15px 0 0 rgba(152,128,255,0)}25%,50%,75%{box-shadow:9999px 0 0 0 #9880ff}100%{box-shadow:9999px 15px 0 0 rgba(152,128,255,0)}}@keyframes dot-falling-before{0%{box-shadow:9984px -15px 0 0 rgba(152,128,255,0)}25%,50%,75%{box-shadow:9984px 0 0 0 #9880ff}100%{box-shadow:9984px 15px 0 0 rgba(152,128,255,0)}}@keyframes dot-falling-after{0%{box-shadow:10014px -15px 0 0 rgba(152,128,255,0)}25%,50%,75%{box-shadow:10014px 0 0 0 #9880ff}100%{box-shadow:10014px 15px 0 0 rgba(152,128,255,0)}}.dot-stretching{position:relative;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;transform:scale(1.25, 1.25);animation:dot-stretching 2s infinite ease-in}.dot-stretching::before,.dot-stretching::after{content:'';display:inline-block;position:absolute;top:0}.dot-stretching::before{width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;animation:dot-stretching-before 2s infinite ease-in}.dot-stretching::after{width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;animation:dot-stretching-after 2s infinite ease-in}@keyframes dot-stretching{0%{transform:scale(1.25, 1.25)}50%,60%{transform:scale(.8, .8)}100%{transform:scale(1.25, 1.25)}}@keyframes dot-stretching-before{0%{transform:translate(0) scale(.7, .7)}50%,60%{transform:translate(-20px) scale(1, 1)}100%{transform:translate(0) scale(.7, .7)}}@keyframes dot-stretching-after{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:rgba(0,0,0,0);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:rgba(0,0,0,0);opacity:0;filter:blur(2px);animation:dot-gathering 2s infinite ease-in}.dot-gathering::after{animation-delay:.5s}@keyframes dot-gathering{0%{opacity:0;transform:translateX(0)}35%,60%{opacity:1;transform:translateX(50px)}100%{opacity:0;transform:translateX(100px)}}.dot-hourglass{position:relative;top:-15px;width:12px;height:12px;border-radius:6px;background-color:#000;color:rgba(0,0,0,0);margin:-1px 0;filter:blur(2px);transform-origin:5px 20px;animation:dot-hourglass 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:rgba(0,0,0,0);filter:blur(2px)}.dot-hourglass::before{top:30px}.dot-hourglass::after{animation:dot-hourglass-after 2.4s infinite cubic-bezier(0.65, 0.05, 0.36, 1)}@keyframes dot-hourglass{0%{transform:rotateZ(0deg)}25%{transform:rotateZ(180deg)}50%{transform:rotateZ(180deg)}75%{transform:rotateZ(360deg)}100%{transform:rotateZ(360deg)}}@keyframes dot-hourglass-after{0%{transform:translateY(0)}25%{transform:translateY(30px)}50%{transform:translateY(30px)}75%{transform:translateY(0)}100%{transform:translateY(0)}}.dot-overtaking{position:relative;width:12px;height:12px;border-radius:6px;background-color:rgba(0,0,0,0);color:#000;margin:-1px 0;box-shadow:0 -20px 0 0;filter:blur(2px);animation:dot-overtaking 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:rgba(0,0,0,0);color:#000;box-shadow:0 -20px 0 0;filter:blur(2px)}.dot-overtaking::before{animation:dot-overtaking 2s infinite cubic-bezier(0.2, 0.6, 0.8, 0.2);animation-delay:.3s}.dot-overtaking::after{animation:dot-overtaking 1.5s infinite cubic-bezier(0.2, 0.6, 0.8, 0.2);animation-delay:.6s}@keyframes dot-overtaking{0%{transform:rotateZ(0deg)}100%{transform:rotateZ(360deg)}}.dot-shuttle{position:relative;left:-15px;width:12px;height:12px;border-radius:6px;background-color:#000;color:rgba(0,0,0,0);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:rgba(0,0,0,0);filter:blur(2px)}.dot-shuttle::before{left:15px;animation:dot-shuttle 2s infinite ease-out}.dot-shuttle::after{left:30px}@keyframes dot-shuttle{0%,50%,100%{transform:translateX(0)}25%{transform:translateX(-45px)}75%{transform:translateX(45px)}}.dot-bouncing{position:relative;height:10px;font-size:10px}.dot-bouncing::before{content:'⚽🏀🏐';display:inline-block;position:relative;animation:dot-bouncing 1s infinite}@keyframes dot-bouncing{0%{top:-20px;animation-timing-function:ease-in}34%{transform:scale(1, 1)}35%{top:20px;animation-timing-function:ease-out;transform:scale(1.5, 0.5)}45%{transform:scale(1, 1)}90%{top:-20px}100%{top:-20px}}.dot-rolling{position:relative;height:10px;font-size:10px}.dot-rolling::before{content:'⚽';display:inline-block;position:relative;transform:translateX(-25px);animation:dot-rolling 3s infinite}@keyframes dot-rolling{0%{content:'⚽';transform:translateX(-25px) rotateZ(0deg)}16.667%{content:'⚽';transform:translateX(25px) rotateZ(720deg)}33.333%{content:'⚽';transform:translateX(-25px) rotateZ(0deg)}34.333%{content:'🏀';transform:translateX(-25px) rotateZ(0deg)}50%{content:'🏀';transform:translateX(25px) rotateZ(720deg)}66.667%{content:'🏀';transform:translateX(-25px) rotateZ(0deg)}67.667%{content:'🏐';transform:translateX(-25px) rotateZ(0deg)}83.333%{content:'🏐';transform:translateX(25px) rotateZ(720deg)}100%{content:'🏐';transform:translateX(-25px) rotateZ(0deg)}}\n"]} \ No newline at end of file diff --git a/docs/css/three-dots.css b/docs/css/three-dots.css index 697b896..114f84f 100644 --- a/docs/css/three-dots.css +++ b/docs/css/three-dots.css @@ -1,6 +1,6 @@ /*! - * three-dots - v0.2.1 + * three-dots - v0.2.2 * CSS loading animation made by single element. * https://nzbin.github.io/three-dots/ * @@ -648,7 +648,7 @@ } .dot-windmill::before { - left: -8.66px; + left: -8.66254px; top: 15px; width: 10px; height: 10px; @@ -658,7 +658,7 @@ } .dot-windmill::after { - left: 8.66px; + left: 8.66254px; top: 15px; width: 10px; height: 10px; @@ -1001,7 +1001,7 @@ border-radius: 5px; background-color: transparent; color: transparent; - box-shadow: 0 -18px 0 0 #9880ff, 12.72984px -12.72984px 0 0 #9880ff, 18px 0 0 0 #9880ff, 12.72984px 12.72984px 0 0 rgba(152, 128, 255, 0), 0 18px 0 0 rgba(152, 128, 255, 0), -12.72984px 12.72984px 0 0 rgba(152, 128, 255, 0), -18px 0 0 0 rgba(152, 128, 255, 0), -12.72984px -12.72984px 0 0 rgba(152, 128, 255, 0); + box-shadow: 0 -18px 0 0 #9880ff, 12.72793px -12.72793px 0 0 #9880ff, 18px 0 0 0 #9880ff, 12.72793px 12.72793px 0 0 rgba(152, 128, 255, 0), 0 18px 0 0 rgba(152, 128, 255, 0), -12.72793px 12.72793px 0 0 rgba(152, 128, 255, 0), -18px 0 0 0 rgba(152, 128, 255, 0), -12.72793px -12.72793px 0 0 rgba(152, 128, 255, 0); -webkit-animation: dot-spin 1.5s infinite linear; animation: dot-spin 1.5s infinite linear; } @@ -1009,56 +1009,56 @@ @-webkit-keyframes dot-spin { 0%, 100% { - box-shadow: 0 -18px 0 0 #9880ff, 12.72984px -12.72984px 0 0 #9880ff, 18px 0 0 0 #9880ff, 12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0); + box-shadow: 0 -18px 0 0 #9880ff, 12.72793px -12.72793px 0 0 #9880ff, 18px 0 0 0 #9880ff, 12.72793px 12.72793px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72793px 12.72793px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72793px -12.72793px 0 -5px rgba(152, 128, 255, 0); } 12.5% { - box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72984px -12.72984px 0 0 #9880ff, 18px 0 0 0 #9880ff, 12.72984px 12.72984px 0 0 #9880ff, 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0); + box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72793px -12.72793px 0 0 #9880ff, 18px 0 0 0 #9880ff, 12.72793px 12.72793px 0 0 #9880ff, 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72793px 12.72793px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72793px -12.72793px 0 -5px rgba(152, 128, 255, 0); } 25% { - box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 0 #9880ff, 12.72984px 12.72984px 0 0 #9880ff, 0 18px 0 0 #9880ff, -12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0); + box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72793px -12.72793px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 0 #9880ff, 12.72793px 12.72793px 0 0 #9880ff, 0 18px 0 0 #9880ff, -12.72793px 12.72793px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72793px -12.72793px 0 -5px rgba(152, 128, 255, 0); } 37.5% { - box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72984px 12.72984px 0 0 #9880ff, 0 18px 0 0 #9880ff, -12.72984px 12.72984px 0 0 #9880ff, -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0); + box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72793px -12.72793px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72793px 12.72793px 0 0 #9880ff, 0 18px 0 0 #9880ff, -12.72793px 12.72793px 0 0 #9880ff, -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72793px -12.72793px 0 -5px rgba(152, 128, 255, 0); } 50% { - box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 0 #9880ff, -12.72984px 12.72984px 0 0 #9880ff, -18px 0 0 0 #9880ff, -12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0); + box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72793px -12.72793px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72793px 12.72793px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 0 #9880ff, -12.72793px 12.72793px 0 0 #9880ff, -18px 0 0 0 #9880ff, -12.72793px -12.72793px 0 -5px rgba(152, 128, 255, 0); } 62.5% { - box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72984px 12.72984px 0 0 #9880ff, -18px 0 0 0 #9880ff, -12.72984px -12.72984px 0 0 #9880ff; + box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72793px -12.72793px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72793px 12.72793px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72793px 12.72793px 0 0 #9880ff, -18px 0 0 0 #9880ff, -12.72793px -12.72793px 0 0 #9880ff; } 75% { - box-shadow: 0 -18px 0 0 #9880ff, 12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 0 #9880ff, -12.72984px -12.72984px 0 0 #9880ff; + box-shadow: 0 -18px 0 0 #9880ff, 12.72793px -12.72793px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72793px 12.72793px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72793px 12.72793px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 0 #9880ff, -12.72793px -12.72793px 0 0 #9880ff; } 87.5% { - box-shadow: 0 -18px 0 0 #9880ff, 12.72984px -12.72984px 0 0 #9880ff, 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72984px -12.72984px 0 0 #9880ff; + box-shadow: 0 -18px 0 0 #9880ff, 12.72793px -12.72793px 0 0 #9880ff, 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72793px 12.72793px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72793px 12.72793px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72793px -12.72793px 0 0 #9880ff; } } @keyframes dot-spin { 0%, 100% { - box-shadow: 0 -18px 0 0 #9880ff, 12.72984px -12.72984px 0 0 #9880ff, 18px 0 0 0 #9880ff, 12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0); + box-shadow: 0 -18px 0 0 #9880ff, 12.72793px -12.72793px 0 0 #9880ff, 18px 0 0 0 #9880ff, 12.72793px 12.72793px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72793px 12.72793px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72793px -12.72793px 0 -5px rgba(152, 128, 255, 0); } 12.5% { - box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72984px -12.72984px 0 0 #9880ff, 18px 0 0 0 #9880ff, 12.72984px 12.72984px 0 0 #9880ff, 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0); + box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72793px -12.72793px 0 0 #9880ff, 18px 0 0 0 #9880ff, 12.72793px 12.72793px 0 0 #9880ff, 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72793px 12.72793px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72793px -12.72793px 0 -5px rgba(152, 128, 255, 0); } 25% { - box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 0 #9880ff, 12.72984px 12.72984px 0 0 #9880ff, 0 18px 0 0 #9880ff, -12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0); + box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72793px -12.72793px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 0 #9880ff, 12.72793px 12.72793px 0 0 #9880ff, 0 18px 0 0 #9880ff, -12.72793px 12.72793px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72793px -12.72793px 0 -5px rgba(152, 128, 255, 0); } 37.5% { - box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72984px 12.72984px 0 0 #9880ff, 0 18px 0 0 #9880ff, -12.72984px 12.72984px 0 0 #9880ff, -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0); + box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72793px -12.72793px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72793px 12.72793px 0 0 #9880ff, 0 18px 0 0 #9880ff, -12.72793px 12.72793px 0 0 #9880ff, -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72793px -12.72793px 0 -5px rgba(152, 128, 255, 0); } 50% { - box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 0 #9880ff, -12.72984px 12.72984px 0 0 #9880ff, -18px 0 0 0 #9880ff, -12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0); + box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72793px -12.72793px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72793px 12.72793px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 0 #9880ff, -12.72793px 12.72793px 0 0 #9880ff, -18px 0 0 0 #9880ff, -12.72793px -12.72793px 0 -5px rgba(152, 128, 255, 0); } 62.5% { - box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72984px 12.72984px 0 0 #9880ff, -18px 0 0 0 #9880ff, -12.72984px -12.72984px 0 0 #9880ff; + box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72793px -12.72793px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72793px 12.72793px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72793px 12.72793px 0 0 #9880ff, -18px 0 0 0 #9880ff, -12.72793px -12.72793px 0 0 #9880ff; } 75% { - box-shadow: 0 -18px 0 0 #9880ff, 12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 0 #9880ff, -12.72984px -12.72984px 0 0 #9880ff; + box-shadow: 0 -18px 0 0 #9880ff, 12.72793px -12.72793px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72793px 12.72793px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72793px 12.72793px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 0 #9880ff, -12.72793px -12.72793px 0 0 #9880ff; } 87.5% { - box-shadow: 0 -18px 0 0 #9880ff, 12.72984px -12.72984px 0 0 #9880ff, 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72984px -12.72984px 0 0 #9880ff; + box-shadow: 0 -18px 0 0 #9880ff, 12.72793px -12.72793px 0 0 #9880ff, 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72793px 12.72793px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72793px 12.72793px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72793px -12.72793px 0 0 #9880ff; } } diff --git a/package.json b/package.json index ff9b4be..c0b029c 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "three-dots", - "version": "0.2.1", + "version": "0.2.2", "description": "CSS loading animation made by single element.", "main": "dist/three-dots.css", "files": [