.modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;animation:.2s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.modal-overlay .modal-content{border:1px solid var(--beige2);background-color:#fff;border-radius:24px;width:95%;max-width:480px;max-height:90vh;padding:40px;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;position:relative;overflow-y:auto;box-shadow:0 20px 40px #0000001a}@media (max-width:767px){.modal-overlay .modal-content{border-radius:0;width:100%;height:100%;max-height:100%;padding:24px}}.modal-overlay .modal-content .modal-header{z-index:10;justify-content:flex-end;align-items:center;margin-bottom:10px;display:flex;position:absolute;top:20px;right:20px}.modal-overlay .modal-content .modal-header .close-button{background:var(--beige);cursor:pointer;width:36px;height:36px;color:var(--brown);border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.modal-overlay .modal-content .modal-header .close-button:hover{background-color:var(--beige2);color:var(--orange);transform:rotate(90deg)}.modal-overlay .modal-content .modal-header .close-button svg{width:20px;height:20px}.modal-overlay .modal-content .modal-body h2{text-align:center;color:var(--primary-color);font-size:32px;font-weight:700;font-family:var(--font-baloo2),sans-serif;margin-bottom:12px}.modal-overlay .modal-content .modal-body p{text-align:center;color:var(--light-brown);max-width:80%;margin-bottom:32px;margin-left:auto;margin-right:auto;font-size:16px;line-height:1.5}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}