.search-bar{position:relative;display:flex;gap:8px;height:40px}.search-bar .search-input-field-label{flex:1 1;display:flex}.search-bar input{height:40px;padding:8px 12px}.search-bar input:not(:placeholder-shown)+.btn-clear{opacity:1}.search-bar input::-webkit-search-cancel-button,.search-bar input::-webkit-search-decoration,.search-bar input::-webkit-search-results-button,.search-bar input::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}.search-bar .btn-clear{background:none;color:#e5e5e5;margin-left:-40px;opacity:0;width:40px;height:inherit;display:flex;flex:none;align-items:center;justify-content:center}.search-bar .btn-clear:hover{background:none;color:#fff}.search-bar .btn-clear svg{width:32px;height:32px}.search-bar button{flex:none;width:40px;height:40px;background-color:#f16436;color:#fff}.search-bar button svg{width:20px;height:20px}.search-bar .btn-search{border:1px solid var(--border-tertiery);background-color:var(--surface-tertiery);color:var(--icon-primary)}.search-bar .btn-search:hover{border-color:var(--border-secondary);background-color:var(--surface-on-surface-hover)}