.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.modal-content{background:var(--color-white);width:100%;max-width:550px;max-height:90vh;padding:3rem;position:relative;overflow-y:auto}.modal-close{cursor:pointer;color:var(--color-black);background:0 0;border:none;font-size:1.5rem;transition:opacity .3s;position:absolute;top:1rem;right:1.5rem}.modal-close:hover{opacity:.5}