/* ==========================================================================
   Block: Video Embed (self-hosted HTML5 video)
   ========================================================================== */

.video-embed {
    padding: 35px 0;
}

.video-embed__container {
    max-width: var(--container-content);
}

.video-embed__container--full {
    max-width: var(--container-max);
}

.video-embed__wrapper {
    display: flex;
    width: 100%;
}

.video-embed__figure {
    margin: 0;
    max-width: 100%;
}

.video-embed__video {
    max-width: 100%;
    height: auto;
    display: block;
    border-radius: var(--radius-md);
}

.video-embed--align-left .video-embed__wrapper {
    justify-content: flex-start;
}

.video-embed--align-center .video-embed__wrapper {
    justify-content: center;
}

.video-embed--align-right .video-embed__wrapper {
    justify-content: flex-end;
}