.modal-overlay{position:fixed;inset:0;background-color:rgba(0,0,0,.797);display:flex;justify-content:center;align-items:center;z-index:50;opacity:0;pointer-events:none;transition:opacity .3s ease}.modal-overlay.show{opacity:1;pointer-events:auto}.modal-container{width:80vw;max-height:90vh;background-color:rgba(255,255,255,0);border-radius:1rem;box-shadow:0 10px 25px rgba(0,0,0,.2);overflow:visible;position:relative;transform:translateY(-50px) scale(.95);opacity:0;transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .4s ease}.modal-overlay.show .modal-container{transform:translateY(0) scale(1);opacity:1}.modal-close-button{position:absolute;top:3rem;right:1rem;background-color:#ff4d4f;color:#ffffff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.95rem;font-weight:500;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.modal-close-button:hover{background-color:#d9363e;transform:scale(1.05)}@media(min-width:1920px){.modal-container{height:60vh}}@media (min-width:767px) and (max-width:1040px){modal-container{width:90vw;max-height:95vh}.modal-close-button{top:1rem}}@media (max-width:767px){.modal-container{height:65vh;width:90vw}}