.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:50;opacity:0;pointer-events:none;transition:opacity var(--fade-in-duration) ease-in-out}.modal-overlay.show{opacity:1;pointer-events:all}.modal-content{background-color:#fff;padding:24px;border-radius:8px;position:relative;opacity:0;transform:scale(.95);transition:opacity var(--fade-in-duration) ease-in-out,transform var(--fade-in-duration) ease-in-out;max-width:90vw;max-height:90vh}.modal-content.show{opacity:1;transform:scale(1)}.modal-close{position:absolute;top:10px;right:10px;background:transparent;border:none;font-size:20px;cursor:pointer}@media (max-width:768px){.modal-content{max-width:100vw;max-height:75vh;border-radius:0}}