.search-box{display:flex;align-items:center;background-color:#fff;padding:.8rem 1rem;border-radius:100px;border:1px solid #b9bbc6;position:relative}.search-box svg{margin-right:.5rem;color:#aaa}.search-box input{border:none;outline:0;flex:1;font-size:18px;margin:0;padding:0}@media (max-width:768px){.search-box input{font-size:16px}}.close-icon-search{border:none;align-items:center;margin:0;cursor:pointer;position:absolute;right:0;height:100%;width:59px;background:#fff;border-radius:100px;justify-content:center;z-index:1;display:none}.close-icon-search.has-value{display:flex}.close-icon-search svg{margin:0}