.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;padding:2rem;border-radius:.75rem;width:90%;max-width:32rem;position:relative;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#8a857c;cursor:pointer;padding:.5rem;border-radius:.375rem;transition:all .2s}.modal-close:hover{background-color:#f1eee8;color:#1a1a1a}