packages/ui/src/components/session-message-rail.css


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41

[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;
}

@container (min-width: 88rem) {
  [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%, 50rem)) / 2) - 1.5rem);
  transform: translateX(-100%);
}

[data-component="session-message-rail"]:not([data-wide]) [data-slot="session-message-rail-full"] {
  margin-top: 0.625rem;
}