/*
Styles for resources/views/components/video-lightbox-modal.blade.php, shared by every site group and itemType (a
group rule needs a more specific selector: this file is pushed after site.css). Pushed by the component, so only pages that have the window load it. Its chrome
(backdrop, close button, counter, arrows) is lightbox.css, shared with the picture gallery.
The round icon button itself and its overlay corners (.video-icon, .video-icon-gallery, .video-icon-card) are in
base.css with the other two icon buttons.
*/
/* Stronger arrow boxes than the gallery's: they have to hold their own against a video's busy image and player UI. */
.video-lightbox-content {
    --lightbox-arrow-alpha: .5;
}

.video-lightbox-frame {
    background-color: #000;
}

.video-lightbox-frame iframe {
    border: none;
}

/* No "swipe instead of arrows" on touch screens, unlike the picture gallery: a video's iframe fills the slide and
takes the swipe itself, so the arrows are the only way to the next video (the counter says there is one). */