@keyframes modal-video-c9d59270 {
    0% {
    opacity: 0;
}
to {
    opacity: 1;
}
}@keyframes modal-video-inner-c9d59270 {
    0% {
    transform: translateY(100px);
}
to {
    transform: translate(0);
}
}.modal-video[data-v-c9d59270] {
    --animation-speed: 0.3s;
    --animation-function: ease-out;
    --backdrop-color: rgba(0, 0, 0, 0.7);
    --modal-bg-color: #333;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--backdrop-color);
    z-index: 1000000;
    cursor: pointer;
    opacity: 1;
    animation-timing-function: var(--animation-function);
    animation-duration: var(--animation-speed);
    animation-name: modal-video-c9d59270;
    transition: opacity var(--animation-speed) var(--animation-function);
}
.modal-video-close[data-v-c9d59270] {
    opacity: 0;
}
.modal-video-close .modal-video-movie-wrap[data-v-c9d59270] {
    transform: translateY(100px);
}
.modal-video-body[data-v-c9d59270] {
    max-width: 1100px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    display: table;
}
.modal-video-inner[data-v-c9d59270] {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%}
.modal-video-movie-wrap[data-v-c9d59270] {
    width: 100%;
    height: 0;
    position: relative;
    padding-bottom: 56.25%;
    background-color: var(--modal-bg-color);
    animation-timing-function: var(--animation-function);
    animation-duration: var(--animation-speed);
    animation-name: modal-video-inner-c9d59270;
    transform: translate(0);
    transition: transform var(--animation-speed) var(--animation-function);
}
.modal-video-movie-wrap iframe[data-v-c9d59270] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%}
.modal-video-close-btn[data-v-c9d59270] {
    position: absolute;
    z-index: 2;
    top: 50px;
    right: 50px;
    display: inline-block;
    width: 35px;
    height: 35px;
    overflow: hidden;
    border: none;
    background: transparent;
}
.modal-video-close-btn[data-v-c9d59270]:before {
    transform: rotate(45deg) translateY(-50%);
}
.modal-video-close-btn[data-v-c9d59270]:after {
    transform: rotate(-45deg) translateY(-50%);
}
.modal-video-close-btn[data-v-c9d59270]:after, .modal-video-close-btn[data-v-c9d59270]:before {
    content: "";
    position: absolute;
    height: 2px;
    width: 100%;
    top: 50%;
    left: 0;
    background: #fff;
    border-radius: 5px;
}