.onagre {
{{- if eq .theme_variant "dark" }}
    color: #cad3f5;
    border-color: #24273a;
    background: #24273a;
{{- else if eq .theme_variant "light" }}
    color: #4c4f69;
    border-color: #eff1f5;
    background: #eff1f5;
{{- end }}
    --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-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 {
{{- if eq .theme_variant "dark" }}
                background: #1e2030;
{{- else if eq .theme_variant "light" }}
                background: #dbdce1;
{{- end }}
                border-radius: 8%;

                .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 {
{{- if eq .theme_variant "dark" }}
            background: red;
{{- else if eq .theme_variant "light" }}
            background: #dbdce1;
{{- end }}
            border-radius: 5%;
            --height: fill-portion 1;
            padding: 4px;
            .input {
                font-size: 20px;
            }
        }

        .scrollable {
{{- if eq .theme_variant "dark" }}
            background: green;
{{- else if eq .theme_variant "light" }}
            background: ;#c0c0c0
{{- end }}
            border-radius: 5%;
            .scroller {
{{- if eq .theme_variant "dark" }}
            color: blue;
{{- else if eq .theme_variant "light" }}
            color: #a1a1a1;
{{- end }}
                border-radius: 5%;
            }
        }
    }
}