placeholder {
    > grid {
        margin: rem(12px);
    }

    > grid > .large-icons {
        -gtk-icon-size: 48px;

        &:dir(ltr) {
            margin-right: rem(3px);
        }

        &:dir(rtl) {
            margin-left: rem(3px);
        }
    }

    .title-1:dir(ltr),
    .title-2:dir(ltr) {
        margin-left: rem(9px);
    }

    .title-1:dir(rtl),
    .title-2:dir(rtl) {
        margin-right: rem(9px);
    }

    .title-1 + .title-2 {
        margin-top: rem(3px);
    }

    .title-2 {
        @extend .dim-label;

        color: $fg-color;
        font-size: 1.3em;
        font-weight: initial;
    }

    box {
        margin-top: rem(12px);

        button {
            .large-icons {
                -gtk-icon-size: 32px;

                &:dir(ltr) {
                    margin-right: rem(6px);
                }

                &:dir(rtl) {
                    margin-left: rem(6px);
                }
            }


            label {
                &.title-3 {
                    font-weight: initial;
                }

                &:not(.title-3) {
                    @extend .dim-label;
                }
            }

            + button {
                margin-top: rem(12px);
            }
        }
    }
}

list placeholder {
    .title-1 {
        font-size: 2em;
    }
    .title-2 {
        font-size: 1em;
    }
}

popover placeholder {
    > grid > .large-icons {
        -gtk-icon-size: 32px;

        &:dir(ltr) {
            margin-right: 0;
        }

        &:dir(rtl) {
            margin-left: 0;
        }
    }

    .title-1 {
        font-size: 1em;
        font-weight: initial;
    }

    .title-2 {
        font-size: 0.85em;
    }
}
