.search-modal{display:flex;position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(255 255 255 / .98);z-index:1000;align-items:center;justify-content:center;opacity:0;transform:translateY(-50px) scale(.8);transition:transform 0.5s ease-in-out,opacity 0.5s ease-in-out;visibility:hidden}.search-modal.open{opacity:1;transform:translateY(0) scale(1);visibility:visible}.search-modal.close{opacity:0;transform:translateY(-50px) scale(.8);visibility:hidden}.search-modal-content{position:relative;width:90%;max-width:600px;padding:30px;background:#fff;box-shadow:0 10px 20px rgb(0 0 0 / .2);border-radius:10px;text-align:center}.close-search-modal{position:absolute;top:20px;right:20px;background:none;border:none;font-size:30px;color:#333;cursor:pointer;z-index:1100;transition:transform 10.3s ease,opacity 10.3s ease}.close-search-modal:hover{transform:rotate(90deg);opacity:.7}body.modal-open{overflow:hidden}