.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:var(--background,#ffffff);border-radius:24px;width:fit-content;max-width:95vw;max-height:95vh;position:relative;animation:modalFade .3s ease-in-out}.modal-close{position:absolute;top:0;right:-40px;width:32px;height:32px;background:rgba(0,0,0,.5);color:white;border:none;border-radius:50%;font-size:1.25rem;cursor:pointer;display:flex;justify-content:center;align-items:center;opacity:.8;transition:opacity .2s ease,background-color .2s ease}.modal-close:hover{opacity:1;background:rgba(0,0,0,.7)}@keyframes modalFade{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.desktop-only{display:block}@media screen and (max-width:767px){.modal-content{width:90%;max-width:375px;margin:0;border-radius:24px}.desktop-only{display:none}}