Scroll area
Message row 1
Message row 2
Message row 3
Message row 4
Message row 5
Message row 6
Message row 7
Message row 8
Message row 9
Message row 10
Message row 11
Message row 12
Message row 13
Message row 14
Message row 15
Message row 16
Message row 17
Message row 18
Message row 19
Message row 20
Message row 21
Message row 22
Message row 23
Message row 24
default — edge fade on, themed thumb (hover it)
Message row 1
Message row 2
Message row 3
Message row 4
Message row 5
Message row 6
Message row 7
Message row 8
Message row 9
Message row 10
Message row 11
Message row 12
Message row 13
Message row 14
Message row 15
Message row 16
Message row 17
Message row 18
Message row 19
Message row 20
Message row 21
Message row 22
Message row 23
Message row 24
fade=false — content meets the edges
Message row 1
Message row 2
Message row 3
Message row 4
Message row 5
Message row 6
Message row 7
Message row 8
Message row 9
Message row 10
Message row 11
Message row 12
Message row 13
Message row 14
Message row 15
Message row 16
Message row 17
Message row 18
Message row 19
Message row 20
Message row 21
Message row 22
Message row 23
Message row 24
contentMax=160 — children clamp via var(--scroll-content-max)