From 82effbf08706edd455e30d82f50fe92ca2a76e4f Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Sat, 18 Feb 2023 23:34:37 +0100
Subject: [PATCH] Created the SpeedtestDialog styles.sass

---
 .../components/SpeedtestDialog/styles.sass    | 59 +++++++++++++++++++
 1 file changed, 59 insertions(+)
 create mode 100644 client/src/common/components/SpeedtestDialog/styles.sass

diff --git a/client/src/common/components/SpeedtestDialog/styles.sass b/client/src/common/components/SpeedtestDialog/styles.sass
new file mode 100644
index 00000000..3c74ef4e
--- /dev/null
+++ b/client/src/common/components/SpeedtestDialog/styles.sass
@@ -0,0 +1,59 @@
+@import "@/common/styles/colors"
+
+.dialog-speedtest
+  display: flex
+  justify-content: center
+  align-content: center
+  align-items: center
+  width: 70px
+  height: 70px
+
+.lds-ellipsis
+  display: inline-block
+  position: relative
+  width: 80px
+  height: 80px
+
+.lds-ellipsis div
+  position: absolute
+  top: 33px
+  width: 13px
+  height: 13px
+  border-radius: 50%
+  background: $white
+  animation-timing-function: cubic-bezier(0, 1, 1, 0)
+
+.lds-ellipsis div:nth-child(1)
+  left: 8px
+  animation: lds-ellipsis1 0.6s infinite
+
+.lds-ellipsis div:nth-child(2)
+  left: 8px
+  animation: lds-ellipsis2 0.6s infinite
+
+.lds-ellipsis div:nth-child(3)
+  left: 32px
+  animation: lds-ellipsis2 0.6s infinite
+
+.lds-ellipsis div:nth-child(4)
+  left: 56px
+  animation: lds-ellipsis3 0.6s infinite
+
+@keyframes lds-ellipsis1
+  0%
+    transform: scale(0)
+  100%
+    transform: scale(1)
+
+@keyframes lds-ellipsis3
+  0%
+    transform: scale(1)
+  100%
+    transform: scale(0)
+
+
+@keyframes lds-ellipsis2
+  0%
+    transform: translate(0, 0)
+  100%
+    transform: translate(24px, 0)
\ No newline at end of file