1
.attachmentsList:empty {
2
    width: 100%;
3
    height: 100%;
4
}
5

6
.attachmentsList:empty::before {
7
    display: flex;
8
    align-items: center;
9
    justify-content: center;
10
    content: "No data";
11
    font-weight: bolder;
12
    width: 100%;
13
    height: 100%;
14
    opacity: 0.8;
15
    min-height: 3rem;
16
}
17

18
.attachmentListItem {
19
    padding: 10px;
20
}
21

22
.attachmentListItem.disabled .attachmentListItemName {
23
    text-decoration: line-through;
24
    opacity: 0.75;
25
}
26

27
.attachmentListItem.disabled .attachmentFileIcon {
28
    opacity: 0.75;
29
    cursor: not-allowed;
30
}
31

32
.attachmentListItemSize {
33
    min-width: 4em;
34
    text-align: right;
35
}
36

37
.attachmentListItemCreated {
38
    text-align: right;
39
}
40

41
.attachmentListItemCheckboxContainer,
42
.attachmentBulkActionsContainer,
43
.attachmentsBulkEditCheckbox {
44
    display: none;
45
}
46

47
@supports selector(:has(*)) {
48
    .dataBankAttachments:has(.attachmentsBulkEditCheckbox:checked) .attachmentsBulkEditButton {
49
        color: var(--golden);
50
    }
51

52
    .dataBankAttachments:has(.attachmentsBulkEditCheckbox:checked) .attachmentBulkActionsContainer {
53
        display: flex;
54
    }
55

56
    .dataBankAttachments:has(.attachmentsBulkEditCheckbox:checked) .attachmentListItemCheckboxContainer {
57
        display: inline-flex;
58
    }
59

60
    .dataBankAttachments:has(.attachmentsBulkEditCheckbox:checked) .attachmentFileIcon {
61
        display: none;
62
    }
63
}