csc loading spinner

sae-csc/src/app/shared/translate-texts/translate-texts.scss

@@ -139,4 +139,36 @@
     display: none;
   }
 
+  .loading-container {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: calc(235px - 16px);
+  }
+
+  .loading {
+    width: 3rem;
+    height: 3rem;
+
+    color: variables.$csc-magic-color;
+
+    i {
+      font-size: 3rem;
+    }
+  }
+
+  // Spinner animation
+  .spinning {
+    animation: spin 1s linear infinite;
+  }
+
+  @keyframes spin {
+    from {
+      transform: rotate(0deg);
+    }
+    to {
+      transform: rotate(360deg);
+    }
+  }
+
 }