diff --git a/admin/src/common/contexts/Dialog/styles.sass b/admin/src/common/contexts/Dialog/styles.sass
new file mode 100644
index 0000000..8d58f36
--- /dev/null
+++ b/admin/src/common/contexts/Dialog/styles.sass
@@ -0,0 +1,46 @@
+@import "@/common/styles/colors"
+
+.dialog-area
+  position: fixed
+  top: 0
+  bottom: 0
+  left: 0
+  right: 0
+  background-color: rgba(0, 0, 0, 0.6)
+  display: flex
+  align-items: center
+  justify-content: center
+  z-index: 5
+  backdrop-filter: blur(2px)
+
+.dialog
+  background-color: $white
+  border-radius: 15px
+  transition: all 0.3s
+  animation: fadeIn 0.3s
+  padding: 15px
+  display: flex
+  flex-direction: column
+  gap: 1rem
+  z-index: 100
+
+.dialog-hidden
+  visibility: hidden
+  opacity: 0
+  animation: fadeOut 0.3s
+
+@keyframes fadeIn
+  0%
+    opacity: 0
+    transform: scale(0.4)
+    filter: blur(10px)
+  100%
+    opacity: 1
+
+@keyframes fadeOut
+  0%
+    opacity: 1
+  100%
+    opacity: 0
+    transform: scale(0.4)
+    filter: blur(10px)
\ No newline at end of file