/**
 * OptiView reusable WordPress Video block presentation.
 *
 * Add the modifier class to a core Video block under
 * Advanced → Additional CSS class(es):
 *   optiview-video-wide
 */

.optiview-video-wide {
    width: 100%;
    max-width: 860px;
    margin-inline: auto;
}

.optiview-video-wide video {
    display: block;
    width: 100%;
    height: auto;
}

.optiview-video-xwide {
    width: 100%;
    max-width: 851px;
    margin-inline: auto;
}

.optiview-video-xwide video {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 851 / 400 !important;
    object-fit: cover;
}