Small changes to black-teal-reimagined

javascript/black-teal-reimagined.css

@@ -813,10 +813,18 @@ textarea[rows="1"] {
   background: var(--background-color);
   box-shadow: var(--shadow-md);
   border-radius: var(--radius-lg);
+  transform: translateX(100%);
+  animation: slideIn 0.5s forwards;
   overflow: hidden;
   /* Prevents overflow of content */
 }
 
+@keyframes slideIn {
+  to {
+    transform: translateX(0);
+  }
+}
+
 /* Extra Networks Styles */
 .extra-networks {
   background: var(--background-color);
@@ -1032,6 +1040,20 @@ textarea[rows="1"] {
   height: 100%;
 }
 
+/* Token counters styling */
+
+#txt2img_token_counter, #txt2img_negative_token_counter {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-evenly;
+  padding: 10px;
+}
+
+#txt2img_prompt_container {
+  margin: 5px;
+  padding: 0px;
+}
+
 /* Based on Gradio Built-in Dark Theme */
 :root,
 .light,