/* Shared play target and the existing stripped Porto/Bootstrap modal. */
.caroli-video-play { display: block; position: relative; border-radius: 6px; overflow: hidden; }
.caroli-video-play-icon { position: absolute; width: 88px !important; height: 88px; left: 50%; top: 50%; transform: translate(-50%, -50%); }
@media (max-width: 575px) { .caroli-video-play-icon { width: 64px !important; height: 64px; } }
.caroli-video-modal .modal-dialog { width: min(1120px, calc(100vw - 32px), calc((100dvh - 112px) * 16 / 9)); max-width: none; margin: 56px auto; min-height: calc(100% - 112px); }
.caroli-video-modal .modal-content { padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.caroli-video-modal iframe { border: 0; }
.caroli-video-modal .caroli-video-close { position: absolute; top: -48px; right: 0; width: 44px; height: 44px; padding: 0; opacity: .85; background-size: 16px; }
.caroli-video-modal .caroli-video-close:focus-visible { outline: 2px solid white; outline-offset: -4px; }
body:has(.caroli-video-modal.show) > .modal-backdrop { --bs-backdrop-opacity: .9; }