.modal-overlay{z-index:999;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-container{text-align:left;background:#fff;border-radius:4px;width:90%;max-width:500px;padding:2rem;box-shadow:0 4px 14px #00000026}.modal-title{margin-bottom:1rem;font-size:20px;font-weight:500}.modal-subtitle{color:#42424d;margin-bottom:2rem;font-size:16px}.modal-buttons{justify-content:right;gap:1rem;display:flex}.button-cancel,.button-confirm{height:40px;font-family:var(--font-family);cursor:pointer;border-radius:4px;align-items:center;min-width:100px;padding:0 1rem;font-size:14px;transition:all .2s ease-in-out}.button-cancel{color:navy;background:#fff;border:1px solid #00008a}.button-cancel:hover{background:#f0f0f0}.button-confirm{color:#fff;background:navy;border:2px solid navy}.button-confirm:hover{background:#35359d}@media (max-width:768px){.modal-container{width:95%;padding:1.5rem}.modal-title{font-size:18px}.modal-subtitle{font-size:14px}.button-cancel,.button-confirm{min-width:80px}}@media (max-width:480px){.modal-container{width:90%;padding:1rem}.modal-buttons{flex-direction:column;gap:.5rem}.button-cancel,.button-confirm{width:100%}}