.modal{position:absolute;top:-10%;display:flex;flex-direction:column;z-index:-1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);align-items:center;justify-content:center;opacity:0;transition:all .5s}.modal.open{position:fixed;bottom:0;right:0;left:0;top:0;opacity:1;z-index:50}.modal .wrapper{border:1px solid var(--clr-main);border-radius:8px;padding:1rem;background-color:#000;background-image:var(--bg-img);display:flex;max-width:90vw;max-height:80svh;overflow:scroll;pointer-events:all}.modal .wrapper .inner{pointer-events:all;max-width:80vw}.modal .wrapper .inner h4,.modal .wrapper .inner h5{font-weight:400}.modal .wrapper .inner .content{padding:20px 0}.modal .wrapper .inner .content article,.modal .wrapper .inner .content img,.modal .wrapper .inner .content pre,.modal .wrapper .inner .content video{border-radius:8px}.modal button{margin:20px auto;font-size:1rem}