From 3e814fc294438cf029bfbd50b33ce34be3f18f34 Mon Sep 17 00:00:00 2001
From: Gigiaj <gigiaboone@yahoo.com>
Date: Tue, 17 Jun 2025 13:06:32 -0500
Subject: [PATCH] Add style for draggable

---
 .../components/message/behavior/style.css.ts  | 29 +++++++++++++++++++
 1 file changed, 29 insertions(+)
 create mode 100644 src/app/components/message/behavior/style.css.ts

diff --git a/src/app/components/message/behavior/style.css.ts b/src/app/components/message/behavior/style.css.ts
new file mode 100644
index 00000000..39df357c
--- /dev/null
+++ b/src/app/components/message/behavior/style.css.ts
@@ -0,0 +1,29 @@
+import { style } from '@vanilla-extract/css';
+
+export const container = style({
+  position: 'relative',
+  overflow: 'hidden',
+  width: '100%',
+});
+
+export const iconContainer = style({
+  position: 'absolute',
+  top: 0,
+  bottom: 0,
+  right: 0,
+  display: 'flex',
+  alignItems: 'center',
+  justifyContent: 'center',
+  width: '150px',
+});
+
+export const messageContent = style({
+  position: 'relative',
+  touchAction: 'pan-y',
+  backgroundColor: 'var(--folds-color-Background-Main)',
+  width: '100%',
+});
+
+export const icon = style({
+  position: 'absolute',
+});