chore: cleanup duplicate markup

1 files changed, 42 insertions, 0 deletions

diff --git a/packages/ui/src/components/session-message-rail.css b/packages/ui/src/components/session-message-rail.css
new file mode 100644
index 000000000..9d302e10e
--- /dev/null
+++ b/packages/ui/src/components/session-message-rail.css
@@ -0,0 +1,42 @@
+[data-component="session-message-rail"] {
+  display: contents;
+}
+
+[data-slot="session-message-rail-compact"],
+[data-slot="session-message-rail-full"] {
+  position: absolute;
+  left: 1.5rem;
+  margin-top: 0.625rem;
+}
+
+[data-slot="session-message-rail-compact"] {
+  display: flex;
+}
+
+[data-slot="session-message-rail-full"] {
+  display: none;
+}
+
+@media (min-width: 72rem) {
+  [data-slot="session-message-rail-compact"] {
+    display: none;
+  }
+
+  [data-slot="session-message-rail-full"] {
+    display: flex;
+  }
+}
+
+[data-component="session-message-rail"] [data-slot="session-message-rail-full"] {
+  transform: none;
+}
+
+[data-component="session-message-rail"][data-wide] [data-slot="session-message-rail-full"] {
+  margin-top: 0.125rem;
+  left: calc(((100% - min(100%, 36.5rem)) / 2) - 1.5rem);
+  transform: translateX(-100%);
+}
+
+[data-component="session-message-rail"]:not([data-wide]) [data-slot="session-message-rail-full"] {
+  margin-top: 0.625rem;
+}