.search-container{margin:20px}.search-input{box-sizing:border-box;border:1px solid var(--border-color);background-color:var(--bg-primary);width:100%;color:var(--text-primary);border-radius:4px;padding:10px;font-size:16px;transition:all .2s}.search-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px #4db6c21a}.search-results{margin-top:15px;margin-left:-83px;list-style:none}.search-results li{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;margin-bottom:5px;padding:10px;list-style-type:none;transition:all .2s}.search-results li:hover{background-color:var(--bg-secondary);cursor:pointer;box-shadow:0 2px 8px var(--shadow)}