.modal {
  display: none;
  overflow: hidden;
  transition-duration: 350ms;
  z-index: 1050;
}
.modal .modal-overlay {
  background-color: rgba(0, 0, 0, 0.95);
  z-index: -1;
}
.modal .modal-dialog {
  opacity: 0;
  animation-fill-mode: forwards;
  animation-duration: 350ms;
}
.modal .modal-content {
  width: 155vh;
  max-width: 100%;
  height: 100%;
  animation-duration: 350ms;
}
.modal.modal-opened {
  display: block;
}
.modal iframe {
  background-color: #000;
}

.modal-dialog.is-opened {
  overflow-y: auto;
  overflow-x: hidden;
  animation-name: video-lightbox-overlay-fade-in;
}
.modal-dialog.is-opened .modal-content {
  animation-name: video-lightbox-open;
}
.modal-dialog.is-closed {
  animation-name: video-lightbox-overlay-fade-out;
}
.modal-dialog.is-closed .modal-content {
  animation-name: video-lightbox-close;
  animation-fill-mode: forwards;
}

.modal-close {
  cursor: pointer;
  font-size: 1rem;
  line-height: 1;
  width: 24px;
  height: 24px;
  margin: 0.625rem;
  outline: 0;
  transition: opacity 0.35s;
}
.modal-close:hover, .modal-close:focus {
  opacity: 0.7;
}
@keyframes video-lightbox-overlay-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes video-lightbox-overlay-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes video-lightbox-open {
  from {
    opacity: 0;
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes video-lightbox-close {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0;
    transform: scale(0.9);
  }
}

/*# sourceMappingURL=modal.css.map */