1.onagre {
 2    background: #eff1f5;
 3    color: #4c4f69;
 4    --icon-theme: "Papirus-Light";
 5    --font-family: "Berkeley Mono";
 6    --icon-size: 24;
 7    border-radius: 8%;
 8    border-color: #eff1f5;
 9    border-width: 4px;
10    padding: 5px;
11
12    .container {
13        .rows {
14            --height: fill-portion 6;
15            .row {
16                .icon {
17                    padding-top: 4px;
18                }
19
20                .category-icon {
21                    padding-left: 5px;
22                    --icon-size: 11;
23                }
24
25                .title {
26                    font-size: 18px;
27                }
28
29                .description {
30                    font-size: 12px;
31                }
32            }
33
34            .row-selected {
35                border-radius: 8%;
36                background: #dbdce1;
37
38                .icon {
39                    padding-top: 4px;
40                }
41
42                .category-icon {
43                    padding-left: 5px;
44                    --icon-size: 11;
45                }
46
47                .title {
48                    font-size: 20px;
49                }
50
51                .description {
52                    font-size: 12px;
53                }
54            }
55        }
56
57        .search {
58            border-radius: 5%;
59            background: #dbdce1;
60            --height: fill-portion 1;
61            padding: 4px;
62            .input {
63                font-size: 20px;
64            }
65        }
66
67        .scrollable {
68            border-radius: 5%;
69            background: #c0c0c0;
70            .scroller {
71                border-radius: 5%;
72                color: #a1a1a1;
73            }
74        }
75    }
76}