.lk-video-modal {
    position: fixed;
    inset: 0;
    z-index: 200;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--space-40);
}

.lk-video-modal[hidden] {
    display: none;
}

.lk-video-modal__scrim {
    position: absolute;
    inset: 0;
    background: var(--scrim-karta);
    border: 0;
    padding: 0;
    cursor: pointer;
}

.lk-video-modal__dialog {
    position: relative;
    width: min(1120px, 100%);
    max-height: 100%;
    display: flex;
    flex-direction: column;
}

.lk-video-modal__close {
    position: absolute;
    inset: var(--space-16) var(--space-16) auto auto;
    z-index: 1;
}

.lk-video-modal__stage {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    max-height: 100%;
    background: var(--color-black);
    overflow: hidden;
}

.lk-video-modal__stage video,
.lk-video-modal__stage iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    object-fit: contain;
}

body.is-video-open {
    overflow: hidden;
}

@media (max-width: 767px) {
    .lk-video-modal {
        padding: var(--space-16);
    }

    .lk-video-modal__close {
        inset: var(--space-8) var(--space-8) auto auto;
    }
}