.modal{background:rgba(0,0,0,.5);display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background:#fff;border-radius:1rem;left:50%;max-width:70rem;min-width:50vw;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:1001}.close{align-items:center;background-color:#fff;border-radius:3rem;cursor:pointer;display:flex;height:3rem;justify-content:center;position:absolute;right:-1.5rem;top:-1.5rem;width:3rem;z-index:9}.close:before{transform:rotate(45deg)}.close:after,.close:before{background-color:var(--black);border-radius:.5rem;content:"";display:block;height:.3rem;position:absolute;width:70%}.close:after{transform:rotate(-45deg)}