1.onagre {
  2    background: #eff1f5;
  3    color: #4c4f69;
  4    --icon-theme: "Papirus-Light";
  5    --font-family: "{{ .font }}";
  6{{- if eq .chezmoi.hostname "angmar" }}
  7    --icon-size: 30;
  8{{- else if eq .chezmoi.hostname "sidhe" }}
  9    --icon-size: 24;
 10{{- end }}
 11    border-radius: 8%;
 12    border-color: #eff1f5;
 13    border-width: 4px;
 14    padding: 5px;
 15{{- if eq .chezmoi.hostname "angmar" }}
 16    width: 950px;
 17    height: 700px;
 18{{- else if eq .chezmoi.hostname "sidhe" }}
 19    width: 950px;
 20    height: 700px;
 21{{- end }}
 22
 23    .container {
 24        .rows {
 25            --height: fill-portion 6;
 26            .row {
 27                .icon {
 28                    padding-top: 4px;
 29                    --align-y: center;
 30                }
 31
 32                .category-icon {
 33                    --align-y: center;
 34                    padding-left: 5px;
 35{{- if eq .chezmoi.hostname "angmar" }}
 36                    --icon-size: 15;
 37{{- else if eq .chezmoi.hostname "sidhe" }}
 38                    --icon-size: 12;
 39{{- end }}
 40                }
 41
 42                .title {
 43{{- if eq .chezmoi.hostname "angmar" }}
 44                    font-size: 23px;
 45{{- else if eq .chezmoi.hostname "sidhe" }}
 46                    font-size: 18px;
 47{{- end }}
 48                }
 49
 50                .description {
 51{{- if eq .chezmoi.hostname "angmar" }}
 52                    font-size: 18px;
 53{{- else if eq .chezmoi.hostname "sidhe" }}
 54                    font-size: 12px;
 55{{- end }}
 56                }
 57            }
 58
 59            .row-selected {
 60                border-radius: 8%;
 61                background: #dbdce1;
 62
 63                .icon {
 64                    padding-top: 4px;
 65                }
 66
 67                .category-icon {
 68                    padding-left: 5px;
 69{{- if eq .chezmoi.hostname "angmar" }}
 70                    --icon-size: 15;
 71{{- else if eq .chezmoi.hostname "sidhe" }}
 72                    --icon-size: 12;
 73{{- end }}
 74                }
 75
 76                .title {
 77{{- if eq .chezmoi.hostname "angmar" }}
 78                    font-size: 23px;
 79{{- else if eq .chezmoi.hostname "sidhe" }}
 80                    font-size: 18px;
 81{{- end }}
 82                }
 83
 84                .description {
 85{{- if eq .chezmoi.hostname "angmar" }}
 86                    font-size: 18px;
 87{{- else if eq .chezmoi.hostname "sidhe" }}
 88                    font-size: 12px;
 89{{- end }}
 90                }
 91            }
 92        }
 93
 94        .search {
 95            border-radius: 5%;
 96            background: #dbdce1;
 97            --height: 50px;
 98            padding: 4px;
 99            .input {
100                font-size: 20px;
101            }
102        }
103
104        .scrollable {
105            border-radius: 5%;
106            background: #c0c0c0;
107            .scroller {
108                border-radius: 5%;
109                color: #a1a1a1;
110            }
111        }
112    }
113}