/* Extracted from main.css/mobile.css: the .mobile-only/.desktop-only
   responsive visibility utilities, deduped via comma-grouped selectors.
   Both the default state and its mobile override live together here so
   the whole utility is defined in one place. */

/* Display on mobile only: hidden by default, shown via the override below */

div.mobile-only, div.mobile-only-flex, p.mobile-only, img.mobile-only,
button.mobile-only, table.mobile-only, tr.mobile-only, td.mobile-only,
span.mobile-only, br.mobile-only {
    display: none;
}

/* Display on desktop only: shown by default, hidden via the override below */

div.desktop-only, p.desktop-only, img.desktop-only, button.desktop-only,
br.desktop-only {
    display: block;
}

div.desktop-only-flex {
    display: flex;
}

table.desktop-only {
    display: table;
}

tr.desktop-only {
    display: table-row;
}

td.desktop-only {
    display: table-cell;
}

span.desktop-only {
    display: inline;
}

@media only screen and (max-width: 1024px) {
    div.mobile-only, p.mobile-only, img.mobile-only, button.mobile-only,
    br.mobile-only {
        display: block;
    }

    div.mobile-only-flex {
        display: flex;
    }

    table.mobile-only {
        display: table;
    }

    tr.mobile-only {
        display: table-row;
    }

    td.mobile-only {
        display: table-cell;
    }

    span.mobile-only {
        display: inline;
    }

    div.desktop-only, div.desktop-only-flex, p.desktop-only, img.desktop-only,
    button.desktop-only, table.desktop-only, tr.desktop-only, td.desktop-only,
    span.desktop-only, br.desktop-only {
        display: none;
    }
}