diff --git a/app/styles/global.css b/app/styles/global.css
index 7fa7a3f0..283b5b12 100644
--- a/app/styles/global.css
+++ b/app/styles/global.css
@@ -130,3 +130,14 @@
     @apply absolute left-10 top-20 -rotate-6;
   }
 }
+
+#shadxs {
+  box-shadow: 0 0 1px rgba(77, 77, 77, 0.5);
+}
+
+#shadsm {
+  box-shadow: 0 0 3px rgba(77, 77, 77, 0.5);
+}
+#shadlg {
+  box-shadow: 0 0 6px rgba(77, 77, 77, 0.5);
+}
diff --git a/tailwind.config.ts b/tailwind.config.ts
index abbdb2f5..41932e0b 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -1,5 +1,9 @@
 import type { Config } from "tailwindcss";
 
+
+
+
+
 const config = {
   darkMode: ["class"],
   content: [
@@ -57,6 +61,9 @@ const config = {
         lg: "var(--radius)",
         md: "calc(var(--radius) - 2px)",
         sm: "calc(var(--radius) - 4px)",
+        shadxs: "0 1px rgba(77, 77, 77, 0.5)",
+        shadsm: "0 0 3px rgba(77, 77, 77, 0.5)",
+        shadlg: "0 0 6px rgba(77, 77, 77, 0.5)",
       },
       keyframes: {
         "accordion-down": {
@@ -78,4 +85,4 @@ const config = {
   plugins: [require("tailwindcss-animate")],
 } satisfies Config;
 
-export default config;
+export default config;
\ No newline at end of file