@charset "utf-8";

.mediaPopupWrap { display: none; position: fixed; width: 100%; height: 100vh; top: 0; left: 0; z-index: 9999; }
.mediaPopupWrap.on { display: flex; align-items: center; justify-content: center; }
.mediaPopupCover { position: absolute; width: inherit; height: inherit; background: rgba(0,0,0,.5); backdrop-filter: blur(3px); }
.mediaPopup { position: relative; width: 50%; height: auto; aspect-ratio: 16/9; z-index: 60; }
.mediaPopup .mediaClose { position: absolute; top: -2.5%; right: -7.5%; cursor: pointer; }
.mediaPopup iframe { width: 100%; height: auto; aspect-ratio: 16/9; overflow: hidden; }
@media(max-width:1240px){
  .mediaPopup { width: 90%; }
  .mediaPopup .mediaClose { top: -25%; right: 0; }
}