/**
 * @package cleverogre
 * @subpackage block-oembed-dialog
 * @version 1.0.0
 * @since 1.0.0
 */

html:has(.wp-block-oembed-dialog[open]) {
    overflow: hidden;
}

.wp-block-oembed-dialog {
    margin: auto !important;
    padding: 0;
    border: none;
    background: none;
    width: var(--wp--style--global--content-size);
    height: auto;
    max-height: 100vh;
    max-width: 100vw;
    aspect-ratio: 16 / 9;
}

.wp-block-oembed-dialog::backdrop {
    background-color: #000;
    opacity: 0.5;
}

.wp-block-oembed-dialog iframe {
    width: 100%;
    height: 100%;
    margin: 0;
}