.search-container{position:relative}input.search-input{background:var(--surface4);border:none;border-radius:50px;box-sizing:border-box;color:var(--text2);font-size:1rem;height:40px;outline:none;padding:.25rem .5rem .25rem 2.5rem;width:100%}input.search-input:focus-visible{outline:2px solid var(--accent)}.search-icon{background:var(--accent);border-radius:50px;display:grid;height:30px;left:5px;place-items:center;position:absolute;top:5px;width:30px}.search-input::-moz-placeholder{color:var(--text1);opacity:.5}.search-input::placeholder{color:var(--text1);opacity:.5}