.search-container{position:relative}.search-icon{cursor:pointer}.search-form{display:none;position:absolute;top:0;right:30px;z-index:1000;background:transparent;padding:3px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.search-form form{display:flex;align-items:center}.search-form input[type="search"]{flex-grow:1;padding:5px;margin-right:10px}.search-form button{padding:5px 10px;background:#0073aa;color:#fff;border:none;cursor:pointer}.search-form button:hover{background:#005f8d}.search-container{display:flex;align-items:center;flex-direction:row-reverse;position:relative}.search-icon{cursor:pointer;margin-left:10px}.search-form{display:none;opacity:0;transform:translateX(-20px);transition:opacity 0.3s ease,transform 0.3s ease}.search-form:not(.hidden){display:flex;opacity:1;transform:translateX(0)}.search-form input.search-field{padding:8px;border:1px solid #ccc;border-radius:4px;font-size:14px;margin-right:5px}.search-form input.search-submit{padding:8px 16px;background-color:#0073aa;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px}.search-form input.search-submit:hover{background-color:#005177}input.search-submit{display:none}