SImplied CSS after removing text from animation

styles.css

@@ -721,23 +721,15 @@ body {
 }
 
 /* Loading Animation CSS using your theme colors */
-
 .thinking-indicator {
     display: inline-flex;
     align-items: center;
-    font-family: "Oswald", sans-serif;
-    color: var(--secondarytext-color);
-    font-size: 14px;
     padding: 8px 12px;
-    background: var(--text_areabackground);
-    border-radius: 8px;
     margin: 5px 0;
-    border-left: var(--border-hover) solid var(--primary-light);
-    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+    background-color: transparent;
 }
 
 .dots-container {
-    margin-left: 8px;
     display: inline-flex;
     gap: 3px;
     align-items: center;
@@ -752,99 +744,17 @@ body {
     display: inline-block;
 }
 
-.dot:nth-child(1) { 
-    animation-delay: 0s; 
-}
-
-.dot:nth-child(2) { 
-    animation-delay: 0.3s; 
-}
-
-.dot:nth-child(3) { 
-    animation-delay: 0.6s; 
-}
+.dot:nth-child(1) { animation-delay: 0s; }
+.dot:nth-child(2) { animation-delay: 0.3s; }
+.dot:nth-child(3) { animation-delay: 0.6s; }
 
 @keyframes pulse {
     0%, 70%, 100% {
         transform: scale(0.8);
         opacity: 0.4;
-        background-color: var(--secondary-light);
     }
     35% {
         transform: scale(1.2);
         opacity: 1;
-        background-color: var(--primary-dark);
-    }
-}
-
-/* Alternative bouncing animation variant */
-.thinking-indicator.bounce .dot {
-    animation: bounce 1.2s infinite ease-in-out;
-    background-color: var(--secondary-dark);
-}
-
-@keyframes bounce {
-    0%, 60%, 100% {
-        transform: translateY(0);
-        background-color: var(--secondary-light);
-    }
-    30% {
-        transform: translateY(-6px);
-        background-color: var(--primary-light);
-    }
-}
-
-/* Subtle variant for less prominent loading */
-.thinking-indicator.subtle {
-    background: rgba(243, 244, 246, 0.7);
-    border-left: var(--border-default) solid var(--secondary-light);
-    font-size: 12px;
-    padding: 6px 10px;
-}
-
-.thinking-indicator.subtle .dot {
-    width: 3px;
-    height: 3px;
-    background-color: var(--secondary-dark);
-}
-
-/* Processing variant for longer operations */
-.thinking-indicator.processing {
-    background: linear-gradient(90deg, var(--text_areabackground) 0%, rgba(20, 184, 166, 0.1) 50%, var(--text_areabackground) 100%);
-    border-left: var(--border-hover) solid var(--ai_message);
-    color: var(--primarytext-color);
-}
-
-.thinking-indicator.processing .dot {
-    background-color: var(--ai_message);
-}
-
-@keyframes processing-pulse {
-    0%, 70%, 100% {
-        transform: scale(0.8);
-        opacity: 0.5;
-        background-color: var(--ai_message);
-    }
-    35% {
-        transform: scale(1.1);
-        opacity: 1;
-        background-color: var(--secondary-dark);
-    }
-}
-
-.thinking-indicator.processing .dot {
-    animation: processing-pulse 1.4s infinite ease-in-out;
-}
-
-/* Responsive adjustments */
-@media (max-width: 768px) {
-    .thinking-indicator {
-        font-size: 13px;
-        padding: 6px 10px;
-    }
-    
-    .dot {
-        width: 3px;
-        height: 3px;
     }
 }