.modal-backdrop{z-index:9998;opacity:0;background-color:#00000080;transition:opacity .3s ease-in-out;position:fixed;inset:0}.modal-backdrop.backdrop-visible{opacity:1}.property-insurance-modal{z-index:9999;background:#e8f4fd;flex-direction:column;width:100%;max-width:500px;height:100vh;transition:transform .3s ease-in-out;display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-4px 0 20px #00000026}.property-insurance-modal.modal-visible{transform:translate(0)}.modal-header{color:#fff;background:#002f64;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:relative}.modal-title h3{margin:10px;font-size:20px;font-weight:700}.modal-title p{opacity:.9;margin:0 10px 10px;font-size:14px}.close-button{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:background-color .2s;display:flex}.close-button:hover{background-color:#ffffff1a}.modal-content{-webkit-overflow-scrolling:touch;flex:1;padding:0;overflow-y:auto}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:#f1f1f1}.modal-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.modal-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:768px){.property-insurance-modal{max-width:100%}.modal-header{padding:16px 20px}.modal-title h3{font-size:18px}.modal-title p{font-size:13px}}