.op3-element[data-op3-element-type="postmeta"] {
    width: 100%;

    // Separator is "  •  " using non-breaking spaces.
    --op3-separator:"\00a0\00a0\2022\00a0\00a0";
    .op3-element-postmeta__container {
        --op3-separator: inherit;
    }

    .op3-element-postmeta__children {
        display: flex;
        flex-direction: row;
        column-gap: 1em;
    }

    .op3-element {
        width: auto !important;
    }

    .op3-element[data-op3-element-type="text"] {
        margin: 0;
        font-size: 15px;

        // Stretch height (2 elements with font size of 15px) to match image
        // height of 48px.
        line-height: 1.6;

        &:not([data-op3-element-spec="postmetaauthor"]) [data-op3-contenteditable] > div:first-child::before {
            content: var(--op3-separator);
            display: none;
        }
    }

    .op3-element[data-op3-element-spec="wrapflexpostmetacontent"] {
        flex: 1;
        align-self: center;

        > [data-op3-children] {
            display: flex;
            flex-direction: column;
            gap: 0;
        }
    }

    .op3-element[data-op3-element-spec="postmetaimage"] {
        max-width: 48px;
        margin: 0;
        align-self: center;

        .op3-image-overlay-container {
            border-radius: 32px;
        }
    }

    .op3-element[data-op3-element-spec="postmetaauthor"] {
        font-weight: bold;
    }

    // Enable/disable links
    .op3-element-postmeta__container {
        &[data-op3-enable-links=""],
        &[data-op3-enable-links="0"] {
            a {
                pointer-events: none;
            }
        }
    }
}