.ed-modal-container {
  position   : fixed;
  width      : 100%;
  height     : 100%;
  left       : 0;
  top        : 0;
  background : rgba($bodyBg, .9);
  display    : flex;
  z-index : $z-modal;

  &::before{
    content    : "";
    width      : 3rem;
    height     : 3rem;
    background : img('icon-close.svg');
    position   : absolute;
    top        : 2rem;
    right      : 2rem;
    cursor     : pointer;
  }
}

.ed-modal-content {
  @include widget;
  width         : 90%;
  max-width     : 1000px;
  max-height    : 90vh;
  margin        : auto;
  padding       : 2rem;
  border-radius : .25rem;
  overflow-y    : auto;
}

.video {
  width          : 100%;
  position       : relative;
  height         : 0;
  padding-bottom : 56.25%;
  overflow       : hidden;

  iframe {
    width    : 100%;
    position : absolute;
    top      : 0;
    left     : 0;
    height   : 100%;
  }
}