.mask,.modal{display:none;position:fixed;pointer-events:auto}.mask{top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);z-index:1000}body.modal-open{pointer-events:none;opacity:.5}.modal{top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--offwhite-colour);border:1px solid var(--main-colour);border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.2);z-index:1001;width:95%;max-width:500px}.modal-header{background-color:var(--secondary-colour);padding:10px;border-bottom:1px solid var(--main-colour);border-top-left-radius:8px;border-top-right-radius:8px;font-weight:700}.modal-content{padding:20px}.modal-content p{margin:0 0 20px}.modal-content img{max-width:100%;height:auto;display:block;margin:10px 0}.modal-content a,.modal-content button{display:inline-block;margin:0;padding:10px 20px;border:none;border-radius:5px;cursor:pointer}