1
.chatBackupsList {
2
    display: flex;
3
    flex-direction: column;
4
    gap: 5px;
5
    transition: height var(--animation-duration) ease;
6
    max-height: min(25dvh, 250px);
7
    overflow-y: auto;
8
    border-radius: 10px;
9
    border: 1px solid var(--SmartThemeBorderColor);
10
    padding: 5px;
11
    width: 100%;
12
}
13

14
.chatBackupsList:not(.open),
15
.chatBackupsList:empty {
16
    display: none;
17
}
18

19
.chatBackupsListItem {
20
    display: flex;
21
    flex-wrap: wrap;
22
    flex-direction: row;
23
    align-items: center;
24
    justify-content: space-between;
25
    gap: 10px;
26
    width: 100%;
27
    border: 1px solid var(--SmartThemeBorderColor);
28
    border-radius: 5px;
29
    padding: 5px 7px;
30
    font-size: smaller;
31
    background: var(--black30a);
32
}
33

34
.chatBackupsListItemName {
35
    opacity: 0.75;
36
    flex-grow: 1;
37
    overflow: hidden;
38
    text-overflow: ellipsis;
39
    white-space: nowrap;
40
}
41

42
.chatBackupsListItemInfo {
43
    opacity: 0.75;
44
}
45

46
.chatBackupsListItemActions {
47
    display: flex;
48
    align-items: center;
49
    gap: 5px;
50
}
51

52
.chatBackupsListItemActions .right_menu_button {
53
    font-size: var(--mainFontSize);
54
}