.search-toggle{cursor:pointer}.search-modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgb(0 0 0 / .8)}.search-modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:20px;border-radius:5px;width:80%;max-width:600px}.close-modal{color:#aaa;float:right;font-size:28px;font-weight:700;cursor:pointer}.search-form{display:flex}.search-field{flex-grow:1;padding:10px;font-size:16px;border:1px solid #ddd;border-radius:4px 0 0 4px}.search-submit{padding:10px 20px;background-color:#333;color:#fff;border:none;border-radius:0 4px 4px 0;cursor:pointer}