1.list {
 2	margin: 20px 32px;
 3
 4	.header {
 5		color: #eeb302;
 6		font-weight: 600;
 7		padding: 8px 24px;
 8		display: flex;
 9		flex-direction: row;
10		align-items: center;
11
12		.name {
13			width: 0px;
14			flex-grow: 1;
15			flex-shrink: 1;
16			overflow: hidden;
17			text-overflow: ellipsis;
18			margin-right: auto;
19		}
20
21		.reveal-at,
22		.created-at {
23			width: 240px;
24			text-align: center;
25		}
26	}
27
28	.secret {
29		padding: 6px 24px;
30		display: flex;
31		flex-direction: row;
32		gap: 16px;
33		align-items: center;
34		background: #333333;
35		border: 1px solid #444444;
36		border-bottom: none;
37		color: #ffffff;
38		text-decoration: none;
39		cursor: pointer;
40
41		&:hover {
42			text-decoration: none;
43		}
44
45		.name {
46			width: 0px;
47			flex-grow: 1;
48			flex-shrink: 1;
49			overflow: hidden;
50			text-overflow: ellipsis;
51			margin-right: auto;
52		}
53
54		.reveal-at,
55		.created-at {
56			width: 240px;
57			text-align: center;
58		}
59
60		&:last-child {
61			border-bottom: 1px solid #444444;
62		}
63
64		&:hover {
65			background: #444444;
66			transition: background 0.2s;
67		}
68	}
69
70	.empty {
71		padding: 6px 24px;
72		color: #999999;
73		text-align: center;
74	}
75}