.og_properties > table {

    width: 100%;

    tr {

        height: 1.5rem;

        td {
            vertical-align: top;
            height: auto;

            &.w50 {

                width: 50%;
                float: none;
                position: relative;

                > textarea { resize: vertical; }

                > *:nth-child(1) {
                    width: calc(100% - 15px);
                }

                &.wizard > *:nth-child(1) { width: calc(100% - 42px); }

                h3 { display:none; }

                + .w50 {
                    padding-left: 15px;
                    width: calc(50% - 70px);
                }

            }

            &:last-child {
                vertical-align: middle;
                width: 80px;
            }

            .operations {

                display: flex;
                justify-content: flex-start;
                align-items: center;
                gap: 6px;

                a[rel="up"] img { transform: rotate(90deg); }
                a[rel="down"] img { transform: rotate(-90deg); }
            }
        }

        &:nth-child(1) td.operations a[rel="up"],
        &:nth-last-child(1) td.operations a[rel="down"] {
            cursor: default;
            pointer-events: none;
        }

        &:nth-child(1):nth-last-child(1) td.operations a[rel="delete"] {
            cursor: default;
            pointer-events: none;
            opacity: 0.5;
        }
    }
}

fieldset[data-contao--toggle-fieldset-id-value="opengraph_legend"] legend button,
#pal_opengraph_legend legend:not(:has(button)) {

    display: flex;

    &:before {
        content: "";
        display: block;
        margin-right: 1ch;
        width: 1em;
        height: 1em;
        background: url('/bundles/opengraph3/icon-ogp.svg') no-repeat scroll 50% 50%;
        background-size: contain;
    }
}

fieldset[data-contao--toggle-fieldset-id-value="twitter_legend"] legend button,
#pal_twitter_legend legend:not(:has(button)) {

    display: flex;

    &:before {
        content: "";
        display: block;
        margin-right: 1ch;
        width: 1em;
        height: 1em;
        background: url('/bundles/opengraph3/icon-twitter.svg') no-repeat scroll 50% 50%;
        background-size: contain;
    }
}

html[data-color-scheme="dark"] {

    fieldset[data-contao--toggle-fieldset-id-value="opengraph_legend"] legend button:before {
        background-image: url('/bundles/opengraph3/icon-ogp_1c.svg');
    }

    fieldset[data-contao--toggle-fieldset-id-value="opengraph_legend"] legend button:before,
    fieldset[data-contao--toggle-fieldset-id-value="twitter_legend"] legend button:before {
        filter: brightness(0) invert(50%) sepia(24%) saturate(224%) hue-rotate(184deg) brightness(91%) contrast(90%);
    }
}