.modal#video-modal.show .modal-dialog {
    padding: 16px;
}

.modal#video-modal.show .modal-dialog .modal-content-video {
    display: flex;
    flex-direction: column;
    width: min(90vw, 1600px) !important;
    height: auto !important;
    margin: 0 !important;
    max-height: calc(100vh - 32px);
    max-height: calc(100dvh - 32px);
}

.modal#video-modal .modal-content-video .modal-header {
    flex: 0 0 auto;
}

.modal#video-modal .modal-content-video .video-overlay-title {
    flex: 1;
    margin: 0;
    color: var(--color-white);
    font-size: 1.1rem;
    line-height: 1.4;
}

.modal#video-modal .modal-content-video .modal-body {
    flex: 0 1 auto;
    min-height: 0;
    overflow: hidden;
    padding-top: 20px;
    padding-bottom: 20px;
}

.modal#video-modal .video-overlay-player-wrap {
    position: relative;
    width: 100%;
    max-width: calc(177.78vh - 284px);
    max-width: calc(177.78dvh - 284px);
    aspect-ratio: 16 / 9;
    margin: 0 auto;
    overflow: hidden;
}

.modal#video-modal .video-overlay-player-wrap > div {
    position: absolute !important;
    inset: 0;
    width: 100%;
    height: 100%;
    padding: 0 !important;
}

.modal#video-modal .video-overlay-player-wrap iframe {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}