#modal{position:fixed;left:0;top:0;height:100vh;width:100%;bottom:0;background-color:#fff;display:none;transition:all .2s;z-index:99999;background:#0009}#modal .modal-inner{position:absolute;top:50%;left:50%;width:96%;height:96%;transform:translate(-50%,-50%);position:relative}#modal .modal-inner iframe{width:100%;height:100%;border:none;border-radius:6px}#modal .close{position:absolute;right:-10px;top:-10px;background-color:#fff;border-radius:6px;width:32px;height:32px;z-index:5;line-height:32px;text-align:center;font-size:20px;box-shadow:0 15px 30px #818b994d;cursor:pointer;transition:.2s;color:var(--color-error)}#modal .close:hover{color:var(--color-error)}