.onagre {
    background: #eff1f5;
    color: #4c4f69;
    --icon-theme: "Papirus-Light";
    --font-family: "{{ .font }}";
{{- if eq .chezmoi.hostname "angmar" }}
    --icon-size: 30;
{{- else if eq .chezmoi.hostname "sidhe" }}
    --icon-size: 24;
{{- end }}
    border-radius: 8%;
    border-color: #eff1f5;
    border-width: 4px;
    padding: 5px;
{{- if eq .chezmoi.hostname "angmar" }}
    width: 950px;
    height: 700px;
{{- else if eq .chezmoi.hostname "sidhe" }}
    width: 950px;
    height: 700px;
{{- end }}

    .container {
        .rows {
            --height: fill-portion 6;
            .row {
                .icon {
                    padding-top: 4px;
                    --align-y: center;
                }

                .category-icon {
                    --align-y: center;
                    padding-left: 5px;
{{- if eq .chezmoi.hostname "angmar" }}
                    --icon-size: 15;
{{- else if eq .chezmoi.hostname "sidhe" }}
                    --icon-size: 12;
{{- end }}
                }

                .title {
{{- if eq .chezmoi.hostname "angmar" }}
                    font-size: 23px;
{{- else if eq .chezmoi.hostname "sidhe" }}
                    font-size: 18px;
{{- end }}
                }

                .description {
{{- if eq .chezmoi.hostname "angmar" }}
                    font-size: 18px;
{{- else if eq .chezmoi.hostname "sidhe" }}
                    font-size: 12px;
{{- end }}
                }
            }

            .row-selected {
                border-radius: 8%;
                background: #dbdce1;

                .icon {
                    padding-top: 4px;
                }

                .category-icon {
                    padding-left: 5px;
{{- if eq .chezmoi.hostname "angmar" }}
                    --icon-size: 15;
{{- else if eq .chezmoi.hostname "sidhe" }}
                    --icon-size: 12;
{{- end }}
                }

                .title {
{{- if eq .chezmoi.hostname "angmar" }}
                    font-size: 23px;
{{- else if eq .chezmoi.hostname "sidhe" }}
                    font-size: 18px;
{{- end }}
                }

                .description {
{{- if eq .chezmoi.hostname "angmar" }}
                    font-size: 18px;
{{- else if eq .chezmoi.hostname "sidhe" }}
                    font-size: 12px;
{{- end }}
                }
            }
        }

        .search {
            border-radius: 5%;
            background: #dbdce1;
            --height: 50px;
            padding: 4px;
            .input {
                font-size: 20px;
            }
        }

        .scrollable {
            border-radius: 5%;
            background: #c0c0c0;
            .scroller {
                border-radius: 5%;
                color: #a1a1a1;
            }
        }
    }
}