.gallery-video { display: block; width: 100%; margin: 1em auto; }
.gallery-video__title { width: 100%; margin: 1em auto .5em; font-family: inherit; font-size: 24px; font-weight: 600; line-height: 1.3; color: inherit; overflow-wrap: anywhere; }
.gallery-video__title + .gallery-video { margin-top: 0; }
@media (max-width: 575px) { .gallery-video__title { font-size: 20px; } }
.gallery-video__frame { display: block; position: relative; overflow: hidden; background: #161616; border-radius: 8px; }
.gallery-video__player { display: block; width: 100%; height: 100%; object-fit: contain; }
.gallery-video__play { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; border: 0; background: transparent; color: #fff; cursor: pointer; }
.gallery-video__play span { display: flex; align-items: center; justify-content: center; width: 72px; height: 72px; padding-left: 4px; border-radius: 50%; background: rgba(0,0,0,.7); font-size: 30px; box-sizing: border-box; }
.gallery-video__play:hover span, .gallery-video__play:focus-visible span { background: #000; outline: 3px solid #fff; }
.gallery-video__play[hidden], .gallery-video__error[hidden] { display: none; }
.gallery-video__caption, .gallery-video__error { display: block; margin-top: .5em; }
.gallery-video__error { color: #a52626; }