UPDATE: Draft

src/app/globals.css

@@ -1,12 +1,17 @@
 @import "tailwindcss";
 
+
 @plugin "daisyui" {
-    themes: winter --default, night --prefersdark, cupcake, coffee;
+  themes: winter --default, night --prefersdark, cupcake, coffee;
 }
+
+@tailwind utilities;
+
 @plugin 'tailwind-scrollbar' {
     nocompatible: true;
 }
 
+
 :root {
   --size-big: 4vw;
   --size-medium: 3vw;
@@ -30,40 +35,3 @@
 ::-webkit-scrollbar-button {
   display: none; 
 }
-
-@tailwind utilities;
-
-@layer components {
-  /* .my-react-select-container {
-  } */
-  .my-react-select-container .my-react-select__control {
-    @apply bg-white dark:bg-neutral-700 border-2 border-neutral-300 dark:border-neutral-700 hover:border-neutral-400 dark:hover:border-neutral-500;
-  }
-
-  .my-react-select-container .my-react-select__control--is-focused {
-    @apply border-neutral-500 hover:border-neutral-500 dark:border-neutral-400 dark:hover:border-neutral-400 shadow-none;
-  }
-
-  .my-react-select-container .my-react-select__menu {
-    @apply bg-neutral-100 dark:bg-neutral-700 border-2 border-neutral-300 dark:border-neutral-600;
-  }
-
-  .my-react-select-container .my-react-select__option {
-    @apply text-neutral-600 dark:text-neutral-200 bg-neutral-100 hover:bg-neutral-200 dark:bg-neutral-700 dark:hover:bg-neutral-800;
-  }
-  /* .my-react-select-container .my-react-select__option--is-focused {
-    @apply bg-neutral-200 dark:bg-neutral-800;
-  } */
-
-  .my-react-select-container .my-react-select__indicator-separator {
-    @apply bg-neutral-400;
-  }
-  .my-react-select-container .my-react-select__menu {
-    z-index: 999;
-  }
-  .my-react-select-container .my-react-select__input-container,
-  .my-react-select-container .my-react-select__placeholder,
-  .my-react-select-container .my-react-select__single-value {
-    @apply text-neutral-600 dark:text-neutral-200;
-  }
-}