/* Ensure the second form is hidden by default to avoid a flash of unstyled content (FOUC) */
#searchName {
  display: none;
}


.popup-overlay {
display: none; /* Hidden by default */
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent black background */
justify-content: center;
align-items: center;
z-index: 1000; /* Ensure it's on top of other content */
}

.popup-content {
background-color: white;
padding: 20px;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
position: relative;
}