make model switch work with toast

lama_cleaner/app/src/styles/_Animations.scss

@@ -37,3 +37,21 @@
     transform: translateY(0);
   }
 }
+
+@keyframes slideIn {
+  0% {
+    transform: translateX(calc(100% + 25px));
+  }
+  100% {
+    transform: translateX(0);
+  }
+}
+
+@keyframes spin {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}

lama_cleaner/app/src/styles/_Colors.scss

@@ -7,6 +7,10 @@
   --yellow-accent: #ffcc00;
   --link-color: rgb(0, 0, 0);
   --border-color: rgb(100, 100, 120);
+  --border-color-light: rgba(100, 100, 120, 0.5);
+
+  --error-color: rgb(239, 68, 68);
+  --success-color: rgb(16, 185, 129);
 
   // Editor
   --editor-toolkit-bg: rgba(255, 255, 255, 0.5);

lama_cleaner/app/src/styles/_ColorsDark.scss

@@ -7,6 +7,7 @@
   --yellow-accent: #ffcc00;
   --link-color: var(--yellow-accent);
   --border-color: rgb(100, 100, 120);
+  --border-color-light: rgba(102, 102, 102);
 
   // Editor
   --editor-toolkit-bg: rgba(0, 0, 0, 0.5);

lama_cleaner/app/src/styles/_index.scss

@@ -20,6 +20,7 @@
 @use '../components/shared/Selector';
 @use '../components/shared/Switch';
 @use '../components/shared/NumberInput';
+@use '../components/shared/Toast';
 
 // Main CSS
 *,