.search-bar{flex-shrink:1;display:flex;position:relative}.search-bar .search-input{width:100%;height:100%;box-shadow:var(--shadow-small);background:var(--background);color:var(--foreground);border:none;border-radius:10px;padding:.5rem}.search-bar .search-icon,.search-bar .cross-icon{height:2.1875rem;position:absolute;top:0;bottom:0;right:.5rem}.search-bar .cross-icon{font-size:1rem;top:.125rem}.search-bar .search-input:not(:placeholder-shown)~.search-icon,.search-bar .search-input:placeholder-shown~.cross-icon{display:none}