.modal-backdrop{position:fixed;inset:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;overflow-y:scroll}.modal-content{position:relative;margin:10px;padding:25px;border-radius:var(--border-radius);width:auto;max-height:100svh;overflow-x:hidden}.modal-content--bg{background:#fff}.modal-content--bg .modal-close:after,.modal-content--bg .modal-close:before{background-color:#333}@media screen and (max-width:600px){.modal-content{height:100svh;margin:0;border-radius:0;width:100%;overflow-x:scroll}}.modal-close{position:absolute;top:30px;right:30px;width:30px;height:30px;background:rgba(0,0,0,0);border:none;cursor:pointer;padding:0;z-index:10}.modal-close:after,.modal-close:before{content:"";position:absolute;top:50%;left:50%;width:20px;background:var(--white);height:2px;transform-origin:center;border-radius:2px}.modal-close:before{transform:translate(-50%,-50%) rotate(45deg)}.modal-close:after{transform:translate(-50%,-50%) rotate(-45deg)}